Первый раз смотрю твои видео. Думал сейчас будет много воды и тп. Но оказался очень добротный материал. Всё по делу, без воды и приятно слушать. Спасибо. Помог понять некоторые вещи которые мне были не понятны.
Весьма подробно, спасибо вам! Есть два вопроса. 1. Как мокать localStorage и другие браузерные API? 2. Зачем применять toBeInTheDocument поверх getByText? - ведь если элемента нет, то ошибка вывалится сразу
Спасибо за работу, все великолепно разжевано и хорошие примеры! Единственное на 17.04 лично для себя выявил, что лучше делать строгие проверки, селекты и т.д., что не выливалось в пересборку проекта (а это может быть долго), т.к. в последний момент выявился, к примеру тот же upper-case, что не соответствует требованиям. Тесты не для тестов, а для контроля и экономии времени. PS: Ждем видео: "Как убедить продукта, что надо менять библиотеку тестирования на RTL" ; )
@@YauhenKavalchuk оказалось что проблема в настройках проекта, создав новый проект с базовыми настройками проверил все и работает как нужно) еще такой вопрос, у меня в компоненте есть элемент при наведении на которого (onMouseEnter) срабатывает функция, как можно протестировать этот момент?
привет всем я вот для своего резюме для пополнения навыков все же решил пройти такой курс прокачаться но хотел бы узнать ваше мнение вот если я фронтенд то я обязательно должен шарить в тестах получается ?
Плохо, что набор кода не синхронизирован со словами, отвлекся на пару секунд, перемотал назад, говорят об одном, на экране происходит что-то другое и ищешь глазами, пытаясь разобраться о какой части кода речь вообще. Было бы хорошо, что бы голос комментировал что происходит, а если код уже напечатан, что бы курсором водить в том месте о котором речь. Возможно только у меня так, но никак не мог понять почему сложно глаза заставить смотреть в код, а видать как раз из-за того, что голос и видео живут разной жизнью))
до сих пор не понимаю смысла такого тестирования. Ведь если у тебя нет компонента в разметке, то и на экране ты его не увидишь. Писать логику для проверки поведения инпута дольше, чем проверить эту логику непосредственно в браузере, или через react-dev-tools. Вот хочу всё начать пользоваться тестами, но всё никак не пойму каким образом они могут помочь мне при разработке фронта
@@YauhenKavalchuk что делает act? Почему в описании ошибки написано, что act нужен для одного, а вы его используете совсем для другого? Почему в примерах по fireEvent мы по-разному добываем компонент? Зачем городить огород на ровном месте и вставлять асинхроные операции где не надо, а также вставлять компонент прямо в render()? Это не усложнение рассматриваемых тем, это желание запихнуть всего побольше в одну минуту видео.
Лучшие практики оказались очень полезной частью ролика ,спасибо!
Пожалуйста
Лучи добра и лайк автору!
Годно, с толком и расстановкой составленный материал. Спасибо!
Пожалуйста
Первый раз смотрю твои видео. Думал сейчас будет много воды и тп. Но оказался очень добротный материал. Всё по делу, без воды и приятно слушать. Спасибо. Помог понять некоторые вещи которые мне были не понятны.
Спасибо большое за отзыв)
Ідеально! Максимально лаконічно та інформативно. Дякую за Вашу роботу!
Спасибо за отзыв
Спасибо за такой качественный контент!
Спасибо за отзыв и поддержку!
Реально отличная работа. Спасибо за курс.
Спасибо за отзыв
Спасибо Евген!!!
Пожалуйста
Отличная подача материала! все информативно и понятно, спасибо за труд!
Спасибо за отзыв
Так все конкретно и четко - просто респект! Спасибо!
Пожалуйста
Очень плотно, много хороших советов. Спасибо!
Пожалуйста
Ты не представляешь как ты выручил меня, спасибо огромное!
Пожалуйста)
ОМГ. Уже по названию заранее ставлю лайк
👍
Супер! Спасибо вам 🤝
Пожалуйста
Когда вы говорите приветствие, у меня в голове:'Давай тезка! Жги!'
👍
Спасибо большое за этот курс, а особенно за best practices в конце!
Спасибо за отзыв
Пишу коммент тупа для продвижения. Супер полезная тема для меня на проекте, спасибо!
👍
Прекрасно структурированный курс
Спасибо
Вау это супер. На юдеми даже половину этого не покрыли! Спасибо большое! Если в задумке есть 2ая часть - с нетерпением жду!
Да, в проекте есть идеи о 2-й части, с более продвинутыми кейсами, но пока не знаю, когда она появится
Очень полезное видео и хорошие примеры
Спасибо
Весьма подробно, спасибо вам!
Есть два вопроса.
1. Как мокать localStorage и другие браузерные API?
2. Зачем применять toBeInTheDocument поверх getByText? - ведь если элемента нет, то ошибка вывалится сразу
RSShool React? =)
Спасибо за оперативность. Годно
Пожалуйста)
Спасибо! Прекрасный курс👍
Спасибо)
Годный курс
Спасибо
Отличный ролик , без лишних "соплей", как надо и по делу , точно подписка))
Благодарю)
Отлично !!! как раз то что нужно
👍
Спасибо. Полезный и доходчивый урок
Пожалуйста
Божественно спс
Пожалуйста
спасибо большое
Пожалуйста
Нравится, описал несколько UT у себя в проекте, спасибо
Пожалуйста)
спасибо, информативно и полезно!
Пожалуйста
Вот это топ!
Спасибо!
Спасибо за работу, все великолепно разжевано и хорошие примеры! Единственное на 17.04 лично для себя выявил, что лучше делать строгие проверки, селекты и т.д., что не выливалось в пересборку проекта (а это может быть долго), т.к. в последний момент выявился, к примеру тот же upper-case, что не соответствует требованиям. Тесты не для тестов, а для контроля и экономии времени. PS: Ждем видео: "Как убедить продукта, что надо менять библиотеку тестирования на RTL" ; )
Спасибо за отзыв)
зачем продукту знать какую либу вы используете для тестирования?
Спасибо! очень полезно и доступно
Спасибо за отзыв)
14:05 У меня не появляются подсказки "debug", "view snapshot". Какой плагин нужно установить?
Jest, ссылка на него в репозитории
@@YauhenKavalchuk Спасибо. Получилось.
Спасибо за курс.Осень помог.Было бы круто , если оставался бы код , который пишется во время курса.
Этот код есть в репозитории, ссылка в описании
@@YauhenKavalchuk там пустой репозиторий 😞
Там есть ветки, в ветках весь код
@@YauhenKavalchuk спасибо большое, теперь понял☺☺☺☺
@@YauhenKavalchuk коллеги вас советуют, если я что то не знаю)))
лудший
Спасибо
привет. с чем может быть связана проблема что jest.fn() выдает ошибку jest is not defined, перерыл весь интернет не понял как решить эту проблему?
А вы jest в проект установили?
@@YauhenKavalchuk оказалось что проблема в настройках проекта, создав новый проект с базовыми настройками проверил все и работает как нужно) еще такой вопрос, у меня в компоненте есть элемент при наведении на которого (onMouseEnter) срабатывает функция, как можно протестировать этот момент?
Привет. А как называется расширение, которое показывает дополнительную информацию об HTML-теге, например, его роль?
Это происходит автоматически
Было бы интересно увидеть кейс когда в компоненте обернутом редаксом имеется асинронный екшен на загрузке, как такие вещи тестировать
Обычно, такие вещи мокают, а потом проверяют произошёл вызов, или нет
@@YauhenKavalchuk ага, спасибо, уже проверил)
Как называется разширение, которое показует галку, если тесты проходят?
Расширение называется Jest
@@YauhenKavalchuk Установил это расширение, но зеленые галки не отображаются... не понимаю что нужно сделать, помимо установки, чтобы оно заработало
Do you have GitHub link for this project sir ?
You can find it in the description
@@YauhenKavalchuk thanks sir
не очень понятно как искать элементы по классу, как проверять стили у целого блока. есть контейнер div, на нем висит обработчик, как его проверить?
Обычно, если есть какие-то проблемы с поиском элемента, то просто добавляют data-testid
@@YauhenKavalchuk получается, нужно очень серьезно закладываться на тестирование в таких моментах
По jest сделайте курс🙏
Уже есть. Посмотрите предыдущее видео на канале
привет всем я вот для своего резюме для пополнения навыков все же решил пройти такой курс прокачаться но хотел бы узнать ваше мнение вот если я фронтенд то я обязательно должен шарить в тестах получается ?
Да. Рано или поздно вы всё равно с ними столкнётесь
@@YauhenKavalchuk спасибо за ответ я обязательно посмотрю этот курс
Оу, это еще не для меня. Пойду назад к видосикам по react redux). Жалко там звук не такой четкий
К сожалению, тогда не было хорошего микрофоно
Куда донатить?
Если ест желание поддержать канал, то можете стать спонсором, или патроном. Ссылки есть в описании
Плохо, что набор кода не синхронизирован со словами, отвлекся на пару секунд, перемотал назад, говорят об одном, на экране происходит что-то другое и ищешь глазами, пытаясь разобраться о какой части кода речь вообще. Было бы хорошо, что бы голос комментировал что происходит, а если код уже напечатан, что бы курсором водить в том месте о котором речь.
Возможно только у меня так, но никак не мог понять почему сложно глаза заставить смотреть в код, а видать как раз из-за того, что голос и видео живут разной жизнью))
Я учёл это в будущих курсах
до сих пор не понимаю смысла такого тестирования. Ведь если у тебя нет компонента в разметке, то и на экране ты его не увидишь. Писать логику для проверки поведения инпута дольше, чем проверить эту логику непосредственно в браузере, или через react-dev-tools. Вот хочу всё начать пользоваться тестами, но всё никак не пойму каким образом они могут помочь мне при разработке фронта
Причин очень много. Самая очевидная - это защита при рефакторинге
Поймешь когда проект разрастется и мелкие правки будет страшно вносить - что бы ни чего не сломалось. Обновить какую библиотеку и т.п.
как обычно документацию в видео формат перевел((( ничего нового и полезного
Ну подскажите что нового и полезного добавлять в курсы, которые рассматривают основы работы с технологией?
Начиная с FireEvent начинается сумбур, дизлайк
Не сумбур, а просто усложнение рассматриваемых тем
@@YauhenKavalchuk что делает act? Почему в описании ошибки написано, что act нужен для одного, а вы его используете совсем для другого? Почему в примерах по fireEvent мы по-разному добываем компонент? Зачем городить огород на ровном месте и вставлять асинхроные операции где не надо, а также вставлять компонент прямо в render()? Это не усложнение рассматриваемых тем, это желание запихнуть всего побольше в одну минуту видео.
¯\ _(ツ)_/¯