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

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

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

  • 00:01:37 - Тестирование в React
  • 00:03:06 - Интерактивный запуск тестов
  • 00:04:34 - Неинтерактивный запуск тестов
  • 00:05:24 - Запуск в Makefile
  • 00:06:55 - Написание тестов
  • 00:07:43 - Тестирование рендеринга компонентов
  • 00:09:13 - Интеграционные тесты
  • 00:11:38 - Юнит-тестирование зависимых компонентов
  • 00:14:32 - Подключение ESLint
  • 00:22:36 - Исправление найденных ошибок
  • 00:25:00 - Подключение StyleLint
  • 00:29:53 - Подключение и интеграция Prettier
Скрытый контент (код, слайды, ...) для подписчиков. Открыть →
Дмитрий Елисеев
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