playwright-e2e

Create and run Playwright end-to-end tests with configuration and API mocking.

3|1|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/jon23d/skillz --skill playwright-e2e-jon23d
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-e2e
Source: https://github.com/jon23d/skillz/tree/main/skills/playwright-e2e
Command: npx skills add https://github.com/jon23d/skillz --skill playwright-e2e-jon23d

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of writing, setting up, and executing end-to-end (E2E) tests for web applications, ensuring robust and reliable user flows.

Core Features & Use Cases

  • E2E Test Writing: Provides guidance on writing effective E2E tests using Playwright, focusing on locator strategies and avoiding common pitfalls.
  • Project Setup: Details the necessary configuration files (playwright.config.ts, package.json) for integrating Playwright into a project.
  • Test Execution: Explains how to run E2E tests locally and emphasizes the importance of running them before reporting success.
  • API Mocking: Demonstrates how to use page.route for intercepting network requests and mocking API responses.
  • Use Case: A developer needs to add new E2E tests for a user registration flow. This Skill guides them on how to structure the test file, locate form elements, simulate user input, assert successful registration, and mock API responses for different scenarios.

Quick Start

Use the playwright-e2e skill to add a new E2E test file for the user login flow.

Frequently Asked Questions about playwright-e2e

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

FAQPage Schema
How do I set up a project to run Playwright E2E tests?

Setting up a Playwright E2E testing project requires configuring specific project files like `playwright.config.ts` and `package.json`. This configuration establishes the environment needed to execute end-to-end web tests locally.

What is the best way to locate elements and avoid common mistakes in web testing?

The best way to locate elements in E2E testing is by following locator strategy best practices provided by Playwright. This approach helps you avoid common pitfalls by utilizing automatic waiting and ensuring test isolation for reliable user flow validation.

How do I mock API responses when writing end-to-end web tests?

You can mock API responses in E2E tests by using the `page.route` method. This functionality intercepts network requests, allowing you to simulate different API response scenarios for your web application during test execution.

Does Playwright test isolation help prevent flaky web automation tests?

Playwright test isolation prevents flaky web automation tests by ensuring each test runs independently. Combined with automatic waiting, this practice ensures reliable execution and robust user flows without interference between test cases.

Why should I run E2E tests locally before reporting task success?

Running E2E tests locally before reporting success validates that your new user flows, such as login or registration, function correctly. It ensures your Playwright test execution accurately reflects the application's behavior without external CI interference.