Add Playwright MCP prompts and chat modes for testing and automation #99
Conversation
There was a problem hiding this comment.
Pull Request Overview
This PR introduces new Playwright MCP prompt and chat mode files to support testing and automation workflows, and updates the README to list them.
- Added three new prompt templates for Playwright tasks: test generation, website exploration, and form automation.
- Added a new Playwright Tester chat mode.
- Updated README.md to include entries for the new prompts and chat mode.
Reviewed Changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| prompts/playwright-generate-test.prompt.md | New prompt for generating Playwright tests based on user scenarios. |
| prompts/playwright-explore-website.prompt.md | New prompt for exploring website functionality via Playwright MCP. |
| prompts/playwright-automation-fill-in-form.prompt.md | New prompt for automating form-filling tasks with Playwright MCP. |
| chatmodes/playwright-tester.chatmode.md | New chat mode for driving Playwright test workflows interactively. |
| README.md | Added table entries for the new prompts and chat mode. |
Comments suppressed due to low confidence (7)
prompts/playwright-generate-test.prompt.md:2
- Front matter values should be wrapped in single quotes for consistency. Change to
mode: 'agent'.
mode: agent
prompts/playwright-explore-website.prompt.md:2
- Front matter values should be wrapped in single quotes for consistency. Change to
mode: 'agent'.
mode: agent
prompts/playwright-automation-fill-in-form.prompt.md:2
- Front matter values should be wrapped in single quotes for consistency. Change to
mode: 'agent'.
mode: agent
chatmodes/playwright-tester.chatmode.md:2
- Front matter values should be wrapped in single quotes. Change to
description: 'Testing mode for Playwright tests'.
description: Testing mode for Playwright tests
README.md:102
- The description column for this new prompt entry is empty. Please provide a concise description of the prompt's purpose.
| [Automating Filling in a Form with Playwright MCP](prompts/playwright-automation-fill-in-form.prompt.md) | | [](https://vscode.dev/redirect?url=vscode%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-automation-fill-in-form.prompt.md) [](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-automation-fill-in-form.prompt.md) |
README.md:103
- The description column for this new prompt entry is empty. Please provide a concise description of the prompt's purpose.
| [Website Exploration for Testing](prompts/playwright-explore-website.prompt.md) | | [](https://vscode.dev/redirect?url=vscode%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-explore-website.prompt.md) [](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-explore-website.prompt.md) |
README.md:104
- The description column for this new prompt entry is empty. Please provide a concise description of the prompt's purpose.
| [Test Generation with Playwright MCP](prompts/playwright-generate-test.prompt.md) | | [](https://vscode.dev/redirect?url=vscode%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-generate-test.prompt.md) [](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Achat-prompt%2Finstall%3Furl%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgithub%2Fawesome-copilot%2Fmain%2Fprompts%2Fplaywright-generate-test.prompt.md) |
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
| @@ -0,0 +1,12 @@ | |||
| --- | |||
| description: Testing mode for Playwright tests | |||
There was a problem hiding this comment.
| description: Testing mode for Playwright tests | |
| description: 'Testing mode for Playwright tests' |
| @@ -0,0 +1,28 @@ | |||
| --- | |||
| mode: agent | |||
There was a problem hiding this comment.
Can you add a description please
Also, if there's a model that it works best with, you can specify the model attribute, eg model: GPT-4.1
| @@ -0,0 +1,12 @@ | |||
| --- | |||
| description: Testing mode for Playwright tests | |||
There was a problem hiding this comment.
If there's a model that it works best with, you can specify the model attribute, eg model: GPT-4.1
| @@ -0,0 +1,17 @@ | |||
| --- | |||
There was a problem hiding this comment.
Can you add a description please
Also, if there's a model that it works best with, you can specify the model attribute, eg model: GPT-4.1
| @@ -0,0 +1,17 @@ | |||
| --- | |||
There was a problem hiding this comment.
Can you add a description please
Also, if there's a model that it works best with, you can specify the model attribute, eg model: GPT-4.1
There was a problem hiding this comment.
@debs-obrien can you pop a description here too (and update the readme with it)
There was a problem hiding this comment.
damn. how did I and Copilot miss this one
| @@ -0,0 +1,17 @@ | |||
| --- | |||
There was a problem hiding this comment.
@debs-obrien can you pop a description here too (and update the readme with it)
…dundant entries as just adding playwright seems to be supported now
| ## Core Responsibilities | ||
|
|
||
| 1. **Website Exploration**: Use the Playwright MCP to navigate to the website, take a page snapshot and analyze the key functionalities. Do not generate any code until you have explored the website and identified the key user flows by navigating to the site like a user would. | ||
| 2. **Text Improvements**: When asked to improve tests use the Playwright MCP to navigate to the URL and view the page snapshot. Use the snapshot to identify the correct locators for the tests. You may need to run the development server first. |
There was a problem hiding this comment.
minor Based on context of the section should this be Test Improvements instead?
There was a problem hiding this comment.
thanks for that. totally missed it
|
@aaronpowell good to merge |
|
Awesome!!! 🔥 |
Pull Request Checklist
node update-readme.jsand verified thatREADME.mdis up to date.Description
Type of Contribution
Additional Notes
By submitting this pull request, I confirm that my contribution abides by the Code of Conduct and will be licensed under the MIT License.