Добро пожаловать в первый блог из моей новой серии статей Testing in Reactjs! Когда я научусь создавать тесты в Reactjs, я буду вести блоги, чтобы закрепить свои знания, и, возможно, я даже смогу помочь вам, дорогой читатель, тоже! А пока мы рассмотрим основы, такие как: преимущества тестирования вашего кода, а также то, как начать тестирование вашего кода, если у вас есть набор тестов.

Несколько преимуществ тестирования:

Быстрее обнаруживает ошибки

Вместо того, чтобы надеяться, что ваш код работает, когда вы решите интегрировать все, вы можете запустить тесты, чтобы убедиться, что ваш код соответствует тестам, которые вы внедрили. Вы сможете устранять эти ошибки гораздо быстрее, потому что тестирование упрощает процесс отладки!

Тестирование предоставляет документацию

Возможно, у вас есть заметки о том, как вы хотите, чтобы ваше приложение работало, и какие функции вы хотите использовать в своем приложении. Однако, если у вас есть тестирование, вы уже впереди игры и лучше подготовлены, чем тот, у кого нет тестирования. Вы сможете вернуться к своим тестам, а также иметь прочную основу для своего приложения.

Тестирование ускоряет работу

Во время написания кода вы начнете замечать, что при наличии тестов весь процесс кодирования становится более гибким. По мере того, как ваше приложение будет расширяться, добавляя различные функции, тесты станут вашими лучшими помощниками, чтобы убедиться, что ваш новый и старый код по-прежнему работает правильно.

Вы взволнованы сейчас? Ну вы должны быть! Теперь давайте начнем с Jest. Согласно веб-сайту:

«Jest — это восхитительная платформа для тестирования JavaScript с упором на простоту.

Он работает с проектами, использующими: Babel, TypeScript, Node, React, Angular, Vue и многое другое!»

Бьюсь об заклад, вы хотите установить его сейчас, верно?! Давайте перейдем к этому:

npm i — save-dev jest

После его установки перейдите в свой package.json и введите jest для тестирования скриптов.

"scripts": {
"test": "jest",
}

Теперь, предполагая, что в вашем приложении уже есть несколько тестов, вы наберете:

npm test

Вуаля! Затем Jest запустит ваши тесты для вас и подробно покажет вам, что проходит, а что нет, а также причины из самих тестов.

Если у вас нет тестов, не расстраивайтесь! Я вернусь на следующей неделе, чтобы провести вас по этапам создания ваших самых первых тестов. А пока берегите себя и удачной недели!

Удачного кодирования!