Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yauhenkavalchuk/jest-enzyme

Код учебного курса “Jest & Enzyme” на YouTube-канале webDev (https://tinyurl.com/4fh93phb)
https://github.com/yauhenkavalchuk/jest-enzyme

enzyme enzyme-testing jest jest-tests

Last synced: 3 months ago
JSON representation

Код учебного курса “Jest & Enzyme” на YouTube-канале webDev (https://tinyurl.com/4fh93phb)

Awesome Lists containing this project

README

        

# Jest & Enzyme

### Описание курса:
В данном видеокурсе мы с вами рассмотрим тестирование React компонентов с помощью Jest и Enzyme. Разберём мы данную тему на примере написания Unit тестов.

### Поддержать развитие канала:
[webDev | YouTube Sponsor][sponsor]
[webDev | Patreon][patron]

---

### Используемые ресурсы и инструменты:
- [Visual Studio Code (редактор кода)](https://code.visualstudio.com)
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com)

### Полезные ссылки:
- [Jest (официальный сайт)](https://jestjs.io)
- [Enzyme (официальная документация)](https://enzymejs.github.io/enzyme/docs/api/)
- [Приложение новостей (видео). 1-я часть](https://youtu.be/np6k4FH6Hg8)
- [Приложение новостей (видео). 2-я часть](https://youtu.be/d2Z1D5Jvajc)
- [React-Хуки тестирование](https://ru.reactjs.org/docs/hooks-faq.html#how-to-test-components-that-use-hooks)
- [Подходы к тестированию](https://habr.com/ru/post/459620/)
- [Issue (How to test React.Portal)](https://github.com/testing-library/react-testing-library/issues/62)
- [Jest set, clear and reset mock/spy/stub implementation](https://codewithhugo.com/jest-stub-mock-spy-set-clear/)

---

### Быстрый старт:
- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/jest-enzyme.git`
- Перейдите в папку с проектом `cd jest-enzyme`
- Перейдите в нужную ветку соответствующую уроку:
- `git checkout lesson_01`
- `git checkout lesson_02`
- `git checkout lesson_10` и т.д.
- Установите зависимости: `yarn install`
- Запустите проект: `yarn start`

---

### Список уроков:
- [#0 Введение (Introduction)](https://youtu.be/2iUEhfRl1nY)
- [#1 Теория тестирования (Testing Basics)](https://youtu.be/T7E6rb8uvB0)
- [#2 Установка окружения (Setup Environment)](https://youtu.be/3wrHZ2m1fDM)
- [#3 Тестирование отрисовки (Testing Rendering)](https://youtu.be/TBId_-3mbUs)
- [#4 Тестирование снимков (Snapshot Testing)](https://youtu.be/vf4zolo2qAI)
- [#5 Тестирование пропсов (Testing Props)](https://youtu.be/_yWortkgpow)
- [#6 Тестирование событий изменения (Testing Change Events)](https://youtu.be/8-zlWeLPaLA)
- [#7 Тестирование событий клика (Testing Click Events)](https://youtu.be/eYu223trY7k)
- [#8 Тестирование методов жизненного цикла (Lifecycle Methods Testing)](https://youtu.be/qZkoptlE8dY)
- [#9 Тестирование асинхронных запросов (Testing & Mocking Fetch)](https://youtu.be/PLU-epc-W54)
- [#10 Полное тестирование снимками (Full Snapshot Testing)](https://youtu.be/zVnBcEQQlC0)
- [#11 Тестирование утилит (Utils Testing)](https://youtu.be/VZoKo3YlVoQ)
- [#12 Тестирование контекста и портала (Context & Portal Testing)](https://youtu.be/45gYmO0oC-o)

---

### Связаться со мной:
[webDev | YouTube][youtube]
[webDev | Instagram][instagram]
[webDev | LinkedIn][linkedin]
[webDev | Twitter][twitter]
[webDev | VK][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