javascript.ninja
Проект Ильи Климова - годный ресурс для изучения javascript и js фреймворков. Шаг за шагом мы пройдем все этапы разработки реального проекта, воссозданные детально благодаря записанным видео.
Мастер-класс: тестирование Vue-приложений
Продолжительность
9 ч 58 мин
Категория
Vue
Количество уроков
9 Видео
Дата добавления
24 июн. 2021 г., 11:54
Язык
Русский
Как показал мой опыт работы в GitLab - тестирование Vue-компонентов не самая сильная сторона даже тех, кто съел собаку на тестировании к примеру backend-кода. Здесь “аукается” то, что во Vue очень много сложных возможностей, которые нетривиально тестировать. Добавьте к этому некие удивительные особенности @vue/test-utils (у автора порядка 10 принятых pull-requests в репозиторий) - и получите прекрасный коктейль сложного тестирования.
Видео представляют собой небольшие (~15-30 минут) фрагменты теоретических изысканий, объясняющих всё “на пальцах” (а точнее пером по экрану).
Что именно тестируется во Vue-компонентах?
- Вывод компонента в зависимости от props
- Когда мы передаем такие-то параметры, мы ожидаем что кнопка видна
- Когда мы передаем такие-то параметры, мы ожидаем, что видна аватарка пользователя с такими-то параметрами
- Генерирование побочных эффектов
- Когда пользователь нажимает на вот этот элемент, мы ожидаем что компонент генерирует событие "Submit" с такими-то параметрами
- Когда компонент появляется в DOM-дереве, мы ожидаем что компонент вызывает функцию getUser у такого-то объекта
- Что предлагает нам @vue/test-utils для тестирования?
- Жизненный цикл компонента сквозь призму тестирования
- Холивар: mount vs shallowMount
- Как выбрать?
- Стоит ли всегда выбирать одно?
- Последствия выбора?
- Бонус: А что поменяется во Vue3?
- Бонус: Компонентные тесты и Vue: как и когда?
Практическая часть
Семинар представляет собой написание и критику конкретных тестов на Jest реального кода с пояснением что и для чего применяется. Другими словами: соотношение “документации” к практике ее применения составляет около 30 к 70% по оценке автора.
Посмотреть больше
-
Урок 1. 00:13:09#1 Что и как тестировать
-
Урок 2. 00:10:53#2 Как работает @vue_test-utils
-
Урок 3. 00:16:43#3 shallowMount vs mount
-
Урок 4. 00:16:09#4 Как искать элементы
-
Урок 5. 00:10:15#5 Злоупотребление реактивностью
-
Урок 6. 00:14:59#6 Тесты и vue
-
Урок 7. 00:11:33#7 Тестирование магии
-
Урок 8. 03:54:12Семинар #1 Основы тестирования Vue
-
Урок 9. 04:30:45unnamed 9Семинар #2 Сложные сценарии
Автор - javascript.ninja
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
javascript.ninja
2 апр. 2021 г., 09:57
Мастер-класс: Unit-тестирование в JavaScript
Тестирование для меня - самый простой способ изменить мышление в сторону более чистой и управляемой архитектуры. “Это легко тестировать” чаще всего является синонимом “это достаточно хорошо спроектировано”. Даже если вы не практикуете тестирование на реальном проекте, понимание как это можно протестировать (а вернее почему нельзя) однозначно приведет вас к изменению стиля вашего кода.
vueschool.io
19 февр. 2021 г., 20:53
Тестирование компонентов Vue.js
Testing Vue.js Components
Узнайте, как тестировать компоненты Vue.js с помощью Jest и официальной библиотеки модульного тестирования для Vue.js - Vue Test Utils.
vuejs-course.com
2 июн. 2020 г., 22:49
Курс Vue.js 3 - Composition API, TypeScript, Тестирование
Vue.js 3 Course - Composition API, TypeScript, Testing
В этом курсе, состоящем из шести частей, вы создадите приложение для ведения блога с использованием Vue.js 3, Composition API и TypeScript. Модульное тестирование и паттерны проектирования на практике.
Дмитрий Лаврик
27 сент. 2021 г., 00:14
Vue Advanced продвинутый курс по разработке SPA (Vue 3)
Цель курса - Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п. Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с vuex, vue-router, axios или fetch, можно начинать с текущей ступени.