Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot)
Ғылым және технология
В этом ролике мы научимся тестировать JS приложения. Ознакомимся с JEST и научимся писать UNIT тесты. С помощью React testing library и jest научимся писать интеграционные тесты на react приложения в связке с react router dom и redux. Используя WebdriverIO научимся писать e2e тесты в реакт приложении. Также с помощью storybook и loki js научимся делать регрессионное тестирование UI части приложения.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv
Весь исходный код из ролика здесь - t.me/ulbi_tv/64
Таймкоды:
00:00 ➝ Введение. Теория. Пирамида тестирования. Квадрат допустимых значений
12:00 ➝ Практика. unit тесты с JEST
27:40 ➝ Юнит тестирование асинхронных функций. Мокаем данные. Snapshots
37:00 ➝ Тестирование React приложений. React Testing library
42:50 ➝ findBy, getBy, queryBy. Пример с useEffect. Асинхронный код
49:00 ➝ Тестирование событий. onClick, onChange, onInput. FireEvent, userEvent
54:40 ➝ Тестирование компонента с асинхронной загрузкой данных с сервера
58:40 ➝ Интеграционное тестирование в связке с react router dom v6
01:07:20 ➝ Хелпер для удобного тестирования роутинга
01:12:10 ➝ Интеграционное тестирование в связке с Redux toolkit
01:16:00 ➝ Тестируем селектор
01:22:00 ➝ Хелпер для удобного тестирования компонентов, в которых используется Redux
01:25:00 ➝ e2e тесты с WebdriverIO
01:33:00 ➝ PageObject паттерн
01:38:15 ➝ Пример е2е теста с асинхронным кодом
01:44:45 ➝ Скриншотные тесты storybook и loki js
01:53:00 ➝ Ставим лайки и пишем комменты, всем спасибо)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469
Пікірлер: 659
Отличное видео по тестированию во Frontend на React! Актуально в 2024!
Благодаря Тимуру многому научился. Перед тем как сделать Cloud Disk самостоятельно и окончательно разобраться во всем, прошел другие необходимые курсы на этом замечательном канале. И вот финишная прямая - Деплой, и что товарищи я получаю от Heroku при регистрации - следующий ответ: We do not accept sign-ups from your country. Все знают с чем это связано на сегодняшнюю дату. Такова жизнь, блин...
давайте лайкнем и прокомментируем этот видос чтобы в мире стало больше чистого кода покрытого тестами
Просто шикарно - в интернете крайне сложно найти хорошую информацию про тестирование, а тут все структурировано в одном видео. Большое спасибо!
Наконец, как же я долго ждал этого курса от тебя, поможем Тимуру поднять видос в топ!!!
Ставлю лайк не глядя, потому что точно как всегда все на высоте будет, даже не сомневаюсь) потом посмотрю, давно ждал ролик об этом от тебя)
То чего очень не хватало) Спасибо большое, буду изучать на днях!
Вот это просто бомба! Тестирование - это самая обделённая вниманием тема на ютубе, по моему мнению. Спасибо, Тимур!
КРУТО! Спасибо, давно ждал от тебя видео по тестам!
Ой браток, как же вовремя видос за тесты, как раз собирался их изучать, а здесь 2 часа практики, делаешь годноту, респект тебе! :)
Тимур, огромное спасибо за твой труд и старания Просто знай, что мы ценим это)
А что тут сказать? Все ОЧЕНЬ здорово!!! Впрочем как всегда. Огромнейшее СПАСИБО. Здоровья и благополучия!!!
Тестирование это то чего так не хватало! Спасибо Тимур! JEST, e2e, React Testing Library! Огонь!
Js, JavaScript, test, тестирование. Тимур! Спасибо тебе огромное, ты лучший. Всех благ тебе!
Очень нужно разобраться в написании тестов. Автор молодец, автору спасибо)
Сильно ждал тесты. СПАСИБО огромное!
Ульби, отличный канал, без преувеличения. Поставил колокольчик пару месяцев назад, как нашел твой канал. Все видео крайне полезны, без лишней воды, с хорошими практическими примерами. Еще не посмотрел тесты, но даже не сомневаюсь в полезности материала! Продолжай в том же духе! Всем знакомым рекомендую твой канал. Это наверно мой первый комментарий на KZread ;)
Как всегда, огромное спаcибо за вводный курс по тестированию JavaScript (JS) с использованием технологий Jest, React Testing Library! Отдельная благодарность за скриншотные тесты!
Вот это ДА! Спасибо, Тима! Смотрим!💥
Огромное спасибо! Только собирался тестировать проект, и тут бац, вся нужная инфа в одном в видео)
Тесты - тема, до которой так и не доходят руки. Думаю что вот именной сейчас настает время изучить эту тему с помощью видео замечательного от замечательного автора)
@ne4to777
Жыл бұрын
Ничего, начнешь программировать, сразу тесты заставят писать)
@jestemzbiaorusi8379
Жыл бұрын
@@ne4to777 ой не факт, часто встречаются репы без тестов, особенно фронтовые
@user-md7px6he6c
11 ай бұрын
@@ne4to777 Никто не заставит, я бы сказал начнешь прОграммировать - потеряешься в бесконечных митингах через 10 лет, где и по прОграммировать тебе не дадут, это реальнее )
@user-do8kg9fj1u
4 ай бұрын
я пришел к тестам так: нагрузка не равномерная на проекте и пока нет задач что бы от меня все отстали, я сказал я пишу тесты)
Ulbi, ты как будто мои мысли прочитал! В настоящее время начал изучать тему тестов, и даже планирую их писать в своем приложении. И тут твое видео, после которого я точно уверен, что буду разбираться в теме. Ты просто подарок судьбы для начинающих!
Спасибоооо за такой полный курс!!! Сейчас же буду смотреть! Уверена будет много полезного🥰
Очень полезный контент! Спасибо автору за систематизированную подачу контента и за полноценный обзор современных решений для тестирования!
Ulbi лучший, не даром твои уроки на первых местах находятся по определённым темам, спасибо что освещаешь темы довольно полно и доступно, продолжай в том же духе!
Очень полезный практический урок, все по сути и без лишней лирики. Спасибо тебе, что щедро делишься своими знаниями и мастерством! 🔥👍
Отлично, как раз нужен был курс по тестам, вечером посмотрю обязательно)
Боже, храните Ulbi за такой классный контент!!!
Коммент в поддержку автора. Очень нравится твоя подача, точность, балансирование между необходимым уровнем теории и практикой. Желаю всего лучшего 🔥
Тимур! Хочу поблагодарить вас за топовый контент! Очень полезная информация сосредоточена в одном видео, да собственно как и в каждом вашем видео и без воды. Желаю вам успехов во всех начинаниях! JavaScript, JEST, e2e, React Testing Library.
вот это неожиданно! надо будет крайне внимательно смотреть!👀 спасибо огромное
То что нужно !!!! Как раз изучаем это!!! Спасибо, помог!
Только задался вопросом и начал искать про это инфу, это видео просто подарок!
Все хотел изучить через время тестировку на жс и тут такой подгон, та ты шо, в который раз рад что есть такой канал на ютубе, спасибо тебе
Тимур, спасибо за проделанную работу и качественную подачу материала!
Вот это просто замечательно, в одном месте, все тезисно, без соплей. Как обычно в принципе у этого человека =) Вообще, чел, большой респект тебе, ты реально помогаешь учиться.
Агонь!🔥🔥🔥 Спасибо за полезную информацию!
Да это просто огонь! Респект за системную инфу. Эй, Ютуб. Давай в топ советам всем кодерам!
Ролик очень качественный! Всегда хотел ознакомиться с темой тестирования. Спасибо за контент, у тебя много крутых и полезных видео
Огромная благодарность! Отличный материал!
Вчера на собесе про тесты спрашивали, Тимур как всегда вовремя)
Лайк не глядя! Спасибо. Уверен, это будет самая полезная выжимка по юнит-тестированию, е2е тестам, jest и react testing library
Мощь, сила, ярость! Невероятно качественное видео, лучший жи есть!
Важная тема. Большое спасибо за материал!
Конкретно сегодня решил закрыть все пробелы по этой теме. И тут на. Ну спасибо, бро 👍
Спасибо тебе большое! Очень долго ждал этого урока)
Мужик, как же ты вовремя, на работе как раз решили покрывать тестами проект и тут твое видео
@Good_nick_name
2 жыл бұрын
так иди на завод, стой да гайти чисти, и все окей) чем на заводе то плохо?
@user-lg4yc9xi9h
2 жыл бұрын
@@Good_nick_name иди сам толчки драй, я программист, я буду говнокодить, меня все устраивает
Этот парень был из тех кто просто делал годноту ууууу...
Поехали !!! 🚀🚀🚀 Jest, React Testing Library, e2e, screenshot
Спасибо большое за материалы, сам недавно начал задумываться о тестах
Как во время! Большое спасибо! Написал комент, потом пошел смотреть)))
Круто!!! Ждал этот материал
Это однозначно зачет! Спасибо!
Годнота - подъехала😃 Огромное спасибо за Ваш бесценный труд!!
Заочно жирный лайк! План на вечер! Спасибо!
Спасибо. Ролик как всегда супер. Материал, подача, скорость!
Ты и Михаил непомнящий лучшие
@andrewsam224
5 ай бұрын
Согласен!!!!!
Недавно искал ролик на канале по тестированию. И вот он.
мы ждали и дождались! наконец-то! =)))
Это офигенно! Спасибо за проделанную работу
Ulbi спасибо тебе большое, твои видео это просто нечто, очень тебе благодарен, наконец-то что то годное появилось про тесты
Браво, как всегда контент наилучшего качества)
ты четкий, рад что нашел твой ютуб канал.
Красавчик! Спасибо за курс!
Как же клево когда есть такие специалисты, с прекрасной подачей информации, передающие свой огромнй опыт в двух часовом видео! Круто доносишь инф, четко и по делу охватывая все нюаесы и без повторений!
Круть! Спасибо за годный контент!!! 🚀🚀🚀
Спасибо огромное за труд. Более подробного разбора я действительно нигде не видел.
Спасибо за полезный контент! Тестирование js, react, unit, jest, react testing library, e2e js
как обычно все очень круто, понятно, без воды, спасибо!
Лайк поставил, ночью посмотрю
Ух! 2 часаааа 🙏🏻 спасибо!
Отличный старт для дальнейшего самостоятельного изучения. Спасибо!
Спасибо! Великолепный материал, с очень серьезной проработкой. Поставил лайк 👍
Спасибо за огромный вклад в этот мир :)
Господи, автор просто читает мысли, в кои то веки нехотя решил наконец тестами заняться, а тут контент) лол с тайпскриптом и редаксом так же было)
Очень своевременно. Как раз разбираюсь с этой темой
Спасибо! Посмотрела до конца. Пойду изучать подробно каждую из них
По описанию видео, то что мне надо )
Спасибо, родной дорогой, только вот собрался инфу собирать
Классный ролик. Уйма нужной информации. Спасибо!
Спасибо! Лучший как всегда
Очень вовремя, спасибо)
Всё в одном видео. Понятно, сжато и без воды.
О да. Как же я долго этого ждал!!!
Тимур, ты топ! Спасибо за курсы и старания. Разжевываешь все за нас)
НУ, вот опять же в тему) я сейчас на новой работе как раз сижу за докой Cypress, впервые столкнулся с тестированием) спасибо бро, обязательно к просмотру!
@DeIgado95
2 жыл бұрын
какие люди)
@kolyabokov88
2 жыл бұрын
@@DeIgado95 😘🙏
Спасибо за столько полезный контент. Один из лучших уроков по тестирование!
лайк глядя на половину
Огонь, топ контент - в топ поиска)))
Супер, спасибо!👍
Посмотрел 30 минут и уже вижу, что годнота, досмотрю и дам полный фидбэк, спасибо! Тестирование js, react, unit, jest, react testing library, e2e js
@user-uq5tf7id7y
2 жыл бұрын
после 30 той минуты уровень с вертолетиком
@itmodern2386
2 жыл бұрын
А этот чел всё ещё досматривает похоже)
Хотелось бы увидеть такой же фундаментальный курс по регрессионному тестированию, так как анализ безопасности, нагрузки на приложение - это очень интересные темы. За этот ролик большое спасибо. Успехов тебе по жизни!
очень полезная информация про тестирование, давно хотел разобраться, как оно работает, а тут как раз подробное описание, спасибо
Спасибо большое, как раз на работе надо начинать писать тесты)
Лайк авансом. Потом обязательно посмотрю
как всегда понятно и доходчиво, спасибо)
Народ, всем ( Тимурке отдельный ), как же ты круто угадал тему для видоса, как вариант для будущих видео - Recoil (думаю скоро будет актуально)
Очередной альманах, но в этот раз уже по тестированию, кто согласен что формат фундаментальных курсов от а до я топ ставьте лайк
Канал очень хороший! Никак не доходят руки до тестирования, это хороший повод! Пожелание! было бы здорово в таком же формате разобрать ci/cd Спасибо огромное за ваши труды !!!
То что надо, спасибо большое!