🧪 JavaScript Unit тестирование для новичков - Полный курс

Channel:

Игорь Бабко

Subscribers:

7,550

Published on May 15, 2024 12:00:00 AM ● Video Link: https://www.youtube.com/watch?v=EHepByoakEk

Duration: 2:59:27

436 views

32

Unit тестирование JavaScript кода для новичков, используя фреймворк Vitest.

Telegram - https://t.me/igorbabko_dev

🧪 Исходный код для каждого урока: https://github.com/igorbabko/javascri...

🧪 GitHub репозиторий: https://github.com/igorbabko/javascri...
🧪 GitLab репозиторий: https://gitlab.com/igorbabko/javascri...
🧪 Bitbucket репозиторий: https://bitbucket.org/igorbabko-llc/j...

Vue Composition API с нуля:    • Vue Composition API с нуля  

Vue + TypeScript | Конвертация JavaScript приложения в TypeScript:    • Vue + TypeScript | Конвертация JavaSc...  

🎨 Тема VS Code: https://marketplace.visualstudio.com/...
🎨 Иконки VS Code: https://marketplace.visualstudio.com/...
✒️ Шрифт: https://philpl.gumroad.com/l/dank-mono

🍿 Весь плейлист:    • JavaScript Unit тестирование для нови...  

👀 Другие курсы:
Настройка PhpStorm:    • Настройка PhpStorm  
Vite в Laravel проекте:    • Vite в Laravel проекте  
Мои настройки VS Code:    • Мои настройки VS Code  
VS Code Продуктивность | Мои Горячие Клавиши:    • VS Code Продуктивность | Мои Горячие ...  
VS Code + Neovim для новичков:    • VS Code + Neovim для новичков  
Кастомная настройка Tailwind CSS:    • Кастомная настройка Tailwind CSS  
Tailwind CSS + JIT компилятор:    • Tailwind CSS + JIT компилятор  
Лендинг Tesla на Tailwind CSS:    • Лендинг Tesla на Tailwind CSS  
Верстка YouTube на Tailwind CSS:    • Tailwind CSS YouTube клон #1 - Шапка  
YouTube клон на Vue 3 и Tailwind CSS:    • YouTube клон на Vue 3 и Tailwind CSS  
YouTube API клон на Laravel:    • YouTube API клон на Laravel  
Настройка VS Code:    • Настройка VS Code  

#javascript #typescript #testing #unittesting


🕛 Тайм-коды:
00:00 - 1. Установка Vitest
05:43 - 2. Первый unit тест
17:59 - 3. Проверки с помощью метода toBe
23:58 - 4. Тестирование функции formatSeconds
33:27 - 5. Тестирование функции formatSecondsWithSign
37:45 - 6. Тестирование функции normalizeSelectValue
41:34 - 7. Тестирование функции getProgressColorClass
45:55 - 8. Подмена возвращаемых значений функций
51:17 - 9. Запуск тестов в среде браузера
01:01:00 - 10. Подмена текущей даты
01:07:42 - 11. Тестирование функции tomorrow
01:11:11 - 12. Тестирование функций из модуля времени
01:18:53 - 13. Тестирование функции updateTimelineItem
01:23:46 - 14. Тестирование функции resetTimelineItemActivities
01:33:01 - 15. Тестирование функции calculateTrackedActivitySeconds
01:37:44 - 16. Использование констант в тестах
01:48:43 - 17. Группировка тестов (describe)
01:57:22 - 18. Группировка тестов модуля timeline items
02:02:01 - 19. Хук beforeEach
02:07:34 - 20. Хук beforeEach для тестов модуля timeline items
02:10:25 - 21. Параметризированные тесты
02:14:01 - 22. Параметризированные тесты для модуля functions
02:21:55 - 23. Параметризированные тесты для модулей router и time
02:27:27 - 24. Альтернативные нотации параметризированных тестов
02:31:45 - 25. Снимки (snapshots)
02:36:58 - 26. Vitest UI
02:40:25 - 27. Генераторы отчетов
02:45:42 - 28. Тестовое покрытие
02:51:02 - 29. Рефакторинг