React Testing Library

Описание курса:

В данном видеокурсе мы с вами рассмотрим тестирование React-приложения и React-компонентов с помощью библиотеки react-testing-library. В дополнение протестируем связку React и React Router, а так же React и Redux. Плюс, разберём тестирование практически всех нативных React-хуков.

Поддержать развитие канала:

Используемые ресурсы и инструменты:

• Visual Studio Code (редактор кода)
• Node.js
• Yarn
• Jest (расширение для VS Code)

Полезные курсы и видео:

• Jest & Enzyme
• React & Redux
• React Hooks A Complete Introduction
• React 16.8 Hooks RELEASE!

Полезные ссылки:

• Курс по Enzyme
• React Testing Library (docs)
• React Testing Library (repo)
• How To Test Your React Apps With The React Testing Library

Issues:

• Nothing was returned from render

Быстрый старт:

• Клонируйте репозиторий: git clone https://github.com/YauhenKavalchuk/react-testing-library.git
• Перейдите в папку с проектом cd react-testing-library
• Перейдите в нужную ветку соответствующую уроку:
  • git checkout lesson_01
  • git checkout lesson_02
  • git checkout lesson_10 и т.д.
• Установите зависимости: yarn install
• Запустите тесты: yarn test

Установка зависимостей:

yarn add axios react-router react-router-dom history redux react-redux

Список уроков:

• #0 Введение (Introduction)
• #1 Установка окружения (Setup Environment)
• #2 Рендеринг компонента (Rendering a Component)
• #3 Поисковые типы (Search Types)
• #4 Поисковые варианты и утверждения (Search Variants & Assertive Functions)
• #5 fireEvent Событие (Fire Events)
• #6 userEvent Событие (User Events)
• #7 Асинхронное тестирование (Asynchronous Testing)
• #8 Тестирование контекста и портала (Context & Portal Testing)
• #9 Тестирование Реакт Роутера (React Router Testing)
• #10 Тестирование Редакса и useReducer (Redux & useReducer Testing)
• #11 Лучшие практики (Best Practices)

Связаться со мной: