README.md

May 7, 2026 · View on GitHub

██████╗ ██╗      █████╗ ██╗   ██╗██╗    ██╗██████╗ ██╗ ██████╗ ██╗  ██╗████████╗
██╔══██╗██║     ██╔══██╗╚██╗ ██╔╝██║    ██║██╔══██╗██║██╔════╝ ██║  ██║╚══██╔══╝
██████╔╝██║     ███████║ ╚████╔╝ ██║ █╗ ██║██████╔╝██║██║  ███╗███████║   ██║
██╔═══╝ ██║     ██╔══██║  ╚██╔╝  ██║███╗██║██╔══██╗██║██║   ██║██╔══██║   ██║
██║     ███████╗██║  ██║   ██║   ╚███╔███╔╝██║  ██║██║╚██████╔╝██║  ██║   ██║
╚═╝     ╚══════╝╚═╝  ╚═╝   ╚═╝    ╚══╝╚══╝ ╚═╝  ╚═╝╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝

███████╗██╗  ██╗██╗██╗     ██╗
██╔════╝██║ ██╔╝██║██║     ██║
███████╗█████╔╝ ██║██║     ██║
╚════██║██╔═██╗ ██║██║     ██║
███████║██║  ██╗██║███████╗███████╗
╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝

TestDino Logo by testdino.com — Purpose built for debugging, managing, and improving Playwright tests with AI

# Playwright Skill Guides

Playwright guides for E2E, API, component, visual, accessibility, and security testing, plus CLI automation. 70+ guides with TypeScript and JavaScript examples.

Updated for Playwright 1.59 coverage: screencast recording, bound browser sessions, CLI debugger and trace analysis workflows, aria snapshot helpers, and in-place storage state refresh.

Install

Add all skills to your project:

npx skills add testdino-hq/playwright-skill

Or add individual skill packs:

npx skills add testdino-hq/playwright-skill/core
npx skills add testdino-hq/playwright-skill/ci
npx skills add testdino-hq/playwright-skill/pom
npx skills add testdino-hq/playwright-skill/migration
npx skills add testdino-hq/playwright-skill/playwright-cli

🎬 Watch the installation guide Watch the installation guide

Skills Overview

Skill PackGuidesWhat's Covered
core46Locators, assertions, fixtures, auth, API testing, network mocking, visual regression, accessibility, debugging, framework recipes
ci9GitHub Actions, GitLab CI, CircleCI, Azure DevOps, Jenkins, Docker, sharding, reporting, coverage
pom2Page Object Model patterns, POM vs fixtures vs helpers
migration2Migrating from Cypress, migrating from Selenium
playwright-cli11CLI browser automation, screenshots, tracing, session management, device emulation

Core Skills

The foundation of Playwright testing. These guides cover everything you need to write, debug, and maintain reliable end-to-end tests.

  • Start here if you're new to Playwright — begin with locators, assertions, and fixtures
  • Covers common patterns like authentication, API testing, network mocking, and visual regression
  • Includes framework-specific recipes for React, Vue, Angular, and Next.js
  • Debugging guides to help you fix flaky tests and common pitfalls

Writing Tests

GuideDescription
locators.mdSelector strategies — getByRole, getByText, getByTestId
assertions-and-waiting.mdWeb-first assertions, auto-retry, waiting patterns
fixtures-and-hooks.mdtest.extend(), setup/teardown, worker-scoped fixtures
configuration.mdplaywright.config.ts — projects, timeouts, reporters, web server
test-organization.mdFile structure, tagging, test.describe, test filtering
test-data-management.mdFactories, seeding, cleanup strategies
authentication.mdStorage state reuse, multi-role auth, session management
api-testing.mdREST and GraphQL testing with request fixture
network-mocking.mdRoute interception, HAR replay, response modification
forms-and-validation.mdForm fills, validation, error states, multi-step wizards
visual-regression.mdScreenshot comparison, thresholds, masking dynamic content
accessibility.mdaxe-core integration, ARIA assertions, a11y auditing
component-testing.mdMount React/Vue/Svelte components in isolation
mobile-and-responsive.mdDevice emulation, viewport testing, touch interactions

Debugging & Fixing

GuideDescription
debugging.mdTrace viewer, PWDEBUG, UI mode, headed + slow-mo
error-index.mdCommon error messages and how to fix them
flaky-tests.mdRoot causes, retry strategies, stabilization patterns
common-pitfalls.mdTop beginner mistakes and how to avoid them

Framework Recipes

GuideDescription
nextjs.mdApp Router + Pages Router testing
react.mdCRA, Vite, component testing
vue.mdVue 3 / Nuxt testing
angular.mdAngular testing patterns

Specialized Topics

GuideDescription
browser-apis.mdGeolocation, clipboard, permissions
iframes-and-shadow-dom.mdCross-frame testing, Shadow DOM piercing
multi-context-and-popups.mdMulti-tab, popups, new windows
websockets-and-realtime.mdWebSocket testing, real-time UI
canvas-and-webgl.mdCanvas testing, visual comparison
electron-testing.mdDesktop app testing with Electron
security-testing.mdXSS, CSRF, header validation
performance-testing.mdCore Web Vitals, Lighthouse, benchmarks
clock-and-time-mocking.mdFake timers, date mocking
service-workers-and-pwa.mdPWA testing, offline mode
browser-extensions.mdExtension testing patterns
i18n-and-localization.mdMulti-language, RTL, locale testing

CI/CD Skills

GuideDescription
ci-github-actions.mdWorkflows, caching, artifact uploads
ci-gitlab.mdGitLab CI pipelines
ci-other.mdCircleCI, Azure DevOps, Jenkins
parallel-and-sharding.mdSharding across CI runners
docker-and-containers.mdContainerized test execution
reporting-and-artifacts.mdHTML reports, traces, screenshots
test-coverage.mdCode coverage collection
global-setup-teardown.mdOne-time setup/teardown
projects-and-dependencies.mdMulti-project config, dependencies

Playwright CLI Skills

GuideDescription
core-commands.mdOpen, navigate, click, fill, keyboard, mouse
request-mocking.mdRoute interception, conditional mocks, HAR replay
running-custom-code.mdFull Playwright API via run-code
session-management.mdNamed sessions, isolation, persistent profiles
storage-and-auth.mdCookies, localStorage, auth state save/restore
test-generation.mdAuto-generate test code from CLI interactions
tracing-and-debugging.mdTraces, console/network monitoring
screenshots-and-media.mdScreenshots, video recording, PDF export
device-emulation.mdViewport, geolocation, locale, dark mode
advanced-workflows.mdPopups, scraping, accessibility auditing

Migration Skills

GuideDescription
from-cypress.mdCypress to Playwright migration
from-selenium.mdSelenium/WebDriver to Playwright migration

Page Object Model Skills

GuideDescription
page-object-model.mdPOM patterns for Playwright
pom-vs-fixtures-vs-helpers.mdWhen to use POM vs fixtures vs helpers

License

MIT