которая реализована с помощью useFormik, а валидацию с помощью yup. в yup используется правило, которое использует сторонний сервис, вызывающий fetch. Вопрос: как правильнее и корректнее протестировать jest’ом и react-testing-library форму на корректность заполнения и отправки формы, если jest не позволяет выполнить валидацию, так как там используется fetch внутри yup?
Подкинуть вместо инстанса апи с axios замоканый инстанс, с нужным тебе респонсом. А делать это через jest.mock или по нормальному через параметры конструктора апи сервиса, это уже как архитектура у тебя сделана
я правильно тебя понимаю, что yup валидацию мне стоит вынести отдельно от компонента и прокидывать ее отдельно в компонент снаружи, чтоб можно было использовать и в тестах, и в работе самого приложения?
Ммм, а ты валидация отдельно не тестишь? Ты сразу компонент со всеми сайдеффектами закидываешь в тест?)
Вообще, нет, тебе надо просто отдельно иметь слой апи, который ты прокидываешь в СТМ, и в тестах вместо реального апи прокинуть в СТМ замоканый
да, потому что компонент так написан вместе с валидацией, это лендос с одинаковыми формами и речи о других тут даже не ведется. поэтому все в одном месте
Зачем тебе тестить компонент в тесте на валидацию? Вынеси схему валидации за пределы компонента в константу, и тести эту константу разными данными. И отдельно тести отправку формы с уже валидными данными. Тебе же не надо тестить правильность работы формика
Редакс/мобыкс/еффектор/etc
Обсуждают сегодня