How does it handle authenticated states?

The skill includes a dedicated authentication setup pattern that saves the session state to a file, allowing multiple tests to run as a logged-in user without re-authenticating every time.

What is the benefit of the Page Object Model (POM) included here?

The POM templates help you encapsulate page-specific logic and locators, making your tests easier to read and significantly cheaper to maintain when the UI changes.

Does this skill support mobile browser testing?

Yes, the provided configuration includes pre-defined projects for Mobile Chrome and Mobile Safari using Playwright's device emulation.

How does this skill help with Playwright configuration?

It provides a production-ready playwright.config.ts file, including settings for parallel execution, retries, reporting, and multiple browser projects.

Playwright E2E Testing Setup

Name: Playwright E2E Testing Setup
Author: IvanTorresEdge

byIvanTorresEdge

セキュリティとテスト

Configures robust end-to-end testing environments using Playwright for React applications.

概要

This skill streamlines the integration of Playwright into React projects, providing standardized configurations for cross-browser testing, Page Object Model (POM) architectures, and CI/CD pipelines. It empowers developers to automate complex user journeys, manage authentication states for faster test execution, and mock APIs to isolate frontend behavior, ensuring high-quality software delivery through comprehensive automated verification.

主な機能

Authentication state persistence to bypass repetitive login steps
Integrated CI/CD workflow templates for GitHub Actions
Automated Playwright configuration and project structure setup
0 GitHub stars
Cross-browser and mobile device emulation configuration
Scalable Page Object Model (POM) templates for maintainable tests

ユースケース

Refactoring manual test scripts into structured Page Object Models
Initializing a comprehensive E2E testing suite for a new React project
Implementing automated UI regression testing in a CI/CD pipeline

概要

主な機能

Authentication state persistence to bypass repetitive login steps
Integrated CI/CD workflow templates for GitHub Actions
Automated Playwright configuration and project structure setup
0 GitHub stars
Cross-browser and mobile device emulation configuration
Scalable Page Object Model (POM) templates for maintainable tests

ユースケース

Refactoring manual test scripts into structured Page Object Models
Initializing a comprehensive E2E testing suite for a new React project
Implementing automated UI regression testing in a CI/CD pipeline