Визуальные, Контрактные Тесты & CI/CD
Visual regression, Storybook test runner, Pact contracts, LHCI, CI quality gates
Список уроков в модуле (5)
5 статей по порядкуВизуальное регрессионное тестирование (Visual Regression)
Архитектура пиксельного тестирования в Playwright: toHaveScreenshot, настройка порогов threshold и maxDiffPixelRatio, маскирование динамических зон и стандартизация среды рендеринга в Docker.
Компонентное тестирование со Storybook 8+ & Test Runner
Интерактивное тестирование изолированных компонентов в Storybook 8+: play-функции на базе Vitest и RTL, автоматический запуск через @storybook/test-runner в Playwright, a11y-аудиты с axe-core и переиспользование историй в Vitest.
Контрактное тестирование API с Pact
Consumer-Driven Contracts в микросервисной архитектуре: генерация контрактов Pact на клиенте React/Next.js, публикация в Pact Broker, верификация на бэкенде и блокирующий гейт can-i-deploy в CI/CD.
Тестирование Web Vitals и производительности
Автоматизированный аудит производительности с Lighthouse CI (@lhci/cli): Core Web Vitals (LCP, CLS, INP), бюджетирование ресурсов через Performance Budgets и блокировка деградаций в Pull Request.
CI/CD пайплайны и автоматизация Quality Gates
Масштабирование тестовых конвейеров в GitHub Actions: шардинг Playwright (--shard), склейка blob-отчетов, локализация и карантин Flaky-тестов, настройка строгих Quality Gates перед деплоем.