Тесты и линтеры для React

Тестирование JavaScript-кода. Интеграционное и юнит-тестирование компонентов. Проверка синтаксиса и стиля кода для JavaScript и CSS.

  • 00:01:37 Тестирование в React
  • 00:03:11 Интерактивный запуск тестов
  • 00:04:40 Неинтерактивный запуск тестов
  • 00:05:31 Запуск в Makefile
  • 00:07:04 Написание тестов
  • 00:07:52 Тестирование рендеринга компонентов
  • 00:09:25 Интеграционные тесты
  • 00:11:52 Юнит-тестирование зависимых компонентов
  • 00:14:48 Подключение ESLint
  • 00:22:57 Ручное исправление ошибок
  • 00:24:13 Автоисправление ошибок
  • 00:25:19 Подключение StyleLint
  • 00:30:14 Подключение и интеграция Prettier
  • 00:39:29 Обзор результата
Скрытый контент (код, слайды, ...) для подписчиков. Открыть →
Дмитрий Елисеев
elisdn.ru
Комментарии (8)
Руслан

Спасибо!

Ответить
Arunas

Спасибо! Берегите себя :)

Ответить
fedot

Спасибо!

Ответить
Артём

Класс!

Ответить
Ruslan

Спасибо.

С 4го раза удалось запустить :)

Ответить
slo_nik

Добрый вечер.

После установки всех пакетов из этого урока столкнулся с ошибкой.

Error while loading rule 'prettier/prettier': context.getPhysicalFilename is not a function Occurred while linting /app/src/index.js

Проблема с несостыковкой версий eslint, react-scripts. Более подробней описано тут

Вкратце так, проблема (для меня) решилась запуском команды

yarn upgrade -R eslint
Ответить
Герман

На декабрь 2021 - для React 17 можно использовать неофициальную библиотеку wojtekmaj/enzyme-adapter-react-17

Ответить
Sam

При запуске тестов столкнулся с ошибкой: TypeError: expect(...).toBeInTheDocument is not a function

Все пакеты из package.json установлены.

Update: всё работает после установки "Added shallow testing" шага.

Ответить
Зарегистрируйтесь или войдите чтобы оставить комментарий

Или войти через:

Yandex
MailRu
GitHub
Google