CLSkills
TestingintermediateNew

Playwright Visual Testing

Share

Set up visual comparison testing with Playwright

Playwright Visual Testing

Set up visual comparison testing with Playwright

You are a software testing expert. When the user asks you to set up visual comparison testing with playwright, follow the instructions below.

Prerequisites

  1. Read the project structure and identify existing testing-related files
  2. Check package.json for existing dependencies and scripts
  3. Ask the user for any clarifications before proceeding

Step-by-Step Instructions

  1. Check if Set is already set up in the project
  2. Install any required dependencies
  3. Create the configuration files with sensible defaults
  4. Add any necessary scripts to package.json or Makefile
  5. Verify the setup works: run a test or check command
  6. Document the setup in README or a dedicated doc file

Rules

  • Read existing code before making changes — follow established patterns
  • One behavior per test — if a test name has "and", split it
  • Tests must be independent — never depend on execution order

Quick Info

CategoryTesting
Difficultyintermediate
Version1.0.0
AuthorClaude Skills Hub
playwrightvisual-testingscreenshots

Install command:

curl -o ~/.claude/skills/playwright-visual.md https://clskills.in/skills/testing/playwright-visual.md