Специализация • Testing

Тестирование & Quality

Комплексный конвейер надежности: разработка через тестирование (TDD) с Vitest и React Testing Library, e2e-тесты в Playwright, мокирование MSW и Quality Gates в CI/CD.

Прогресс специализации
0%(0 из 4 пройдено)
XP: 0 / 2002 тем • 4 воркфлоу

Все практические сценарии4 воркфлоу

Полный перечень производственных рецептов от нуля до сеньор-архитектуры.

Middle35 мин+50 XP
TDD в React 19: пошаговый цикл Red-Green-Refactor, Vitest 4 и RTL

Сквозная инженерная методология Test-Driven Development (TDD) в React 19: проектирование контракта интерфейса через падающие тесты (Red), быстрая реализация (Green), рефакторинг архитектуры по ролям WAI-ARIA и мокирование с MSW.

React 19Vitest 4React Testing Libraryuser-event v14TypeScript
TDD & Компонентное тестированиеОткрыть воркфлоу
Junior35 мин+50 XP
Компонентное тестирование с нуля: Vitest 4, React Testing Library и сетевое мокирование MSW v2

Практическое руководство по созданию надежной среды автоматизированного тестирования фронтенда с нуля: настройка Vitest 4 с легковесным DOM (happy-dom), философия доступности React Testing Library (getByRole), перехват сетевых запросов на уровне сокетов с Mock Service Worker (MSW 2.x) и эмуляция взаимодействия пользователя с user-event.

Vitest 4@testing-library/react@testing-library/user-eventmsw 2.xhappy-dom
TDD & Компонентное тестированиеОткрыть воркфлоу
Middle40 мин+50 XP
Playwright E2E: Page Object Model, переиспользование авторизации и CI-шардинг

Промышленный сквозной конвейер E2E-тестирования в Playwright 2026: архитектура Page Object Model (POM), сохранение и переиспользование авторизации через storageState.json, кастомные фикстуры и параллельный шардинг в CI.

PlaywrightTypeScriptPage Object ModelStorage StateGitHub Actions
E2E автоматизация & CI/CD GatesОткрыть воркфлоу
Senior40 мин+50 XP
Визуальное регрессионное тестирование в Playwright: toHaveScreenshot, маскирование и Docker CI

Промышленная настройка автоматизированного визуального регрессионного тестирования: попиксельное сравнение скриншотов с toHaveScreenshot, маскирование динамических таймстемпов и аватаров, стандартизация шрифтового сглаживания в контейнерах Docker и автоматизация Quality Gates в GitHub Actions.

PlaywrightTypeScript 5.8+DockerGitHub ActionsPixelmatch
E2E автоматизация & CI/CD GatesОткрыть воркфлоу