Категории
- Frontend
  - Angular
  - HTML
  - CSS
  - JavaScript
  - Vue
  - jQuery
  - React
  - AngularJS
  - Backbone
  - TypeScript
  - Ember
  - Next.js
  - Elm
  - Svelte
  - Single SPA
  - Three.js
  - D3.js
  - RxJS
  - WebGL
  - barba.js
- Backend
  - PHP
  - Python
  - Ruby on Rails
  - Yii
  - Laravel
  - SQL
  - Ruby
  - Symfony
  - Java
  - Scala
  - Node.js
  - MongoDB
  - Golang (Google Go)
  - Slim
  - Silex
  - Firebase
  - C Sharp (C#)
  - Deno
  - Redis
  - Django
  - NestJS
  - Spring
  - Spring Boot
  - Spring Data
  - Spring Cloud
  - Spring Security
  - Spring Integration
  - Spring HATEOAS
  - Spring MVC
  - Elixir
  - Phoenix
- System programming
  - Rust
  - WebAssembly
  - C++
- Marketing
  - SEO
- Video and 3D
  - Blender
  - Cinema 4D
  - ZBrush
- Graphic
  - Figma
  - Sketch
  - Photoshop
  - After Effects
  - Illustrator
  - Adobe XD
  - Lightroom
  - CorelDRAW
- DevOps
  - AWS
  - Azure
  - Docker
  - Git
  - GitHub
  - Gitlab
  - Google Cloud
  - Grafana
  - Kubernetes
  - Jenkins
  - Terraform
  - Другое
- Tools
  - GraphQL
  - Flux
  - Webpack
  - Ansible
  - Gulp
  - Grunt
  - Visual Studio Code
  - VIM
  - OpenCV
  - Salt
  - SVN
  - Atom
  - Elasticsearch
  - Сборки, готовые решения
  - Electron
  - Chrome DevTools
  - Yarn
  - Babel
  - Grep
  - npm
  - Vite
  - Gatsby
  - PhpStorm
  - Webflow
  - Hibernate
  - Socket.io
  - Bash
- Разработка мобильных приложений
- Gamedev
  - Unreal Engine
  - Unity
- CMS
  - Wordpress
  - OpenCart
  - Drupal
  - Joomla
  - 1C-Bitrix
  - MODX
  - Magento
  - Shopify
- Blockchain
  - Криптовалюты
  - Decentralized Applications (dApps) (Web 3)
- Тестирование
  - Postman
  - Selenium
  - Appium
  - Protractor
  - WebdriverIO
  - Cypress
  - Playwright
- Другое
- Подготовка к собеседованию
- Обработка и анализ данных
- Информационная безопасность
  - Этический взлом / Тестирование на проникновение
- Английский язык
- Конференции
Источники
Все курсы
- Популярные
- Бесплатные (100+ Курсов)
Разделы
Книги
- Бесплатные
- Популярные
Краудфандинг

Войти

Главная страница Категория vue Мастер-класс: тестирование Vue-приложений

Мастер-класс: тестирование Vue-приложений

Name: Мастер-класс: тестирование Vue-приложений
Rating: 4.9 (51 reviews)

javascript.ninja

Скачать курс архивом

Продолжительность

9 ч 58 мин

Категория

Vue

Количество уроков

9 Видео

Дата добавления

24.06.2021

Язык

Русский

Как показал мой опыт работы в 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:45

unnamed 9Семинар #2 Сложные сценарии

Авторы

javascript.ninja

Проект Ильи Климова - годный ресурс для изучения javascript и js фреймворков.

+177

Категории

Комментарии

Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Мастер-класс: Unit-тестирование в JavaScript

javascript.ninja

02.04.2021

JavaScript

Мастер-класс: Unit-тестирование в JavaScript

Тестирование для меня - самый простой способ изменить мышление в сторону более чистой и управляемой архитектуры. “Это легко тестировать” чаще всего является синонимом “это достаточно хорошо спроектировано”. Даже если вы не практикуете тестирование на реальном проекте, понимание как это можно протестировать (а вернее почему нельзя) однозначно приведет вас к изменению стиля вашего кода.

12 ч 22 мин

Русский

Посмотреть

+176

Изображение курса Тестирование компонентов Vue.js

vueschool.io

19.02.2021

Vue

Тестирование компонентов Vue.js

Testing Vue.js Components

Узнайте, как тестировать компоненты Vue.js с помощью Jest и официальной библиотеки модульного тестирования для Vue.js - Vue Test Utils.

1 ч 6 мин

Английский

Посмотреть

+16

Изображение курса Курс Vue.js 3 - Composition API, TypeScript, Тестирование

vuejs-course.com

02.06.2020

Vue

Курс Vue.js 3 - Composition API, TypeScript, Тестирование

Vue.js 3 Course - Composition API, TypeScript, Testing

В этом курсе, состоящем из шести частей, вы создадите приложение для ведения блога с использованием Vue.js 3, Composition API и TypeScript. Модульное тестирование и паттерны проектирования на практике.

5 ч 40 мин

Английский

Посмотреть

+64

Изображение курса Vue Advanced продвинутый курс по разработке SPA (Vue 3)

Дмитрий Лаврик

27.09.2021

Vue

Vue Advanced продвинутый курс по разработке SPA (Vue 3)

Цель курса - Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, работа с пользователями и авторизационными токенами, server side rendering и т.п. Для продуктивного участия желательно прохождение базового курса по Vue. Однако, если вы уже знакомы с основами работы с vuex, vue-router, axios или fetch, можно начинать с текущей ступени.

20 ч 10 мин

Русский

Посмотреть

+39

Мастер-класс: ﻿тестирование Vue-приложений

Авторы

javascript.ninja

Категории

Vue

Другие материалы в этой категории

Мастер-класс: Unit-тестирование в JavaScript

Тестирование компонентов Vue.js

Курс Vue.js 3 - Composition API, TypeScript, Тестирование

Vue Advanced продвинутый курс по разработке SPA (Vue 3)

Мастер-класс: тестирование Vue-приложений