Найти в Дзене

Как я учился тестировать React. Часть 1.

Добрый день друзья. Для меня настала пора осваивать тестирование react компонентов. В этом цикле статей хочу рассказать как я это делал. Как не банально прозвучит, но в начале любого дела передо мной стоит вопрос с чего начать? 🙂 Можно начать с гугления. Например спросить "Тестирование компонентов react для начинающий" и поплыть по морю информации. Я так попробовал. НЕ понравилось. И решил разобраться с тем, какой документ является первоисточником информации о тестировании reacta. И пришёл сюда. https://create-react-app.dev/docs/running-tests/ Это документация по приложению Create React. Именно про помощи неё создаётся большая часть приложений react. Набираем сreate-react-app в терминале и поехали!!!! И я решил что именно отсюда и нужно начинать. О чём можно узнать почитав соответствующий раздел этой документации? 1. Из коробки react запускает тесты в среде jest. Значит можно сделать вывод react и jest созданы друг для друга 😍. 2. Как именовать файлы. 3. Как пользоваться командн

Добрый день друзья.

Для меня настала пора осваивать тестирование react компонентов. В этом цикле статей хочу рассказать как я это делал.

Как не банально прозвучит, но в начале любого дела передо мной стоит вопрос с чего начать? 🙂 Можно начать с гугления. Например спросить "Тестирование компонентов react для начинающий" и поплыть по морю информации. Я так попробовал. НЕ понравилось. И решил разобраться с тем, какой документ является первоисточником информации о тестировании reacta. И пришёл сюда.

Running Tests | Create React App

https://create-react-app.dev/docs/running-tests/

Это документация по приложению Create React. Именно про помощи неё создаётся большая часть приложений react. Набираем сreate-react-app в терминале и поехали!!!! И я решил что именно отсюда и нужно начинать.

О чём можно узнать почитав соответствующий раздел этой документации?

1. Из коробки react запускает тесты в среде jest. Значит можно сделать вывод react и jest созданы друг для друга 😍.

2. Как именовать файлы.

3. Как пользоваться командной строкой для запуска тестов. (К стати прикольная штука)

4. О том, что официальная документация рекомендует для тестирования react компонентов применять так же библиотеку react-testing-library. К ней мы вернёмся позже.

5. И ещё несколько интересных и полезных приёмов для запуска тестов и подготовки тестовой стреды.

6. Ааа и ещё почти забыл про отладку тестов. Очень важный раздел. Куда же без отладки то? 🙃

Из вышесказанного ясно, что дальше нужно идти не куда нибудь а именно сюда 👇

Начало работы · Jest

https://jestjs.io/ru/docs/getting-started

И сюда

Introduction | Testing Library

Забегая в перё ещё скажу что и это пригодится для тестирования запросов к серверу

Introduction

Вот наверно и всё что я хотел рассказать для начала.

Эти статьи не ставят перед собой целью быть подробным гайдом. Скорее всего это должно стать путеводителем в перемешку с примерами из реальной жизни. Всем пока.