Спеціалізація • 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Відкрити воркфлоу