Тестирование React-компонентов с Redux

  Рет қаралды 14,945

Михаил Непомнящий

Михаил Непомнящий

2 жыл бұрын

Используем jest моки для тестирования React-компонентов, взаимодействующих с Redux.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

Пікірлер: 52
@zeevnadiv8778
@zeevnadiv8778 7 күн бұрын
спасибо Михаил, вы очень подробно и доступно преподносите материал!!!
@kinafermur
@kinafermur 2 жыл бұрын
Отличный материал, давайте больше по тестам, тема очень актуальная!
@user-vm2db5cq1g
@user-vm2db5cq1g Жыл бұрын
очень нравится подача и объем информации, спасибо!
@OffGrays
@OffGrays 2 жыл бұрын
Первое видео по тестированию, которое я смотрю. Говорите очень понятно, спасибо! С такой подачей интересно дальше разбираться с этой темой
@koreikin
@koreikin Жыл бұрын
Спасибо за работу и такой полезный контент.
@user-ub9oh3ig9w
@user-ub9oh3ig9w 2 жыл бұрын
Спасибо за видео 😍
@user-bz1it1xl1l
@user-bz1it1xl1l Жыл бұрын
Как же вы мне помогли, вы себе не представляете. Я начал изучать написание тестов и сразу решил проверить свои знания на своём интернет-магазине, но столкнулся с этой злополучной проблемой, а именно тем что тест падал и меня просило завернуть в провайдер, я везде гуглил что и как но нигде не было именно того, что мне нужно, и сегодня я нашел ваше видео в котором объяснилось всё, что казалось для меня сложным и непонятным. Я уже давно на вас подписан но с каждым просмотренным видео от вас я понимаю что вы это именно тот блогер который объясняет всё, что я считаю интересным и нужным, спасибо вам за ваши труды 🙏
@d0paminer
@d0paminer 2 жыл бұрын
очень) благодарю
@user-kn3ut1sh2o
@user-kn3ut1sh2o 2 жыл бұрын
Спасибо за Ваш труд! (Тестирование React-компонентов с Redux)
@Shevchenko-Roman
@Shevchenko-Roman Жыл бұрын
Отличный материал,подача тоже,думаю будет одним из популярных каналов на русскоязычных просторах KZfaq.Автору спасибо большое и успехов в продвижении канала
@andreysorokin8217
@andreysorokin8217 7 ай бұрын
всё чётко и понятно
@cactoose1238
@cactoose1238 2 жыл бұрын
Очень круто Очень актуально) Спасибо за Ваш труд Хотелось бы однажды увидеть курс по тестированию😎 Ну или может ссылкой на хорошие источники поделитесь(помимо документации)?
@ringnull
@ringnull 2 жыл бұрын
По тайпскрипту тоже ждем видосики
@johnjohhoun1716
@johnjohhoun1716 Жыл бұрын
00:00 начало, моки для тестирования . useSelector.mockReturnValue([]) 04:30 аналогичный тест, но не с пустым массивом 06:00 альтернативный вариант jest.spyOn(reduxHooks, 'useSelector').mockReturnValue([]) 08:45 тестирование ToDoItem - jest.spyOn(reduxHooks, 'useDispatch') 18:30 ToDoList готовый тест
@user-cr1pq1wz8v
@user-cr1pq1wz8v 2 жыл бұрын
Спасибо большое ,крайне полезная информация Было бы интересно за поиск элементов посмотреть,когда Баттон не один на странице ,а тест айди давать нельзя
@devkonin
@devkonin Жыл бұрын
Так и вновь возвращаемся сюда ))
@user-lz4qx7cd1w
@user-lz4qx7cd1w 2 ай бұрын
привет Михаил, спасибо за полезный контент. Ты отметил в моменте написания моков, что если не содержит typescript, то пишем так, а как быть , если в проекте я использую ts?
@ViktorHugo-je6rq
@ViktorHugo-je6rq 9 ай бұрын
Спасибо Миша за контент! интересно знать, а как замокать useRef на input-e, если onChange открыто не используется, и всё сохраняется в current.value данного input-a при печати? Может как тема для какого то короткого ролика...
@user-sl7dp3lz1p
@user-sl7dp3lz1p Жыл бұрын
Я вот так на ts написал, не очень приятно, но как вариант: (useSelector as jest.Mock).mockReturnValue([])
@petermashine1483
@petermashine1483 Жыл бұрын
нужно видео react+redux toolkit + typescript + jest
@IvanZakharanka
@IvanZakharanka 2 жыл бұрын
Не подскажете почему может выдавать ошибку? TypeError: Cannot redefine property: useSelector > 7 | const mockedUseSelector = jest.spyOn(reduxHooks, 'useSelector'); Часа 3 поисков не дали результата...( использую TS
@mishanep
@mishanep 2 жыл бұрын
А jest.mock для react-redux выполнен?
@IvanZakharanka
@IvanZakharanka 2 жыл бұрын
@@mishanep Не понимаю, был уверен что вчера прописывл это. Но прописав сегодня все заработало)) Спасибо огромное за ответ! И за очень полезную информацию которой вы делитесь!
@IncubusF
@IncubusF Жыл бұрын
а если в компоненте несколько раз используется юзселектор, то как назначать возвращаемое значение для разных вызовов юзселекта?
@mishanep
@mishanep Жыл бұрын
Мы можем мокать ответы по одному - по очереди возвращая разные результаты.
@IncubusF
@IncubusF Жыл бұрын
@@mishanep типо просто мокать в порядке соответствующем порядку хуков в компоненте?
@mishanep
@mishanep Жыл бұрын
@@IncubusF типа того. Jest предлагает соответствующий синтаксс для этого.
@IncubusF
@IncubusF Жыл бұрын
@@mishanep спасибо большое за ответ)
@PeterShumski
@PeterShumski 2 жыл бұрын
так а что такое-то этот мок?)
@mishanep
@mishanep 2 жыл бұрын
Имитация
@user-je2el6bs7d
@user-je2el6bs7d 3 ай бұрын
А почему jest.mock(„react-redux”) ломает тест? если закомментить, то все ок, а так ломаются все тесты
@mishanep
@mishanep 3 ай бұрын
Значит в тестах используется функционал редакс и мок вместо функций вернёт undefined.
@user-je2el6bs7d
@user-je2el6bs7d 3 ай бұрын
@@mishanep Да, я оборачиваю в MemoryRoute и Provider со store, это значит что мне не нужно мокать селекторы и диспатчи, а кидать фейк стор?
@user-je2el6bs7d
@user-je2el6bs7d 3 ай бұрын
@@mishanep Да, я использую MemoryRouter и Provider обертки для компонента в тестах, правильно ли я понимаю, что если мне нужно симулировать значение какое-то в сторе, то нужно только делать фейк стор и передавать его пропсом в Provider? получается что замокать значение получаемое с помощью useSelector нельзя и получить его только если создать фейк стор?
@user-cx1di5zg9m
@user-cx1di5zg9m 2 жыл бұрын
Привет, любимые разработчики!✌🔥 Ребята, почему сейчас проблема с вакансиями на React разработчиков?! Рынок перегрет или потому что лето и идет толпа студентов? У меня уже есть небольшой опыт работы на React в международной компании (7 месяцев), но уже на протяжении месяца не могу найти работу, многие работодатели просто игнорируют, читают смс, смотрят резюме и не дают ответа. Я не получаю отказ или приглашение, просто игнор. Сейчас активно стал использовать одну соц сеть, которая заблокирована на территории РФ, надеюсь что в ближайшее время найду🙏 Дайте свое мнение по этому поводу в комментариях, всем заранее спасибо, кто ответит☺️
@DmitriyDev
@DmitriyDev 2 жыл бұрын
В Казахстане вообще вакансий фронтенд практически нет
@user-cx1di5zg9m
@user-cx1di5zg9m 2 жыл бұрын
@@DmitriyDev с чем это связано?
@DmitriyDev
@DmitriyDev 2 жыл бұрын
@@user-cx1di5zg9m с России к нам многие приехали. В итоге сложно конкурировать с вашими ребятами
@user-cx1di5zg9m
@user-cx1di5zg9m 2 жыл бұрын
@@DmitriyDev так кто уехал из России, работают обычно либо на РФ, либо на зарубежных. По крайней мере, это очень странно айтишнику из РФ приезжать в Казахстан и занимать места, я не спорю, такие моменты есть, но мне,кажется, что это не такой большой %
@DmitriyDev
@DmitriyDev 2 жыл бұрын
@@user-cx1di5zg9m так у нас компании тоже на Запад работают либо на государство. Частного ничего нет
Тестирование Redux thunk и экстра редьюсеров
23:33
Михаил Непомнящий
Рет қаралды 7 М.
Тестирование React приложения
1:03:02
Михаил Непомнящий
Рет қаралды 63 М.
ВОДА В СОЛО
00:20
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 32 МЛН
Inside Out Babies (Inside Out Animation)
00:21
FASH
Рет қаралды 21 МЛН
WORLD'S SHORTEST WOMAN
00:58
Stokes Twins
Рет қаралды 108 МЛН
Styled Components & React ПОЛНЫЙ КУРС
23:40
Ulbi TV
Рет қаралды 67 М.
Cypress Testing with React - Simple Tutorial
12:43
Cosden Solutions
Рет қаралды 41 М.
Jest. Unit Тестирование в JavaScript
1:27:05
Владилен Минин
Рет қаралды 169 М.
SENIOR on JUNIOR Javascript Developer interview
26:35
BELOV
Рет қаралды 278 М.
Mocking Asynchronous Functions with Jest
21:50
Swashbuckling with Code
Рет қаралды 68 М.
Mock Service Worker with React
39:20
Anson the Developer
Рет қаралды 10 М.
Custom Hooks in React (Design Patterns)
12:56
Cosden Solutions
Рет қаралды 38 М.
Redux за 15 минут (React, React-Redux)
15:22
Ateros
Рет қаралды 13 М.
Why Vitest Is Better Than Jest
13:13
Web Dev Simplified
Рет қаралды 131 М.