deworker.pro
Задонатить и смотреть →
Открой безлимитный доступ к 100+ полезных скринкастов и получай скидки на все предстоящие мероприятия

Тесты и линтеры для 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" шага.

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

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

Google
GitHub
Yandex
MailRu