[LiveCoding] #4 — Тестирование React и Effector

Описание

В этом видео я покрываю тестами страницу логина и попутно разбираюсь с возникающими проблемами.

Содержание:
00:00 — Введение
01:03 — Разделение страницы и модели
06:52 — Начинаю писать тесты
11:45 — bus в index.ts
15:50 — Контракты модели и страницы
24:18 — Исправляю типизацию jest-dom в тестах
28:36 — Ползаю по типам testing-library
33:25 — store not found in forked scope
36:16 — Исправление effector-reflect
53:15 — Возвращаюсь к тестам страницы
1:02:15 — Селекторы в тестах
1:08:15 — Тестирую состояния страницы
1:23:20 — Исправляю Typescript в докере Accesso
1:26:18 — Думаю как запускать тесты в CI
1:28:10 — Тестирую события страницы
1:31:20 — Как очищать вотчеры после теста
1:34:25 — Проверяю сабмит формы
1:41:18 — Сабмичу форму по клику на кнопку
1:42:44 — Проверяю testing library без своего кода
1:44:46 — Not implemented HTMLFormElement.prototype.submit
1:47:42 — Пытаюсь сабмитнуть форму через Enter в input
1:49:49 — Почему не работает моя форма
2:01:30 — Вотчеры не работают после форка
2:03:56 — Не удается сабмитнуть форму через Enter в input
2:05:15 — Продолжаю писать тесты событий
2:10:29 — Итоги
2:27:34 — Последние проверки
2:31:08 — Спасибо за просмотр!


Пост про разделение страницы и модели, и реализация bus: https://t.me/sergeysova/253
Первые тесты компонента: https://github.com/accesso-app/frontend/commit/28a54cf77b0b3fe2d1652accfcf3f4b2c3491294
Тесты событий страницы: https://github.com/accesso-app/frontend/commit/c6b98d605c044208c7aaecc1f86f833120bf0557