How does it handle user authentication in tests?

It utilizes authentication fixtures and storageState to save browser session data (cookies/localStorage) once, allowing subsequent tests to skip the UI login flow for faster execution.

Why does this skill prefer getByRole selectors?

Semantic selectors like getByRole are more resilient to DOM changes and ensure your application remains accessible by simulating how screen readers interact with the page.

Can I use this skill for mobile browser testing?

Yes, the provided Playwright configuration includes specific projects for mobile viewports, such as iPhone 14 emulation, to ensure responsive design functionality.

Does it support CI/CD integration?

Absolutely. The skill includes a standardized GitHub Actions workflow and a playwright.config.js optimized for headless CI environments, including retry logic and report uploading.

Playwright E2E Testing

Name: Playwright E2E Testing
Author: chavangorakh1999

bychavangorakh1999

0•

安全与测试

Implements robust end-to-end testing suites using Playwright with a focus on page object models and efficient authentication patterns.

This skill provides a comprehensive framework for building reliable E2E tests for web applications using Playwright. It guides developers through setting up scalable test structures, implementing the Page Object Model (POM) for better maintainability, and optimizing performance via authentication fixtures and API-assisted data setup. By focusing on critical user journeys and semantic selector priorities, it ensures high-confidence deployments while minimizing test flake and maintenance overhead. It also includes ready-to-use configurations for CI/CD environments like GitHub Actions and cross-browser testing strategies.

主要功能

01Semantic selector strategies prioritizing accessibility and resilience

020 GitHub stars

03API-assisted test setup to bypass slow UI-based data creation

04Advanced authentication fixtures with session persistence via storageState

05Page Object Model (POM) implementation for clean, maintainable test code

06Optimized Playwright configuration for parallel execution and CI/CD

使用场景

01Refactoring brittle CSS-based test suites to semantic, role-based selectors

02Setting up cross-browser and mobile viewport testing in GitHub Actions

03Automating critical user flows like registration, login, and payment checkout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chavangorakh1999/sde-skills e2e-testing

For use in Claude.ai and ChatGPT

主要功能

01Semantic selector strategies prioritizing accessibility and resilience

020 GitHub stars

03API-assisted test setup to bypass slow UI-based data creation

04Advanced authentication fixtures with session persistence via storageState

05Page Object Model (POM) implementation for clean, maintainable test code

06Optimized Playwright configuration for parallel execution and CI/CD

使用场景

01Refactoring brittle CSS-based test suites to semantic, role-based selectors

02Setting up cross-browser and mobile viewport testing in GitHub Actions

03Automating critical user flows like registration, login, and payment checkout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chavangorakh1999/sde-skills e2e-testing

For use in Claude.ai and ChatGPT