skills.rest
AZANIR
AZANIRCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

qa-playwright-ts-writer

Generate Playwright E2E, component, and unit tests for TypeScript applications.

2|2|Updated Mar 7, 2026
Search Tags:#automation#typescript#test generation#playwright#e2e testing#pom
One-click install
npx skills add https://github.com/AZANIR/qa-skills --skill qa-playwright-ts-writer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qa-playwright-ts-writer
Source: https://github.com/AZANIR/qa-skills/tree/main/.cursor/skills/qa-playwright-ts-writer
Command: npx skills add https://github.com/AZANIR/qa-skills --skill qa-playwright-ts-writer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of Playwright tests, reducing the manual effort required to write robust end-to-end, component, and unit tests for TypeScript applications.

Core Features & Use Cases

  • Automated Test Generation: Write Playwright tests directly from structured test case specifications.
  • Record Mode: Capture live browser interactions to generate test code automatically.
  • Page Object Model (POM): Enforces best practices for maintainable and scalable test suites.
  • Use Case: You need to create Playwright E2E tests for a new user authentication flow. Provide the test cases, and this Skill will generate the *.spec.ts files using POM and Playwright's auto-wait capabilities.

Quick Start

Use the qa-playwright-ts-writer skill to generate Playwright E2E tests for the login page.

Frequently Asked Questions about qa-playwright-ts-writer

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

FAQPage Schema
How do I generate Playwright E2E tests for TypeScript automatically?▼

You can generate Playwright E2E tests for TypeScript automatically by providing structured test case specifications to a test generation tool. The tool outputs *.spec.ts files utilizing the Page Object Model pattern and Playwright's auto-wait capabilities.

What is the Page Object Model pattern in Playwright test generation?▼

The Page Object Model (POM) is a structural pattern enforced during Playwright test generation that separates UI element locators and behaviors from test scripts. It ensures generated test suites remain maintainable and scalable across E2E and component tests.

Can I record live browser interactions to create Playwright test scripts?▼

Yes, you can record live browser interactions to create Playwright test scripts using Playwright MCP record mode. It captures user actions in the browser and automatically generates the corresponding TypeScript test code.

Does Playwright auto-wait work with generated TypeScript E2E tests?▼

Yes, Playwright auto-wait works with generated TypeScript E2E tests. The generated test scripts utilize auto-wait capabilities to automatically wait for elements to be actionable before performing interactions, reducing flakiness.

How do I fix broken Playwright tests automatically in TypeScript?▼

You can fix broken Playwright tests in TypeScript using a test healer integration, which provides automated fix suggestions for failing tests. This feature analyzes test failures and recommends corrections to maintain test suite health.

Related Skills

Explore More Software Engineering Skills→
eron1703eron1703
1

test-rig

Configure a multi-agent testing environment for TypeScript projects with Vitest, Playwright, and Testcontainers.

Community
Advanced
thktthkt
11

e2e

Generate Playwright E2E tests and documentation through guided browser interactions.

Community
Intermediate
linaproailinaproai
147

playwright-cli

Automate browser interactions and generate Playwright test code via CLI.

Official
Intermediate
damandeep611damandeep611

agentic-jumpstart-testing

Automates Playwright E2E and Vitest unit test patterns with mocking and Page Object Model support.

Community
Intermediate