Playwright Testing

ALWAYS use this when testing a website with a web client. This skill should be used when testing frontend tools, verifying UI behavior, checking page loads, validating URL routing, or interacting with the browser in any way.

amitkot a81c4e5 1.0 KB Updated

File contents

Browser Testing with playwright-cli

Test websites and frontend tools using playwright-cli.

First Step

Run the help command to discover all available commands:

playwright-cli --help

Determining the Target URL

Use the URL appropriate for the current context:

  • Local dev server: Check the project for its dev server port (commonly http://127.0.0.1:8000 or similar)
  • Remote site: Use the URL provided by the user or documented in the project

Key Context

  • Console errors and snapshots are written to .playwright-cli/ in the project root — read these files to check results
  • Element refs (e.g. e9, e18) come from snapshots and change between page loads
  • Always close the browser when done with playwright-cli close

amitkot/claude-code-tools/tree/main/browser-testing/skills/playwright-testing commit a81c4e5153

Frequently asked questions

npx skillmds@latest add amitkot/playwright-testing