Візуальні, Контрактні Тести та CI/CD

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

Прогрес теми5 уроків
Досвід (XP)125 хв • +150 XP
Прогрес теми0 / 5 (0%)

Список уроків у модулі (5)

5 статей за порядком
01

Візуальне регресійне тестування з Playwright

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

25 хв•+30 XP
02

Компонентне тестування зі Storybook 8+ та Test Runner

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

25 хв•+30 XP
03

Контрактне тестування API з Pact

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

25 хв•+30 XP
04

Тестування Web Vitals та продуктивності

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

25 хв•+30 XP
05

CI/CD пайплайни та автоматизація Quality Gates

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

25 хв•+30 XP