skills.rest
kittne
kittneCOMMUNITY
Explore all skills by this author →
GitHub

playwright-testing

Automate end-to-end web UI testing with Playwright in TypeScript and Python.

Updated Aug 27, 2026
Search Tags:#typescript#debugging#python#codegen#playwright#ui-testing#test-automation
One-click install
npx skills add https://github.com/kittne/codex-skills-by-codex --skill playwright-testing-kittne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-testing
Source: https://github.com/kittne/codex-skills-by-codex/tree/main/playwright-testing
Command: npx skills add https://github.com/kittne/codex-skills-by-codex --skill playwright-testing-kittne

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Playwright-driven UI testing often requires coordinating setup, robust selectors, cross-language tests, and debugging tools to ensure reliable browser automation.

Core Features & Use Cases

  • Cross-language test authoring in TypeScript and Python
  • Code generation and rapid test prototyping with Playwright Codegen
  • Robust locator strategies and data-test attributes for stable tests
  • Test execution, tracing, screenshots, and video artifacts for CI and debugging
  • State management and authentication patterns via storageState and contexts
  • Debugging aids like Playwright Inspector, UI mode, and trace viewer
  • Multi-page and multi-context scenarios including popups and redirects

Quick Start

Install Playwright for your project and run a quick example test to verify the setup.

Frequently Asked Questions about playwright-testing

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

FAQPage Schema
How do I automate end-to-end web UI testing with Playwright in TypeScript and Python?▼

Playwright automates end-to-end web UI testing across TypeScript and Python by providing setup guidance, cross-language test authoring, and code generation for rapid prototyping in modern web apps. It supports execution in development, staging, and CI environments.

Can I use Playwright Codegen to generate UI test automation scripts?▼

Playwright Codegen enables rapid test prototyping by automatically generating UI test automation scripts. You can record interactions to quickly create test cases, apply robust locator strategies, and utilize data-test attributes for stable tests.

What's the best way to debug Playwright UI tests when they fail?▼

Debugging Playwright UI tests involves using tools like the Playwright Inspector, UI mode, and the trace viewer. You can also generate execution artifacts such as traces, screenshots, and videos to analyze failures in CI and staging environments.

How do I handle authentication and state management in Playwright test automation?▼

Playwright handles authentication and state management using storageState and browser contexts. This approach preserves session data for reliable UI automation, supporting complex multi-page and multi-context scenarios including popups and redirects.

Does Playwright UI testing work for multi-page scenarios with popups and redirects?▼

Playwright UI testing explicitly supports multi-page and multi-context scenarios including popups and redirects. It manages multiple browser contexts simultaneously to ensure reliable automation across complex navigation flows in modern web applications.

Related Skills

Explore More Software Engineering Skills→
shuyu-labsshuyu-labs
288

webapp-testing

Automate Playwright UI testing of local web applications with Python scripts.

Official
Intermediate
wesleysimpliciowesleysimplicio
1

playwright-e2e

Automate Playwright end-to-end tests with trace, screenshot, and video evidence.

Community
Advanced
dpalferydpalfery

browser-testing

Automate web UI testing and end-to-end validation with Playwright MCP.

Community
Advanced
FernanSuozaFernanSuoza

qa-browser-ui-verification

Verify web application behavior with Playwright or Cypress UI tests.

Community
Advanced