Тестирование
Playwright Skill
testdino-hq/playwright-skillНабор из 70+ руководств по тестированию с Playwright: E2E, API, компонентное, визуальное, доступность и безопасность. Примеры на TypeScript и JavaScript. Поддержка Playwright 1.59. Создан testdino.com.
Установка
terminal
bash
npx skills add testdino-hq/playwright-skillREADME
██████╗ ██╗ █████╗ ██╗ ██╗██╗ ██╗██████╗ ██╗ ██████╗ ██╗ ██╗████████╗
██╔══██╗██║ ██╔══██╗╚██╗ ██╔╝██║ ██║██╔══██╗██║██╔════╝ ██║ ██║╚══██╔══╝
██████╔╝██║ ███████║ ╚████╔╝ ██║ █╗ ██║██████╔╝██║██║ ███╗███████║ ██║
██╔═══╝ ██║ ██╔══██║ ╚██╔╝ ██║███╗██║██╔══██╗██║██║ ██║██╔══██║ ██║
██║ ███████╗██║ ██║ ██║ ╚███╔███╔╝██║ ██║██║╚██████╔╝██║ ██║ ██║
╚═╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚══╝╚══╝ ╚═╝ ╚═╝╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝
███████╗██╗ ██╗██╗██╗ ██╗
██╔════╝██║ ██╔╝██║██║ ██║
███████╗█████╔╝ ██║██║ ██║
╚════██║██╔═██╗ ██║██║ ██║
███████║██║ ██╗██║███████╗███████╗
╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝
от testdino.com — создан специально для отладки, управления и улучшения Playwright-тестов с помощью AI
Руководства Playwright Skill
Руководства по E2E, API, компонентному, визуальному, тестированию доступности и безопасности, а также по автоматизации через CLI. 70+ руководств с примерами на TypeScript и JavaScript.
Обновлено для Playwright 1.59: запись скринкастов, привязанные браузерные сессии, отладчик CLI и анализ трейсов, вспомогательные инструменты для aria-снимков и обновление состояния хранилища на месте.
Установка
Добавить все скиллы в проект:
npx skills add testdino-hq/playwright-skill
Или добавить отдельные пакеты скиллов:
bash
npx skills add testdino-hq/playwright-skill/core
npx skills add testdino-hq/playwright-skill/ci
npx skills add testdino-hq/playwright-skill/pom
npx skills add testdino-hq/playwright-skill/migration
npx skills add testdino-hq/playwright-skill/playwright-cli🎬 Смотреть руководство по установке
Обзор скиллов
| Пакет скиллов | Руководств | Что охвачено |
|---|---|---|
| core | 46 | Локаторы, утверждения, фикстуры, аутентификация, API-тестирование, мокирование сети, визуальная регрессия, доступность, отладка, рецепты для фреймворков |
| ci | 9 | GitHub Actions, GitLab CI, CircleCI, Azure DevOps, Jenkins, Docker, шардирование, отчётность, покрытие |
| pom | 2 | Паттерны Page Object Model, POM vs фикстуры vs хелперы |
| migration | 2 | Миграция с Cypress, миграция с Selenium |
| playwright-cli | 11 | Автоматизация браузера через CLI, скриншоты, трейсинг, управление сессиями, эмуляция устройств |
Основные скиллы (Core)
Фундамент тестирования с Playwright. Эти руководства охватывают всё необходимое для написания, отладки и поддержки надёжных end-to-end тестов.
- Начните здесь, если вы новичок в Playwright — начните с локаторов, утверждений и фикстур
- Охватывает распространённые паттерны: аутентификация, API-тестирование, мокирование сети и визуальная регрессия
- Включает рецепты для React, Vue, Angular и Next.js
- Руководства по отладке для исправления нестабильных тестов и типичных ошибок
Написание тестов
| Руководство | Описание |
|---|---|
| locators.md | Стратегии выбора элементов — getByRole, getByText, getByTestId |
| assertions-and-waiting.md | Web-first утверждения, авто-повтор, паттерны ожидания |
| fixtures-and-hooks.md | test.extend(), setup/teardown, фикстуры уровня воркера |
| configuration.md | playwright.config.ts — проекты, таймауты, репортеры, веб-сервер |
| test-organization.md | Структура файлов, теги, test.describe, фильтрация тестов |
| test-data-management.md | Фабрики, сидирование, стратегии очистки |
| authentication.md | Повторное использование storage state, мульти-ролевая аутентификация, управление сессиями |
| api-testing.md | Тестирование REST и GraphQL с фикстурой request |
| network-mocking.md | Перехват маршрутов, воспроизведение HAR, модификация ответов |
| forms-and-validation.md | Заполнение форм, валидация, состояния ошибок, многошаговые визарды |
| visual-regression.md | Сравнение скриншотов, пороги, маскирование динамического контента |
| accessibility.md | Интеграция axe-core, ARIA-утверждения, аудит доступности |
| component-testing.md | Монтирование компонентов React/Vue/Svelte в изоляции |
| mobile-and-responsive.md | Эмуляция устройств, тестирование viewport, touch-взаимодействия |
Отладка и исправление
| Руководство | Описание |
|---|---|
| debugging.md | Trace viewer, PWDEBUG, UI-режим, headed + slow-mo |
| error-index.md | Распространённые сообщения об ошибках и способы их исправления |
| flaky-tests.md | Первопричины, стратегии повтора, паттерны стабилизации |
| common-pitfalls.md | Типичные ошибки новичков и как их избежать |
Рецепты для фреймворков
| Руководство | Описание |
|---|---|
| nextjs.md | Тестирование App Router и Pages Router |
| react.md | CRA, Vite, компонентное тестирование |
| vue.md | Тестирование Vue 3 / Nuxt |
| angular.md | Паттерны тестирования Angular |
Специализированные темы
| Руководство | Описание |
|---|---|
| browser-apis.md | Геолокация, буфер обмена, разрешения |
| iframes-and-shadow-dom.md | Кросс-фреймовое тестирование, проникновение в Shadow DOM |
| multi-context-and-popups.md | Несколько вкладок, попапы, новые окна |
| websockets-and-realtime.md | Тестирование WebSocket, real-time UI |
| canvas-and-webgl.md | Тестирование Canvas, визуальное сравнение |
| electron-testing.md | Тестирование десктопных приложений с Electron |
| security-testing.md | XSS, CSRF, валидация заголовков |
| performance-testing.md | Тестирование производительности |