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
4 hours ago 00:02:58 3
A Internet está a discutir um vídeo dos testes americanos da família secreta de drones kamikaze Phoenix Ghost
4 days ago 00:02:47 56
Путин встретился с руководителем Федерального медико-биологического агентства Вероникой Скворцовой
2 weeks ago 00:00:17 1
️A Índia realizou com sucesso um teste de voo de seu míssil hipersônico de longo alcance, projetado para transportar diversas ca
4 weeks ago 00:00:26 1
A Marinha do Paquistão conduziu com sucesso seu teste de voo de um míssil balístico lançado de navio desenvolvido internamente
1 month ago 00:32:45 24
Dr. Hook - Old Grey Whistle Test Show (BBC-2, Shepherd’s Bush, London, England, UK) (Full Version).
1 month ago 00:57:05 3K
Фуллстек в 2024 / Какие языки для бэкенда и инструменты фронтенда актуальны | Андрей Максимов | №36
1 month ago 00:19:11 10
#7 МАКАО Я ВЛЮБИЛАСЬ В ПАНДУ И ПАРИЖ! Отель Parisian, рынок и цены на продукты, деревня Coloane
1 month ago 02:26:12 1
Ответы на вопросы по ПЧК 30 (Гудков, BRB, Куруч, Саша Малой) / Подкаст #14
1 month ago 00:10:04 1
SCHLUSS mit schlechtem Sound beim GAMING! Mit dieser WINZIGEN Einstellung geht es!
1 month ago 00:17:18 4
Солнце в Тельце. Расклад Таро для Солнечных Тельцов. Рекомендации. Дарья Корякина.
2 months ago 00:11:12 2
PC GAMING FULL TRẮNG SIÊU XINH PHONG CÁCH WIBU | I5 13600K + RTX 4060
2 months 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)
2 months ago 00:27:39 1
PC BTF Full White 60 Triệu MaxSetting “Black Myth Wukong & PUBG“ | Z790 - I7 14700K - RTX 4070 Super
2 months 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
2 months ago 00:24:39 4K
Авторынок в Китае. Цены на авто до руб. Toyota Venza левый руль.
2 months ago 00:20:21 1.2K
Цены на Changan заставляют думать! Владелец UNI-V рассказал правду о китайском автопроме
2 months ago 00:03:52 735
Netanjahu vor UN-Generalversammlung: Leerer Saal aus Protest gegen Israel
2 months ago 01:10:38 1
Максимальная видеокарта для AMD Ryzen 5 5600 ? / Лучшая GPU для процессора AMD AM4
2 months 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!“
3 months ago 00:00:00 1
Asphalt Legends Unite: last drive. Начало нового поколения. Тест драйв новых тачек. Глава 3.Серия 1
3 months ago 00:49:30 1
Дешёвый 7“ FPV ДРОН по цене хлама. ПОКУПАТЬ ИЛИ НЕТ?
3 months ago 01:25:09 1.8K
[Мазеллов лучшее] НОВЫЙ AMONG US В ОФИСЕ - DALE & DAWSON STATIONERY SUPPLIES / МАЗЕЛЛОВ ДРЕЙК T2x2 СТИНТ КСЮША и др.