browser-testinglisted

Hand-driven end-to-end browser testing through the Playwright MCP server — navigating pages, filling forms, asserting HTTP responses, capturing screenshots for visual regression, checking responsive breakpoints and cross-browser behaviour, and recording codegen sessions. Use when a browser genuinely has to be driven interactively and no runnable suite covers the need — authoring e2e, screenshot, or visual-verification coverage where none exists, debugging a failure a suite already surfaced, or exploring a live page. It does not cover running a repository's existing suite. When the repo has a playwright.config file, a tests or e2e directory, or a test:e2e script, running that suite is the correct action and this skill is not required.
pfangueiro/claude-code-agents · ★ 6 · Testing & QA · score 76

Install: claude install-skill pfangueiro/claude-code-agents

# Browser Testing with Playwright MCP Comprehensive patterns for end-to-end browser testing, visual regression, and responsive design verification using the Playwright MCP server. ## First: prefer the repo's own test suite This skill is for hand-driving a browser when no runnable suite covers the need. It deliberately does NOT claim the bare word "Playwright" — running an existing suite is the correct action. Before hand-driving any MCP tool, check for one: - `playwright.config.{ts,js,mjs}`, a `tests/` / `e2e/` directory, or a `test:e2e` / `playwright` script in `package.json`. If a suite exists, **run it** (the repo's script, or `npx playwright test`) and report its actual result. A suite is reproducible, runs in CI, and asserts far more than a hand-driven MCP session can. Use the MCP tools below only to (a) debug a failure the suite surfaced, (b) explore a page interactively, or (c) build coverage where no suite exists. Do not re-implement an existing test by hand, and never present a hand-driven MCP walkthrough as equivalent to a suite run — if the suite was not run, say so. ## Available Playwright MCP Tools Names below are the full MCP tool names, as invoked. ### Navigation & State - `mcp__playwright__playwright_navigate` — Open a URL (set `browserType`, `width`, `height`, `headless`) - `mcp__playwright__playwright_go_back` / `mcp__playwright__playwright_go_forward` — History navigation - `mcp__playwright__playwright_resize` — Change viewport (manual or 143+ devi