adding-e2e-tests

Set up Playwright end-to-end testing with smoke tests and GitHub Actions.

672|104|Updated Apr 10, 2026
One-click install
npx skills add https://github.com/spencerpauly/awesome-cursor-skills --skill adding-e2e-tests-spencerpauly
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: adding-e2e-tests
Source: https://github.com/spencerpauly/awesome-cursor-skills/tree/main/resources/adding-e2e-tests
Command: npx skills add https://github.com/spencerpauly/awesome-cursor-skills --skill adding-e2e-tests-spencerpauly

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It removes the manual setup work required to add reliable browser end-to-end tests to a project.

Core Features & Use Cases

  • Installs and configures Playwright for local development and continuous integration.
  • Creates a smoke test to confirm the app loads and can be exercised in a browser.
  • Supports page object patterns, test scripts, and report artifacts for maintainable browser workflows. Use it when you need to validate a web app after changes, prevent UI regressions, or automate cross-browser checks.

Quick Start

Use this skill to add Playwright end-to-end testing to the current project with a smoke test, dev-server configuration, and CI wiring.

Frequently Asked Questions about adding-e2e-tests

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

FAQPage Schema
How do I add Playwright end-to-end tests to a web application?

Playwright end-to-end testing requires installing the framework, configuring browsers, creating test files, and adding npm scripts. This setup enables automated browser testing to validate UI behavior and prevent regressions after changes.

What is a Playwright smoke test and when do I need it for UI-heavy projects?

A Playwright smoke test is a basic browser-based test confirming your web application loads and can be exercised. You need it for UI-heavy projects to quickly verify core functionality and prevent visual regressions during development.

Can I run Playwright tests in GitHub Actions CI with artifact reporting?

Yes, you can run Playwright tests in GitHub Actions CI by configuring the integration and setting up artifact reporting. This enables automated regression coverage and provides test reports directly within your continuous integration pipeline.

Does Playwright support page object patterns for maintainable browser testing workflows?

Playwright supports page object patterns to create maintainable browser testing workflows. This approach structures your test files and page-object-driven suites, keeping UI element selectors organized and test scripts reusable across different test cases.

How do I configure a local dev-server verification for end-to-end testing?

Local dev-server verification for end-to-end testing is configured through Playwright configuration files and npm scripts. This setup automatically starts your local development server, runs browser tests against it, and ensures web application changes are validated.