Тестируем JavaScript код с помощью Jest. Учимся писать тесты и тест кейсы на фреймворке Jest

⏰ Курс JavaScript 2.0: itgid.info/course/javascript-2
🧠 Чат Telegram c кодами задач: t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: itgid.info/course/function-2021
🧑🏻‍💻 Сайт: itgid.info
😋 Курс Методы массивов: itgid.info/course/arraymethod
Учимся тестировать код JavaScript с помощью фреймворка Jest. 3 задачи для тестирования, изучаем как оформить задачу для теста, как создать тест и тест кейс, как запустить тестирование. Как запустить один тест Jest. Изучаем toBe, toEqual и методы toBeGreaterThanOrEqual, toBeLessThanOrEqual для проверки диапазонов в JEST.
00:00 Задача для тестирования
01:20 Создаем структуру для тестирования
04:40 Устанавливаем Jest
06:10 Прописываем скрипт запуска
07:10 Пишем первый тестирования
18:20 Создаем тест suite (toBe)
26:20 Создаем тест для проверки массивов через toEqual
31:10 Jest как запустить один тесткейс
33:00 Тест кейс для проверки диапазонов
Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D
Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro
+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

Пікірлер: 60

  • @user-uv1mz2lb6g
    @user-uv1mz2lb6g2 жыл бұрын

    Только начала знакомиться с Jest и это самое понятное видео. Все по полочкам ясно разложено. Спасибо за то, что Вы делаете !

  • @aleksprimetv
    @aleksprimetv2 жыл бұрын

    Отлично, жду тесты реакт компонетнов!

  • @evgeniyacherevko6633
    @evgeniyacherevko66332 жыл бұрын

    Очень актуальная тема. Спасибо! Ещё бы файербес попробовать, например, с реактом😊

  • @JuliaNovy1
    @JuliaNovy1 Жыл бұрын

    Спасибо за видео! Смотрела на самом старте изучения, и смогла черпнуть порцию полезной информации с вами)

  • @user-ed8eb6cx7o
    @user-ed8eb6cx7o2 жыл бұрын

    СПАСИБО!))) Если возможно сделайте пожалуйста видео тестов на запросы api работа с асинхроннными, mocks или вообще курсы по тестам)

  • @Atikan37
    @Atikan37 Жыл бұрын

    Спасибо большое, очень полезная информация! Постоянно смотрю ваши видео и бесконечно вас благодарю!

  • @vitaliykravets9925
    @vitaliykravets99252 жыл бұрын

    Класно ) , по больше би тестирования

  • @homelander973
    @homelander973 Жыл бұрын

    Благодарю за видео, было довольно информативно

  • @GgggggggOR
    @GgggggggOR2 жыл бұрын

    четко, как всегда

  • @user-so6vv6bj5k
    @user-so6vv6bj5k2 жыл бұрын

    Крутая и сложная тема, но пока проблема всех подобных туториалов в том, что везде рассматривают тестирование элементарных функций, а тестировать иногда приходится намного более сложные конструкции.

  • @itgid

    @itgid

    2 жыл бұрын

    Ну запишу я на 5 часов руководство. Потрачу неделю на запись. А его посмотрят 350 человек. И смысл?

  • @itgid

    @itgid

    2 жыл бұрын

    @@sinisterscriptor Тогда вы можете попробовать сделать.

  • @mixfix86

    @mixfix86

    2 жыл бұрын

    @@itgid смысл в том, что такого шлага для школьников полно на ютубе, делай качество

  • @grach1993

    @grach1993

    2 жыл бұрын

    @@itgid Вы не совсем правы. Тема очень востребована (даже под этим видео просмотров более, чем 350) и нужна в освещении. Я, когда столкнулся с тестированием jest+enzyme, думал тема плёвая, документация же есть и достаточно хорошая. Но, проблема в нюансах, эти нюансы мне всю плешь проели. Если Вы сомневаетесь в актуальности темы, сделайте голосование. Я когда увидел название этого ролика - возликовал. Наконец-то нормальное объяснение будет. Спасибо.

  • @xDiezz

    @xDiezz

    2 жыл бұрын

    @@itgid а смысл смотреть примитив? 350 на примитиве и будет

  • @lavanda_funny
    @lavanda_funny Жыл бұрын

    Вникаю в юнит тесты.и вцелом.оч полезный момент с перебором массива тест значений.спасибо!

  • @fuad2069
    @fuad20692 жыл бұрын

    Алекс вы растёте, красавчик!!)

  • @gregdmitriev2784
    @gregdmitriev2784 Жыл бұрын

    супер-пупер, полезненько, дякую 👍👍

  • @rtotwmoclew
    @rtotwmoclew Жыл бұрын

    супер!" спасибо !

  • @alien2364
    @alien23642 жыл бұрын

    Крутое видео! А что за плагин чтобы пробелы отслеживать?

  • @VeloGitaryst
    @VeloGitaryst Жыл бұрын

    Дякую, дуже корисно, і все зрозуміло, моє перше відео по джест і пощастило потрапити знов до Александра!

  • @zubrdens
    @zubrdens2 жыл бұрын

    Вы знали, вы знали! Мне как раз эта тема в конце недели понадобится!

  • @dmitrysh5913
    @dmitrysh5913 Жыл бұрын

    Спасибо за уроки. Миру мир

  • @NoName-ih6sf
    @NoName-ih6sf2 жыл бұрын

    Надо что-нибудь посложнее. Promise, axios запрос или пример typescript компонент с react redux/vue vuex. А если еще и node.js или express то вообще бомба будет!

  • @ellegre6546
    @ellegre6546 Жыл бұрын

    Вот оно - тайное знание, на поиски которого потрачены годы. "Забейте сюда "я князь аськи" и все будет работать". Если серьезно, спасибо огромное, как только возникает вопрос, у вас находится нужное видео.

  • @alexzlow1344
    @alexzlow13442 жыл бұрын

    Было бы круто рассмотреть тестирование в react. Тестирование dom с мок axios как пример

  • @dartbenito67
    @dartbenito676 ай бұрын

    Подскажите, не могу нормально запустить тесты, если функция стрелочная и импорт\экспорт в ES нотации сделан. есть пример? а то приходится часть писать как ES, часть через function abs

  • @knaps2655
    @knaps26552 жыл бұрын

    Хотелось бы увидеть автоматизацию в браузере с помощью node.js и webdraivera

  • @sairexes2443
    @sairexes24432 жыл бұрын

    Здравствуйте. Еще давно смотрел ваш канал и вы пользовались macos, а сейчас вы используете windows. Есть ли какая-то особая причина перехода на винду?

  • @itgid

    @itgid

    2 жыл бұрын

    А еше ноут с макосью. А на работе компьютер с линуксом и ноут мак

  • @user-hw9cs6te5y
    @user-hw9cs6te5y7 ай бұрын

    Возникла проблема. Пишу код в точности как у вас, но вот в лоб запускать определённый тест с помощью npm test + файл с тестом (или же нажать tab) вызывает ошибку. Пишет что тест не найден. Почему такое может быть? Заранее спасибо. Так же скажу что мне очень нравится подача материала в ваших видео-уроках.

  • @alexandrnadyozha4652
    @alexandrnadyozha46528 ай бұрын

    Карты крутятся, дела мутятся! Спасибо за урок😊 вы лучший преподаватель👍🏽☺️

  • @creese85
    @creese85 Жыл бұрын

    Дякую

  • @dimanwostock
    @dimanwostock7 ай бұрын

    почему то у меня не выводится в консоль "Текст описания теста(26ms)" . после рамки PASS.

  • @user-rh8cc1vl4e
    @user-rh8cc1vl4e2 жыл бұрын

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

  • @user-xd6rk7th8b

    @user-xd6rk7th8b

    2 жыл бұрын

    javascript начните с типов данных

  • @volodymyrtaranin9352
    @volodymyrtaranin93522 жыл бұрын

    Сказал, что некст видео тестирование jest'ом React'а, уже месяц прошёл, не вижу на канале 🤥

  • @user-fw7dn8ly5q
    @user-fw7dn8ly5q2 жыл бұрын

    На Unit тесты похоже. Или мне кажется?

  • @nerusnotfound
    @nerusnotfound2 жыл бұрын

    *Заметил: очень часто выходят ролики*

  • @DIMANVAZ04
    @DIMANVAZ042 жыл бұрын

    смотрю второе уже видео по Жест, пока не понимаю: для чего устанавливать фреймворк и опписывать всё это, когда есть консоле.лог

  • @volmaks3396

    @volmaks3396

    2 жыл бұрын

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

  • @pavluzont
    @pavluzont2 жыл бұрын

    забейте "я Князь Аськи" и всё будет работать :)

  • @user-kk2hd2mj1p
    @user-kk2hd2mj1p2 жыл бұрын

    Давайте тести

  • @shlopaiushiy-po-popke
    @shlopaiushiy-po-popke2 жыл бұрын

    так , с первых минут конфликт -- мне нравится, шоу пусть говорят с малаховым

  • @user-xd6rk7th8b
    @user-xd6rk7th8b2 жыл бұрын

    я князь аськи

  • @user-lm8py5rb4m
    @user-lm8py5rb4m2 жыл бұрын

    Лучше бы реакт...

  • @vvks9901
    @vvks99014 ай бұрын

    все просто все ясно, приходишь на стажировку а там полный цикл тестирования - либо сделал либо нет, не говорите в видео что все просто, это замануха на обучение, все сложно и очень, почему вы не говорите что тестирование это заядлая дроч? Вам то по сути пох что там после вашей учебы, типа знания дали, деньги взяли, вопросв нет, а слабо трудоустроить если вы так уверены в том что преподаете?

  • @itgid

    @itgid

    4 ай бұрын

    Вообще не слабо. Только давайте тогда и курс будет стоить не как чашка кофе, а как обычный курс на рынке с сопровождением и помощью в трудоустройстве. Если согласны - приходите, я готов работать.

  • @vvks9901

    @vvks9901

    4 ай бұрын

    @@itgid анонсируйте!

  • @itgid

    @itgid

    4 ай бұрын

    @@vvks9901 пишите в чат что а сайте. Заключаем договор и вперед.

  • @vvks9901

    @vvks9901

    4 ай бұрын

    @@itgid доверия нет вам. Пусть десятка 2 пройдут курс, трудоустройте их, если все отзывы будут норм, можно будет пройти. А так просто верить вам это же как минимум долбоебично.

  • @itgid

    @itgid

    4 ай бұрын

    @@vvks9901 ну вот и отказ пошел быстро. Как только речь зашла о договоре. Ведь в нем прописана ответственность сторон. Ведь одно дело в интернете умничать, а другое - начать работать. А самое смешное, это аргумент - пусть несколько пройдут. Прошли.

  • @pon4a273
    @pon4a2732 жыл бұрын

    Это все круто, но как проводить те же тесты на стороне браузера. Ну вот есть у меня кнопка, при ее нажатии выводиться поле с инпутом. Как симулировать это нажатие кнопки и отслеживать отрисовку поля?

Келесі