"добавить" выходит диалоговое окно с формой - компонент Б. В компонент Б передается проп onSubmit. Как мне написать тесты на этот случай? как сэмулировать то что форма в компоненте Б заполнента и нажата кнопка "Подвердить"?
заполнить форму и нажать на кнопку) в rtl вроде это довольно обычный кейс
по моему это не правильный подход. а если вдруг завтра в компоненте Б что то изменится? изменятся наименования полей кнопка добавится и прочие моменты это скажется на компоненте А.
Ну rtl вроде как и пропагандирует интеграционные тесты) для них это ок и что ты имеешь ввиду под изменятся наименования полей? Их имена в коде или в интрерфейсе?
ну запрашваю я кнопку по имени "подтвердить" а завтра ее переименовали. мои тесты в А полетят по вине другого компонена
Используйте data-testid
да тут суть не в этом. суть в том что один компонент не должен ломать тесты другого
Вариант 1 - смирится с этим Вариант 2 - использовать поиск по другим параметрам
Ты хочешь юнит тесты. С компонентами так не получится Разве что ты замокаешь компонент B
ок.. писал тесты на ангуляре там наоборот продвигалось то что каждый компонент должен быть изолирован друг от друга в тестах
Раньше такое было возможно и в реакт с enzyme. Но он не поддерживает реакт старше 17 той версии
Обсуждают сегодня