https://github.com/yauhenkavalchuk/react-testing-library
Код учебного курса “React Testing Library” на YouTube-канале webDev (https://tinyurl.com/yxct7ptk)
https://github.com/yauhenkavalchuk/react-testing-library
react testing-library-react
Last synced: 8 months ago
JSON representation
Код учебного курса “React Testing Library” на YouTube-канале webDev (https://tinyurl.com/yxct7ptk)
- Host: GitHub
- URL: https://github.com/yauhenkavalchuk/react-testing-library
- Owner: YauhenKavalchuk
- Created: 2020-07-15T13:40:32.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T00:32:18.000Z (over 3 years ago)
- Last Synced: 2025-08-05T23:15:47.739Z (10 months ago)
- Topics: react, testing-library-react
- Language: HTML
- Homepage: http://youtube.com/c/YauhenKavalchuk/
- Size: 1.59 MB
- Stars: 51
- Watchers: 1
- Forks: 25
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Testing Library
### Описание курса:
В данном видеокурсе мы с вами рассмотрим тестирование React-приложения и React-компонентов с помощью библиотеки react-testing-library. В дополнение протестируем связку React и React Router, а так же React и Redux. Плюс, разберём тестирование практически всех нативных React-хуков.
### Поддержать развитие канала:
[
][sponsor]
[
][patron]
---
### Используемые ресурсы и инструменты:
- [Visual Studio Code (редактор кода)](https://code.visualstudio.com)
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com)
- [Jest (расширение для VS Code)](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest)
### Полезные курсы и видео:
- [Jest & Enzyme](https://www.youtube.com/playlist?list=PLNkWIWHIRwMFPcbK0AJVBYyNveXmMZhMS)
- [React & Redux](https://www.youtube.com/playlist?list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4)
- [React Hooks A Complete Introduction](https://youtu.be/X6j7Y7tp3_c)
- [React 16.8 Hooks RELEASE!](https://youtu.be/19EmLE2mZ1Q)
### Полезные ссылки:
- [Курс по Enzyme](https://www.youtube.com/playlist?list=PLNkWIWHIRwMFPcbK0AJVBYyNveXmMZhMS)
- [React Testing Library (docs)](https://testing-library.com)
- [React Testing Library (repo)](https://github.com/testing-library/react-testing-library)
- [How To Test Your React Apps With The React Testing Library](https://www.smashingmagazine.com/2020/07/react-apps-testing-library/)
### Issues:
- [Nothing was returned from render](https://github.com/testing-library/react-testing-library/issues/663)
---
### Быстрый старт:
- Клонируйте репозиторий: `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)](https://youtu.be/v4pycbXkP1Y)
- [#1 Установка окружения (Setup Environment)](https://youtu.be/aUgcf6p1Ep4)
- [#2 Рендеринг компонента (Rendering a Component)](https://youtu.be/yNi7hmfX0Iw)
- [#3 Поисковые типы (Search Types)](https://youtu.be/6ZtHq7SAp1Q)
- [#4 Поисковые варианты и утверждения (Search Variants & Assertive Functions)](https://youtu.be/R_x5citvlL4)
- [#5 fireEvent Событие (Fire Events)](https://youtu.be/7fD24m3rsKw)
- [#6 userEvent Событие (User Events)](https://youtu.be/3YrxcAXkUKQ)
- [#7 Асинхронное тестирование (Asynchronous Testing)](https://youtu.be/9ztPFFqsPPA)
- [#8 Тестирование контекста и портала (Context & Portal Testing)](https://youtu.be/APkWo-na450)
- [#9 Тестирование Реакт Роутера (React Router Testing)](https://youtu.be/TMRgI4_djCY)
- [#10 Тестирование Редакса и useReducer (Redux & useReducer Testing)](https://youtu.be/L-Wf-u7ZSBU)
- [#11 Лучшие практики (Best Practices)](https://youtu.be/RyR6jM7pp4g)
---
### Связаться со мной:
[
][youtube]
[
][instagram]
[
][linkedin]
[
][twitter]
[
][vk]
[youtube]: https://youtube.com/YauhenKavalchuk
[instagram]: https://instagram.com/YauhenKavalchuk
[linkedin]: https://linkedin.com/in/YauhenKavalchuk
[vk]: https://vk.com/YauhenKavalchuk
[twitter]: https://twitter.com/YauhenKavalchuk
[sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
[patron]: https://www.patreon.com/YauhenKavalchuk