skills.rest
nholder88
nholder88COMMUNITY
Explore all skills by this author →
WebsiteGitHub

test-e2e-ui

Write Playwright BDD end-to-end UI tests with Gherkin and visual regression.

2|Updated Mar 1, 2026
Search Tags:#typescript#playwright#bdd#ui-testing#e2e-testing#gherkin#visual-regression
One-click install
npx skills add https://github.com/nholder88/ai-agent-workflows --skill test-e2e-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: test-e2e-ui
Source: https://github.com/nholder88/ai-agent-workflows/tree/main/skills/test-e2e-ui
Command: npx skills add https://github.com/nholder88/ai-agent-workflows --skill test-e2e-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

End-to-end UI testing and visual verification for modern web apps, enabling teams to define user flows and ensure regression coverage with Playwright BDD and Gherkin.

Core Features & Use Cases

  • End-to-end UI tests across frameworks (React, Next.js, Angular, SvelteKit, Vue, and similar) using Playwright with playwright-bdd (Gherkin/Cucumber syntax).
  • Behavior-driven development with Gherkin feature files for clear collaboration and mapping to tests.
  • Visual regression testing via screenshot comparisons to detect UI drift across deployments.
  • Acceptance flow verification across single and multi-page scenarios, with responsive checks.

Quick Start

Create a Playwright BDD test scenario for a given user workflow.

Frequently Asked Questions about test-e2e-ui

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

FAQPage Schema
How do I write end-to-end UI tests using Playwright and BDD?▼

End-to-end UI tests using Playwright and BDD are written with Gherkin feature files mapped to TypeScript test scaffolds. This approach generates a starter feature file and test steps for React, Next.js, Angular, SvelteKit, or Vue apps.

Can I use Gherkin syntax for visual regression testing in modern web apps?▼

Gherkin syntax supports visual regression testing by defining user flows that trigger screenshot-based validation. This detects UI drift across deployments while maintaining readable acceptance scenarios in Playwright.

What is the best way to automate E2E testing across multiple JavaScript frameworks?▼

Automating E2E testing across multiple JavaScript frameworks is best handled by detecting the framework and generating a Playwright BDD scaffold. This provides TypeScript test steps and responsive checks for single and multi-page scenarios.

Does Playwright BDD support CI pipeline integration for UI test suites?▼

Playwright BDD supports CI pipeline integration by outlining the steps needed to run TypeScript test suites automatically. This ensures regression coverage and screenshot validation execute consistently across deployments.

How do I structure a Gherkin feature file for single and multi-page acceptance flows?▼

A Gherkin feature file for acceptance flows is structured by deriving scenarios from user workflows and mapping them to Playwright steps. This covers single and multi-page scenarios with responsive checks across modern web frameworks.

Related Skills

Explore More Software Engineering Skills→
xlelibertyxleliberty

init

Automate Playwright testing environment setup with framework-specific configs and CI/CD workflows.

Community
Intermediate
hidonguyenhidonguyen

ck:test

Execute unit, integration, e2e, and UI tests across JavaScript/TypeScript, Python, Go, Rust, and Flutter projects.

Community
Advanced
yibozhongyibozhong

webapp-testing

Automate browser-based testing of local web applications with Playwright.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

e2e-testing

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

Community
Intermediate