Введение

Тестирование — это важный этап в цикле разработки программного обеспечения. В этом руководстве рассмотрим специфику unit-тестирования на effector. Обратим внимание на проблемы, которые могут приводить к неочевидным падениям тестов, и на способах их решения.

Что будем использовать для тестов

Будем использовать:

• jest для запуска тестов

• @testing-library/react для тестирования UI

• @testing-library/jest-dom - для добавления полезных match-функций для UI тестов

• faker для генерации рандомных данных для тестов

• методологию тестирования AAA(Arrange-Act-Assert)

  <aside> 💡 Arrange — настраиваем тестовое окружение, приводим систему в состояние, в котором она должна быть до теста

  Act — выполняем действие, вызываем тестовый сценарий

  Assert — проверяем, что система перешла в ожидаемое состояние

  </aside>

Что будем тестировать

В качестве примера возьмем небольшую форму

Правила, по которым эта форма должна работать:

1. Name должен содержать от 2 до 40 символов
2. Не соблюден п.1 - видим сообщение в Output "Name should be from 2 to 40 chars"
3. Отправить форму может только совершеннолетний - Age ≥ 18
4. Не соблюден п.3 - видим сообщение в Output "You are too young"
5. Не соблюден п.1 или п.2 отправить форму нельзя.
6. Все правила соблюдены - отправка формы доступна
7. Все правила соблюдены - в поле Output сообщение формата "Are you ${firstName}. Right?"