Unit-тесты во фронтенде: 6 примеров с кодом, инструменты и подходы
🔥Бесплатный курс «Основы JS»:
🔥 Подготовительный курс для начинающих фронтендеров:
✅ Полезные вебинары по программированию каждую неделю:
Начнём с откровения: в Хекслете очень сильно топят за написание тестов) Поэтому в этом выпуске мы будем разбираться в Unit-тестировании, а в этом нам поможет Георгий Бузин, Frontend Team Lead в Junehomes:
– узнаем, зачем программистам писать Unit-тесты
– пройдёмся по инструментам тестирования – от простых к более сложным
– посмотрим, какие инструменты помогут в тестировании frontend
– напишем 6 тестов с помощью разных подходов и на практике поймём отличия
Если видео было для вас полезным, ставьте лайк и поделитесь им с друзьями. Подписывайтесь на наш telegram-канал:
____
🔗 Полезные ссылки:
– Знакомимся с понятием тестов и пишем первые простые тесты:
– Вебинар Кирилла Мочевина о написании тестов:
– Комьюнити Хекслета:
– Какие бывают этапы и виды тестирования:
– Чек-лист для разработчиков по тестированию приложений:
– Начинаем писать тесты (правильно):
– Другие вебинары для разработчиков:
____
00:00:00 интро
00:00:21 зачем программистам писать Unit-тесты
00:01:37 что нужно тестировать
00:02:58 пирамида тестирования
00:04:57 необходимость тестирования
00:05:36 какие кейсы мы сегодня разбираем
00:06:34 как развивалось тестирование кода – эра SPA
00:08:12 Unit в других языках программирования и во фронтенде
00:09:27 Unit в NodeJS ES5
00:10:07 как пишут Unit-тесты сейчас
00:10:48 кейс: простые тесты NodeJS с помощью describe, it и strictEqual
00:16:06 кейс: тестируем умножение и добавляем forEach
00:18:38 кейс: тестирование функций высшего порядка, mocking expire
00:24:53 плюс использования Unit-тестов с mock
00:26:33 эмуляция DOM
00:27:38 кейс: native unit test с happy-dom
00:33:05 фреймворки Unit
00:35:35 кейс: пример тестирования компонента vitest testing library
00:42:42 как используется expect
00:44:15 имеет ли значение сборка
00:46:45 test debug и test addiction, getbyRole, library user-event
00:53:56 тестирование с помощью renderHook
00:57:43 плюсы и минусы использования testing library
00:59:18 Snapshot тестирование
01:01:12 кейс: пример snapshot теста
01:03:02 плюсы и минусы использования Snapshot-тестов
01:04:53 проблемы jsdom и happy-dom
01:06:07 components тесты и headless browsers
01:09:43 пример компонентного теста в Playwright и cypress
01:20:26 плюсы и минусы компонентного тестирования
01:21:15 кейс: Screenshot тесты
01:26:18 плюсы и минусы Screenshot тестирования
01:26:55 для каких целей подходит каждый инструмент тестирования
3,933 views
298
155
3 weeks ago 00:10:04 1
SCHLUSS mit schlechtem Sound beim GAMING! Mit dieser WINZIGEN Einstellung geht es!
3 weeks ago 00:17:18 1
Солнце в Тельце. Расклад Таро для Солнечных Тельцов. Рекомендации. Дарья Корякина.
3 weeks ago 00:11:12 2
PC GAMING FULL TRẮNG SIÊU XINH PHONG CÁCH WIBU | I5 13600K + RTX 4060
3 weeks ago 00:10:18 1
Pour devenir un initié, un maître : Le TEST ULTIME. Et l’épreuve de la Terre (en fin de capsule)
4 weeks ago 00:27:39 1
PC BTF Full White 60 Triệu MaxSetting “Black Myth Wukong & PUBG“ | Z790 - I7 14700K - RTX 4070 Super
1 month ago 00:10:57 1
18tr5 với PC Trắng Vỏ MIK BARBATOS M Cùng RTX RTX 3060Ti bilibili E-sports Cực Nổi Bật
1 month ago 00:24:39 2.8K
Авторынок в Китае. Цены на авто до руб. Toyota Venza левый руль.
1 month ago 00:20:21 492
Цены на Changan заставляют думать! Владелец UNI-V рассказал правду о китайском автопроме
1 month ago 00:03:52 735
Netanjahu vor UN-Generalversammlung: Leerer Saal aus Protest gegen Israel
1 month ago 01:10:38 1
Максимальная видеокарта для AMD Ryzen 5 5600 ? / Лучшая GPU для процессора AMD AM4
1 month ago 00:10:59 1
A11y Broke My Build - Kristoffer Nordström - NDC Oslo 2024
2 months ago 00:10:42 1
Dieser neue Gaming Monitor ist DER WAHNSINN, aber... er hat ein “Problem“! Corsair Xeneon 34WQHD240C
2 months ago 00:04:18 1
Klaus Schwab - “Le restrizioni Covid sono state un test!“
2 months ago 00:00:00 1
Asphalt Legends Unite: last drive. Начало нового поколения. Тест драйв новых тачек. Глава 3.Серия 1
2 months ago 00:49:30 1
Дешёвый 7“ FPV ДРОН по цене хлама. ПОКУПАТЬ ИЛИ НЕТ?
2 months ago 01:25:09 863
[Мазеллов лучшее] НОВЫЙ AMONG US В ОФИСЕ - DALE & DAWSON STATIONERY SUPPLIES / МАЗЕЛЛОВ ДРЕЙК T2x2 СТИНТ КСЮША и др.
2 months ago 00:24:26 1.1K
ТОП Кроссоверов до 2,5млн. с пробегом из Китая
2 months ago 00:00:45 56
Сеньор показывает джуну, как пользоваться юнит-тестами
2 months ago 01:10:37 341
[sirVikman] Максимальная видеокарта для AMD Ryzen 5 5600 ? / Лучшая GPU для процессора AMD AM4
2 months ago 01:14:39 7
Основы mocha и chai // Демо-занятие курса «JavaScript QA Engineer»
2 months ago 00:06:06 270
CПОТТЕР GYSPOT ALU 66||ТЕСТ-ДРАЙВ
2 months ago 00:10:09 1
LFI : SEBASTIEN DELOGU ARRÊTÉ POUR AVOIR ROULÉ A CONTRE SENS ET UN AUTRE REFUSE UN TEST DE DEPISTAGE
2 months ago 00:00:21 1
O Veículo Aéreo de Combate Não Tripulado (UCAV) chinês GJ-11 “Sharp Sword“ foi observado recentemente durante um voo de teste
3 months ago 00:00:42 212
(Partie 25) Venin: Le nouveau PASSEPORT VACCINAL de l’UE, commence en septembre 2024!