Ко всем темам Testing
Testing • Тематический раздел2 сценария

TDD & Компонентное тестирование

Цикл Red-Green-Refactor, Vitest 4, React Testing Library и ARIA-роли

Разработка надежного UI через тестирование: написание падающих спецификаций до кода, тестирование поведения пользователя с @testing-library/user-event и мокирование API с MSW.

Vitest 4TDDReact Testing Libraryuser-event v14MSW v2
Прогресс темы
0%(0 из 2 пройдено)
+100 XP~70 мин

Практические сценарии раздела

2 сценариев доступно для выполнения

Уровень сложности:
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
Сквозной сценарийОткрыть воркфлоу
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
Сквозной сценарийОткрыть воркфлоу

Другие разделы направления Testing

Переходите к смежным темам для комплексного освоения специализации.

Все разделы