Visual, Contract Testing & CI/CD

Visual regression, Storybook test runner, Pact consumer contracts, LHCI, CI quality gates

Topic Progress5 lessons
Experience (XP)125 min • +150 XP
Topic Progress0 / 5 (0%)

Lessons in Module (5)

5 lessons in order
01

Visual Regression Testing with Playwright

Архитектура пиксельного тестирования в Playwright: toHaveScreenshot, настройка порогов threshold и maxDiffPixelRatio, маскирование динамических зон и стандартизация среды рендеринга в Docker.

25 min•+30 XP
02

Component Testing with Storybook 8+ & Test Runner

Интерактивное тестирование изолированных компонентов в Storybook 8+: play-функции на базе Vitest и RTL, автоматический запуск через @storybook/test-runner в Playwright, a11y-аудиты с axe-core и переиспользование историй в Vitest.

25 min•+30 XP
03

API Contract Testing with Pact

Consumer-Driven Contracts в микросервисной архитектуре: генерация контрактов Pact на клиенте React/Next.js, публикация в Pact Broker, верификация на бэкенде и блокирующий гейт can-i-deploy в CI/CD.

25 min•+30 XP
04

Web Vitals and Performance Testing

Автоматизированный аудит производительности с Lighthouse CI (@lhci/cli): Core Web Vitals (LCP, CLS, INP), бюджетирование ресурсов через Performance Budgets и блокировка деградаций в Pull Request.

25 min•+30 XP
05

CI/CD Pipelines and Quality Gates Automation

Масштабирование тестовых конвейеров в GitHub Actions: шардинг Playwright (--shard), склейка blob-отчетов, локализация и карантин Flaky-тестов, настройка строгих Quality Gates перед деплоем.

25 min•+30 XP