Тестирование React-компонентов с Redux
ฝัง
- เผยแพร่เมื่อ 21 มิ.ย. 2022
- Используем jest моки для тестирования React-компонентов, взаимодействующих с Redux.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep
Первое видео по тестированию, которое я смотрю.
Говорите очень понятно, спасибо!
С такой подачей интересно дальше разбираться с этой темой
Отличный материал, давайте больше по тестам, тема очень актуальная!
Как же вы мне помогли, вы себе не представляете. Я начал изучать написание тестов и сразу решил проверить свои знания на своём интернет-магазине, но столкнулся с этой злополучной проблемой, а именно тем что тест падал и меня просило завернуть в провайдер, я везде гуглил что и как но нигде не было именно того, что мне нужно, и сегодня я нашел ваше видео в котором объяснилось всё, что казалось для меня сложным и непонятным. Я уже давно на вас подписан но с каждым просмотренным видео от вас я понимаю что вы это именно тот блогер который объясняет всё, что я считаю интересным и нужным, спасибо вам за ваши труды 🙏
очень нравится подача и объем информации, спасибо!
Отличный материал,подача тоже,думаю будет одним из популярных каналов на русскоязычных просторах TH-cam.Автору спасибо большое и успехов в продвижении канала
Спасибо за работу и такой полезный контент.
Спасибо за Ваш труд! (Тестирование React-компонентов с Redux)
Спасибо за видео 😍
очень) благодарю
Очень круто
Очень актуально)
Спасибо за Ваш труд
Хотелось бы однажды увидеть курс по тестированию😎
Ну или может ссылкой на хорошие источники поделитесь(помимо документации)?
всё чётко и понятно
Спасибо Миша за контент!
интересно знать, а как замокать useRef на input-e, если onChange открыто не используется, и всё сохраняется в current.value данного input-a при печати?
Может как тема для какого то короткого ролика...
привет Михаил, спасибо за полезный контент. Ты отметил в моменте написания моков, что если не содержит typescript, то пишем так, а как быть , если в проекте я использую ts?
00:00 начало, моки для тестирования . useSelector.mockReturnValue([])
04:30 аналогичный тест, но не с пустым массивом
06:00 альтернативный вариант jest.spyOn(reduxHooks, 'useSelector').mockReturnValue([])
08:45 тестирование ToDoItem - jest.spyOn(reduxHooks, 'useDispatch')
18:30 ToDoList готовый тест
По тайпскрипту тоже ждем видосики
Спасибо большое ,крайне полезная информация
Было бы интересно за поиск элементов посмотреть,когда Баттон не один на странице ,а тест айди давать нельзя
Так и вновь возвращаемся сюда ))
Не подскажете почему может выдавать ошибку? TypeError: Cannot redefine property: useSelector
> 7 | const mockedUseSelector = jest.spyOn(reduxHooks, 'useSelector');
Часа 3 поисков не дали результата...(
использую TS
А jest.mock для react-redux выполнен?
@@mishanep Не понимаю, был уверен что вчера прописывл это. Но прописав сегодня все заработало))
Спасибо огромное за ответ! И за очень полезную информацию которой вы делитесь!
а если в компоненте несколько раз используется юзселектор, то как назначать возвращаемое значение для разных вызовов юзселекта?
Мы можем мокать ответы по одному - по очереди возвращая разные результаты.
@@mishanep типо просто мокать в порядке соответствующем порядку хуков в компоненте?
@@IncubusF типа того. Jest предлагает соответствующий синтаксс для этого.
@@mishanep спасибо большое за ответ)
Я вот так на ts написал, не очень приятно, но как вариант: (useSelector as jest.Mock).mockReturnValue([])
нужно видео react+redux toolkit + typescript + jest
А почему jest.mock(„react-redux”) ломает тест? если закомментить, то все ок, а так ломаются все тесты
Значит в тестах используется функционал редакс и мок вместо функций вернёт undefined.
@@mishanep Да, я оборачиваю в MemoryRoute и Provider со store, это значит что мне не нужно мокать селекторы и диспатчи, а кидать фейк стор?
@@mishanep Да, я использую MemoryRouter и Provider обертки для компонента в тестах, правильно ли я понимаю, что если мне нужно симулировать значение какое-то в сторе, то нужно только делать фейк стор и передавать его пропсом в Provider? получается что замокать значение получаемое с помощью useSelector нельзя и получить его только если создать фейк стор?
так а что такое-то этот мок?)
Имитация
Привет, любимые разработчики!✌🔥 Ребята, почему сейчас проблема с вакансиями на React разработчиков?! Рынок перегрет или потому что лето и идет толпа студентов? У меня уже есть небольшой опыт работы на React в международной компании (7 месяцев), но уже на протяжении месяца не могу найти работу, многие работодатели просто игнорируют, читают смс, смотрят резюме и не дают ответа. Я не получаю отказ или приглашение, просто игнор. Сейчас активно стал использовать одну соц сеть, которая заблокирована на территории РФ, надеюсь что в ближайшее время найду🙏
Дайте свое мнение по этому поводу в комментариях, всем заранее спасибо, кто ответит☺️
В Казахстане вообще вакансий фронтенд практически нет
@@DmitriyDev с чем это связано?
@@user-cx1di5zg9m с России к нам многие приехали. В итоге сложно конкурировать с вашими ребятами
@@DmitriyDev так кто уехал из России, работают обычно либо на РФ, либо на зарубежных. По крайней мере, это очень странно айтишнику из РФ приезжать в Казахстан и занимать места, я не спорю, такие моменты есть, но мне,кажется, что это не такой большой %
@@user-cx1di5zg9m так у нас компании тоже на Запад работают либо на государство. Частного ничего нет