mcpField
P
playwright-generate-test

playwright-generate-test

github.com/githubTesting & quality40.5k18.2k installsUpdated 1d ago
Repository

About playwright-generate-test

A skill for generating Playwright TypeScript tests from a supplied scenario. It uses Playwright MCP tools to carry out the scenario steps before writing and running a test.

Key features

  1. 01Request a scenario if absent
  2. 02Run steps with Playwright MCP tools
  3. 03Generate a TypeScript test
  4. 04Save the test in tests
  5. 05Run and iterate until passing

Use cases

  1. 01Turning a browser scenario into a test
  2. 02Automating a multi-step UI flow
  3. 03Checking a generated test by execution

MCP support

It uses Playwright MCP tools to perform the scenario steps before generating a test. The resulting test is written with @playwright/test.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/github/awesome-copilot --skill playwright-generate-test

After installing, type/playwright-generate-testin Claude Code to confirm it loaded.

Details

From the project README

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

Comments

Markdown supported