React Testing Library. Полный курс

[@adamarturov6361]

Лучшие практики оказались очень полезной частью ролика ,спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@nadzeyamolchan5627]

Лучи добра и лайк автору! Годно, с толком и расстановкой составленный материал. Спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@ВалентинГордиенко-о8ы]

Первый раз смотрю твои видео. Думал сейчас будет много воды и тп. Но оказался очень добротный материал. Всё по делу, без воды и приятно слушать. Спасибо. Помог понять некоторые вещи которые мне были не понятны.

[@YauhenKavalchuk]

Спасибо большое за отзыв)

[@АнатолийГорбов-о1ь]

Отличная подача материала! все информативно и понятно, спасибо за труд!

[@YauhenKavalchuk]

Спасибо за отзыв

[@ЕвгенийШут-о7н]

Когда вы говорите приветствие, у меня в голове:'Давай тезка! Жги!'

[@YauhenKavalchuk]

👍

[@firewatermoonsun]

Реально отличная работа. Спасибо за курс.

[@YauhenKavalchuk]

Спасибо за отзыв

[@ihortsarenko3119]

Ідеально! Максимально лаконічно та інформативно. Дякую за Вашу роботу!

[@YauhenKavalchuk]

Спасибо за отзыв

[@AlekseyLovchikov]

Спасибо за такой качественный контент!

[@YauhenKavalchuk]

Спасибо за отзыв и поддержку!

[@gyros9162]

Очень плотно, много хороших советов. Спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@artyomshurygin1745]

Ты не представляешь как ты выручил меня, спасибо огромное!

[@YauhenKavalchuk]

Пожалуйста)

[@alionazimaby]

Так все конкретно и четко - просто респект! Спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@fairytaile4368]

Спасибо большое за этот курс, а особенно за best practices в конце!

[@YauhenKavalchuk]

Спасибо за отзыв

[@madiyaar]

ОМГ. Уже по названию заранее ставлю лайк

[@YauhenKavalchuk]

👍

[@Alessandro133]

Весьма подробно, спасибо вам! Есть два вопроса. 1. Как мокать localStorage и другие браузерные API? 2. Зачем применять toBeInTheDocument поверх getByText? - ведь если элемента нет, то ошибка вывалится сразу

[@longeeJohnson]

RSShool React? =)

[@ivank.5319]

Вау это супер. На юдеми даже половину этого не покрыли! Спасибо большое! Если в задумке есть 2ая часть - с нетерпением жду!

[@YauhenKavalchuk]

Да, в проекте есть идеи о 2-й части, с более продвинутыми кейсами, но пока не знаю, когда она появится

[@irinal7766]

Прекрасно структурированный курс

[@YauhenKavalchuk]

Спасибо

[@Basmete]

Пишу коммент тупа для продвижения. Супер полезная тема для меня на проекте, спасибо!

[@YauhenKavalchuk]

👍

[@blinderlover]

Очень полезное видео и хорошие примеры

[@YauhenKavalchuk]

Спасибо

[@НикитаСергеевичБеженарь]

Отличный ролик , без лишних "соплей", как надо и по делу , точно подписка))

[@YauhenKavalchuk]

Благодарю)

[@dr_morpho]

Супер! Спасибо вам 🤝

[@YauhenKavalchuk]

Пожалуйста

[@ильяильин-ъ5л]

Спасибо. Полезный и доходчивый урок

[@YauhenKavalchuk]

Пожалуйста

[@bibblebabl]

Спасибо за оперативность. Годно

[@YauhenKavalchuk]

Пожалуйста)

[@obivanbeluii]

Спасибо! Прекрасный курс👍

[@YauhenKavalchuk]

Спасибо)

[@serjdenisov2114]

Спасибо Евген!!!

[@YauhenKavalchuk]

Пожалуйста

[@aysommer]

Нравится, описал несколько UT у себя в проекте, спасибо

[@YauhenKavalchuk]

Пожалуйста)

[@ГеннадийГорохов-ц8н]

Годный курс

[@YauhenKavalchuk]

Спасибо

[@СергейОльхов-н8в]

Отлично !!! как раз то что нужно

[@YauhenKavalchuk]

👍

[@alexmorgan1030]

Спасибо за работу, все великолепно разжевано и хорошие примеры! Единственное на 17.04 лично для себя выявил, что лучше делать строгие проверки, селекты и т.д., что не выливалось в пересборку проекта (а это может быть долго), т.к. в последний момент выявился, к примеру тот же upper-case, что не соответствует требованиям. Тесты не для тестов, а для контроля и экономии времени. PS: Ждем видео: "Как убедить продукта, что надо менять библиотеку тестирования на RTL" ; )

[@YauhenKavalchuk]

Спасибо за отзыв)

[@Илья-с1л6э]

зачем продукту знать какую либу вы используете для тестирования?

[@romanprokopets3693]

спасибо, информативно и полезно!

[@YauhenKavalchuk]

Пожалуйста

[@andrewsinelnikov2307]

спасибо большое

[@YauhenKavalchuk]

Пожалуйста

[@firewatermoonsun]

14:05 У меня не появляются подсказки "debug", "view snapshot". Какой плагин нужно установить?

[@YauhenKavalchuk]

Jest, ссылка на него в репозитории

[@firewatermoonsun]

@@YauhenKavalchuk Спасибо. Получилось.

[@leoibra6296]

привет. с чем может быть связана проблема что jest.fn() выдает ошибку jest is not defined, перерыл весь интернет не понял как решить эту проблему?

[@YauhenKavalchuk]

А вы jest в проект установили?

[@leoibra6296]

@@YauhenKavalchuk оказалось что проблема в настройках проекта, создав новый проект с базовыми настройками проверил все и работает как нужно) еще такой вопрос, у меня в компоненте есть элемент при наведении на которого (onMouseEnter) срабатывает функция, как можно протестировать этот момент?

[@dmitrydmitrenko2533]

Спасибо! очень полезно и доступно

[@YauhenKavalchuk]

Спасибо за отзыв)

[@AliaksandrAndreyeu]

Божественно спс

[@YauhenKavalchuk]

Пожалуйста

[@andreykryzhniov794]

не очень понятно как искать элементы по классу, как проверять стили у целого блока. есть контейнер div, на нем висит обработчик, как его проверить?

[@YauhenKavalchuk]

Обычно, если есть какие-то проблемы с поиском элемента, то просто добавляют data-testid

[@andreykryzhniov794]

@@YauhenKavalchuk получается, нужно очень серьезно закладываться на тестирование в таких моментах

[@ruslanaskarov5393]

Спасибо за курс.Осень помог.Было бы круто , если оставался бы код , который пишется во время курса.

[@YauhenKavalchuk]

Этот код есть в репозитории, ссылка в описании

[@ruslanaskarov5393]

@@YauhenKavalchuk там пустой репозиторий 😞

[@YauhenKavalchuk]

Там есть ветки, в ветках весь код

[@ruslanaskarov5393]

@@YauhenKavalchuk спасибо большое, теперь понял☺☺☺☺

[@ruslanaskarov5393]

@@YauhenKavalchuk коллеги вас советуют, если я что то не знаю)))

[@ВладимирИстомин-й7о]

Привет. А как называется расширение, которое показывает дополнительную информацию об HTML-теге, например, его роль?

[@YauhenKavalchuk]

Это происходит автоматически

[@MykolaMedvedenko]

Вот это топ!

[@YauhenKavalchuk]

Спасибо!

[@bendjomi]

Как называется разширение, которое показует галку, если тесты проходят?

[@YauhenKavalchuk]

Расширение называется Jest

[@pavelst357]

@@YauhenKavalchuk Установил это расширение, но зеленые галки не отображаются... не понимаю что нужно сделать, помимо установки, чтобы оно заработало

[@timzeynalov3537]

привет всем я вот для своего резюме для пополнения навыков все же решил пройти такой курс прокачаться но хотел бы узнать ваше мнение вот если я фронтенд то я обязательно должен шарить в тестах получается ?

[@YauhenKavalchuk]

Да. Рано или поздно вы всё равно с ними столкнётесь

[@timzeynalov3537]

@@YauhenKavalchuk спасибо за ответ я обязательно посмотрю этот курс

[@sureshanandsree804]

Do you have GitHub link for this project sir ?

[@YauhenKavalchuk]

You can find it in the description

[@sureshanandsree804]

@@YauhenKavalchuk thanks sir

[@beknazaromuraliev5680]

По jest сделайте курс🙏

[@YauhenKavalchuk]

Уже есть. Посмотрите предыдущее видео на канале

[@ivank.5319]

Куда донатить?

[@YauhenKavalchuk]

Если ест желание поддержать канал, то можете стать спонсором, или патроном. Ссылки есть в описании

[@aleksandrmatyka3118]

Было бы интересно увидеть кейс когда в компоненте обернутом редаксом имеется асинронный екшен на загрузке, как такие вещи тестировать

[@YauhenKavalchuk]

Обычно, такие вещи мокают, а потом проверяют произошёл вызов, или нет

[@aleksandrmatyka3118]

@@YauhenKavalchuk ага, спасибо, уже проверил)

[@frookkiesilver4805]

Оу, это еще не для меня. Пойду назад к видосикам по react redux). Жалко там звук не такой четкий

[@YauhenKavalchuk]

К сожалению, тогда не было хорошего микрофоно

[@amelianceskymusic]

Плохо, что набор кода не синхронизирован со словами, отвлекся на пару секунд, перемотал назад, говорят об одном, на экране происходит что-то другое и ищешь глазами, пытаясь разобраться о какой части кода речь вообще. Было бы хорошо, что бы голос комментировал что происходит, а если код уже напечатан, что бы курсором водить в том месте о котором речь. Возможно только у меня так, но никак не мог понять почему сложно глаза заставить смотреть в код, а видать как раз из-за того, что голос и видео живут разной жизнью))

[@YauhenKavalchuk]

Я учёл это в будущих курсах

[@vasiloconnell281]

лудший

[@YauhenKavalchuk]

Спасибо

[@kulakofft4]

до сих пор не понимаю смысла такого тестирования. Ведь если у тебя нет компонента в разметке, то и на экране ты его не увидишь. Писать логику для проверки поведения инпута дольше, чем проверить эту логику непосредственно в браузере, или через react-dev-tools. Вот хочу всё начать пользоваться тестами, но всё никак не пойму каким образом они могут помочь мне при разработке фронта

[@YauhenKavalchuk]

Причин очень много. Самая очевидная - это защита при рефакторинге

[@Аматор-с6й]

Поймешь когда проект разрастется и мелкие правки будет страшно вносить - что бы ни чего не сломалось. Обновить какую библиотеку и т.п.

[@secondname_lastmane]

как обычно документацию в видео формат перевел((( ничего нового и полезного

[@YauhenKavalchuk]

Ну подскажите что нового и полезного добавлять в курсы, которые рассматривают основы работы с технологией?

[@ReaktorGaming86]

Начиная с FireEvent начинается сумбур, дизлайк

[@YauhenKavalchuk]

Не сумбур, а просто усложнение рассматриваемых тем

[@ReaktorGaming86]

@@YauhenKavalchuk что делает act? Почему в описании ошибки написано, что act нужен для одного, а вы его используете совсем для другого? Почему в примерах по fireEvent мы по-разному добываем компонент? Зачем городить огород на ровном месте и вставлять асинхроные операции где не надо, а также вставлять компонент прямо в render()? Это не усложнение рассматриваемых тем, это желание запихнуть всего побольше в одну минуту видео.

[@YauhenKavalchuk]

¯\ _(ツ)_/¯