Pruebas Visuales, de Contrato y CI/CD

Regresión visual, Storybook test runner, contratos Pact, LHCI, barreras de calidad CI

Progreso del tema5 lecciones
Experiencia (XP)125 min • +150 XP
Progreso del tema0 / 5 (0%)

Lista de lecciones del módulo (5)

5 lecciones en orden
01

Pruebas de regresión visual con Playwright

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

25 min•+30 XP
02

Pruebas de componentes con Storybook 8+ y Test Runner

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

25 min•+30 XP
03

Pruebas de contratos de API con Pact

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

25 min•+30 XP
04

Pruebas de Web Vitals y Rendimiento

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

25 min•+30 XP
05

Pipelines de CI/CD y Automatización de Quality Gates

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

25 min•+30 XP