skills.rest
tom-xs
tom-xsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

playwright-e2e-testing

Author versioned Playwright TypeScript UI specs for browser-based end-to-end flows.

Updated Nov 22, 2025
Search Tags:#automation#typescript#testing#e2e#playwright#pom
One-click install
npx skills add https://github.com/tom-xs/nixos-dotfiles --skill playwright-e2e-testing-tom-xs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-e2e-testing
Source: https://github.com/tom-xs/nixos-dotfiles/tree/main/ai/kimi-skills/skills/playwright-e2e-testing
Command: npx skills add https://github.com/tom-xs/nixos-dotfiles --skill playwright-e2e-testing-tom-xs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, typescript, ts-node, and includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of maintaining reliable end-to-end tests by providing a structured, maintainable, and type-safe framework for verifying critical user journeys and UI interactions.

Core Features & Use Cases

  • Page Object Model (POM) Implementation: Encapsulates UI locators and actions to ensure test resilience against UI changes.
  • Advanced Debugging Toolkit: Provides integrated support for UI mode, trace viewers, and network interception to quickly diagnose flaky tests.
  • Use Case: Use this skill to automate a complex multi-step checkout flow, ensuring that form validation, API responses, and final order confirmation work correctly across mobile and desktop viewports.

Quick Start

Use the playwright-e2e-testing skill to generate a new test spec for the login page using the Page Object Model pattern.

Frequently Asked Questions about playwright-e2e-testing

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

FAQPage Schema
How do I write maintainable Playwright end-to-end tests for complex web flows?▼

Maintainable Playwright end-to-end tests use the Page Object Model pattern to encapsulate UI locators and actions, ensuring test resilience against UI changes. This approach provides a structured, type-safe framework for verifying critical user journeys.

What is the best way to handle flaky E2E tests in TypeScript?▼

To resolve flaky E2E tests, use an advanced debugging toolkit featuring UI mode, trace viewers, and network interception. These tools help quickly diagnose and fix non-deterministic test execution in TypeScript environments.

Does this Playwright setup support API mocking and responsive design verification?▼

Yes, this Playwright setup supports API mocking and responsive design verification. It applies to end-to-end testing scenarios across mobile and desktop viewports, handling form validation and visual regression effectively.

How do I set up a type-safe Playwright test infrastructure using TypeScript?▼

To set up a type-safe Playwright test infrastructure, utilize TypeScript with dependencies like @playwright/test and ts-node. This configuration satisfies requirements for deterministic test execution and robust UI specifications.

Can I use this skill to automate a complex multi-step checkout flow?▼

Yes, you can use this skill to automate a complex multi-step checkout flow. It ensures that form validation, API responses, and final order confirmation work correctly across different mobile and desktop viewports.

Related Skills

Explore More Software Engineering Skills→
nirukk52nirukk52
1

e2e-testing

Automate ScreenGraph end-to-end UI validation with Playwright and .env configuration.

Community
Intermediate
duynhneduynhne

playwright-expert

Automate end-to-end browser testing with Playwright across Chromium, Firefox, and WebKit.

Community
Intermediate
saschadudkin-sketchsaschadudkin-sketch

test-master

Generate test plans, mocking strategies, and code coverage analysis for automated testing.

Community
Advanced
iani-kuliiani-kuli

webapp-testing

Automate local web app testing with Playwright and server management scripts.

Community
Intermediate