Unit-тесты во фронтенде: 6 примеров с кодом, инструменты и подходы

Рет қаралды 10,546

Күн бұрын

Пікірлер: 18

@HexletOrg 10 ай бұрын

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 для каких целей подходит каждый инструмент тестирования

@ОльгаГаврутикова-щ7п 10 ай бұрын

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

@elvirareido 10 ай бұрын

Спасибо за понятные и наглядные примеры тестов с разными подходами!

@IliaKovalciuk 10 ай бұрын

Отличное введение в мир Unit-тестов! Понравилась структура урока

@SabinaMalikova-m4n 10 ай бұрын

Теперь более уверенно применю эти знания в своих проектах. Давайте еще)

@Remajonjumaboyeva-s3e 10 ай бұрын

Примеры из реального опыта добавляют весомости вашим словам, спасибо

@Суербекова 10 ай бұрын

Спасибо, что поделились своим опытом, Георгий, было полезно

@tebesvet 3 ай бұрын

Насчет производительности Playwright - у них есть платный тариф (Cloud что ли), который позволяет гонять тесты очень быстро (это на тот случай если их стало огромное количество и они стали прогоняться час). Ну и, наверное, свой раннер можно развернуть.

@aizadaabdieva748 10 ай бұрын

Супер! на эту тему сложно найти норм материал

@UmarSher-dv9fw 10 ай бұрын

Супер класс спасибо большое 👍👍👍

@tot_ra 10 ай бұрын

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

@fnipershtain 10 ай бұрын

Это же самгенерал Зод!

@aizadaabdieva748 10 ай бұрын

❤❤❤❤🎉🎉🎉🎉

@tebesvet 3 ай бұрын

Как и прежде юнит тесты в UI бесполезны (впрочем и не только во фронтенде). От E2E действительно есть толк. Но в больших компаниях ими может заниматься отдельный специалист.