skills.rest
plipowczan
plipowczanCOMMUNITY
Explore all skills by this author →
Website𝕏@pawellipowczanGitHub

portfolio-testing

Automate Playwright end-to-end tests for the portfolio project across browsers.

Updated Oct 21, 2025
Search Tags:#testing#debugging#e2e#test coverage#mobile testing#playwright
One-click install
npx skills add https://github.com/plipowczan/portfolio --skill portfolio-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: portfolio-testing
Source: https://github.com/plipowczan/portfolio/tree/main/.claude/skills/portfolio-testing
Command: npx skills add https://github.com/plipowczan/portfolio --skill portfolio-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the manual effort of writing, debugging, and maintaining comprehensive end-to-end tests for your portfolio project.

Core Features & Use Cases

  • Test Creation: Generate Playwright tests for navigation, forms, blog, SEO, accessibility and responsiveness.
  • Debugging: Identify and fix flaky tests with detailed debugging guides and patterns.
  • Use Case: Imagine your mobile menu tests are failing randomly. Use this Skill to debug timing issues, fix selectors, and ensure reliable test execution across all browsers and devices.

Quick Start

Create E2E tests for the new contact form validation in the portfolio project.

Frequently Asked Questions about portfolio-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write end-to-end tests for a React portfolio with Playwright?▼

End-to-end testing with Playwright automates browser interactions to verify your React application works across real user flows. This Skill generates Playwright tests for navigation, forms, blog pages, SEO metadata, accessibility (WCAG 2.1 AA), and responsive design, with helper utilities and selector patterns included for faster test creation.

Can I run Playwright tests across multiple browsers and mobile viewports?▼

Yes. This Skill executes Playwright tests across Chromium, Firefox, and WebKit browsers with configurable desktop and mobile viewports, ensuring your portfolio functions reliably on all devices and platforms.

What should I do when my Playwright tests fail intermittently?▼

Flaky tests typically stem from timing issues or incorrect selectors. This Skill includes debugging guides, selector patterns from test-patterns.md, and helper utilities to identify and fix unreliable tests so they run consistently.

How do I test form validation and accessibility compliance in my portfolio?▼

This Skill automates testing for form validation, WCAG 2.1 AA accessibility standards, and responsive behavior using Playwright test templates and helper utilities tailored for portfolio projects.

Do I need prior Playwright experience to create and run these tests?▼

The Skill provides test templates, selector patterns, and helper utilities that reduce boilerplate work. Basic familiarity with testing concepts helps, but the included documentation and quick-start guide make it accessible for building your first E2E tests.

Can I extend test coverage to new features in my React portfolio?▼

Yes. The Skill supplies test patterns, selector conventions, and helper utilities that let you quickly extend coverage to new forms, pages, and interactions while maintaining consistency with existing tests.

Related Skills

Explore More Software Engineering Skills→
pmarashianpmarashian
2

capacitor-vite-nextjs-backend

Set up a monorepo with Vite React frontend, Capacitor, and Next.js backend API.

Community
Intermediate
WebWakaHubWebWakaHub
20

Test Results Analyzer

Analyze test execution results to identify failure patterns and release readiness risks.

Official
Advanced
AZANIRAZANIR
2

qa-test-healer

Analyze failing Playwright and Cypress tests and apply targeted fixes.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate