Test Generation with Playwright MCP

Generate Playwright tests from scenarios using interactive browser exploration and validation.

- Guides you through step-by-step test creation: scenario review, browser exploration, element inspection, interaction validation, and final test generation

- Integrates with Playwright MCP tools to inspect page elements, capture selectors, and validate interactions before writing test code

- Generates TypeScript tests using @playwright/test framework and automatically saves them to the tests directory

- Executes generated tests and iterates until they pass, ensuring reliability before completion

Test Generation with Playwright MCP

Your goal is to generate a Playwright test based on the provided scenario after completing all prescribed steps.

Specific Instructions

- You are given a scenario, and you need to generate a playwright test for it. If the user does not provide a scenario, you will ask them to provide one.

- DO NOT generate test code prematurely or based solely on the scenario without completing all prescribed steps.

- DO run steps one by one using the tools provided by the Playwright MCP.

- Only after all steps are completed, emit a Playwright TypeScript test that uses @playwright/test based on message history

- Save generated test file in the tests directory

- Execute the test file and iterate until the test passes