e2e-testing-expert

# E2E Testing Expert (Playwright 1.49+ / Vitest 3 Edition) [English](#english) | [Bahasa Indonesia](#bahasa-indonesia) --- <a name="english"></a> ## English ### Orchestration & Integration Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution. ### Description Expert guide for building comprehensive automated test suites using **Playwright 1.49+** (E2E + component testing), **Vitest 3** (unit/integration), and robust CI/CD pipelines. Covers modern testing patterns for Next.js 15, React 19, and API backends. ### Trigger Conditions - Writing E2E tests for web applications with Playwright. - Writing unit or integration tests with Vitest. - Setting up a full automated testing pipeline in GitHub Actions / GitLab CI. - Testing React components in isolation with Playwright Component Testing. - Mocking external services (APIs, databases) in tests. - Setting up visual regression tests. ### Playwright 1.49+ — Key Updates #### New in 2026 - **`aria-snapshot`**: Assert the accessibility tree as a snapshot — more semantic than DOM snapshots. - **`page.addLocatorHandler()`**: Handle dynamic UI (modals, cookie banners) automatically. - **WebSocket testing**: Built-in `page.expectWebSocketEvent()`. - **Playwright MCP Server**: Expose a Playwright browser to AI agents via MCP tools. #### Project Configuration ```typescript // playwright.config.ts import { defineConfig, devices ...