Playwright Visual Testing Skill

Patterns for visual regression testing with Playwright.

Screenshot Assertions

Basic Screenshot Comparison

import { test, expect } from '@playwright/test'

test('visual comparison', async ({ page }) => {
  await page.goto('/')

  // Compare full page
  await expect(page).toHaveScreenshot()