/playwright

name: playwright
description: "E2E тестирование UI с Playwright. Запуск, создание тестов, анализ результатов."
paths:
  - "src/**/*.tsx"
  - "src/**/*.jsx"
  - "src/**/*.vue"
  - "src/**/*.svelte"
  - "pages/**/*"
  - "app/**/*"
  - "tests/e2e/**/*"
  - "e2e/**/*"
allowed-tools: Read Edit Write Glob Grep Bash
disable-model-invocation: true

Skill: Playwright E2E Testing

Проверка окружения

# Проверить установлен ли Playwright
npx playwright --version 2>/dev/null || echo "Playwright not installed"

Если не установлен:

npm install -D @playwright/test
npx playwright install chromium

Запуск существующих тестов

npx playwright test

С UI отчётом:

npx playwright test --reporter=html

Создание нового теста

При создании E2E теста:

1. Определить сценарий (user flow) 2. Создать файл в `tests/e2e/` или `e2e/` 3. Использовать паттерн:

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

test('описание сценария', async ({ page }) => {
  await page.goto('/');
  // ... actions
  await expect(page.locator('selector')).toBeVisible();
});

Когда использовать

• После изменений UI-компонентов
• После изменений роутинга
• После изменений форм и интерактивных элементов
• Перед production deploy (обязательно)

Анализ падений

При падении теста: 1. Показать скриншот ошибки (если есть в `test-results/`) 2. Показать trace (если включен) 3. Определить: баг в коде или устаревший тест 4. Предложить фикс