Jest — это восхитительная платформа для тестирования JavaScript, в которой упор делается на простоту. Он совместим с проектами, написанными на Babel, TypeScript, Node, React, Angular, Vue и других языках.

Преимущества тестирования с помощью Jest

  1. Нулевая конфигурация — Jest стремится работать с большинством проектов JavaScript без какой-либо настройки.
  2. Моментальные снимки — создавайте тесты, позволяющие легко отслеживать большие объекты. Снимки могут быть добавлены в ваши тесты или встроены в них.
  3. Изолированные — чтобы максимизировать производительность, тесты распараллеливаются, выполняя их в своих собственных процессах.

Установка Jest

Для начала нам понадобится package.json. Перейдите в каталог вашего проекта и введите в терминал следующие команды:

yarn init -y

Затем мы должны установить Jest:

yarn add --dev jest

Добавьте поддержку Babel:

yarn add --dev babel-core babel-jest babel-preset-env @babel/preset-env

Создайте предустановленный файл babel следующим образом:

touch .babelrc

Также добавьте текущий пресет в .babelrc:

{
  "presets": [
    "@babel/preset-env"
  ]
}

Запуск первого теста

Создайте новый файл с именем user.spec.js в каталоге вашего проекта. Создайте класс User, который включает инициированного пользователя и возвращает правильное полное имя при вызове свойства name.

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

Приведенный выше тест кода определяет, соответствует ли пользователь ожидаемому результату, который в Jest называется ожиданием.

Введите следующие команды в свой терминал, чтобы запустить тест:

yarn jest

И вуаля, вы написали свой первый успешный тест! Теперь вы можете видеть, что 1 тестовый набор прошел, это наш предыдущий тест — user.test.js с Jest.

Если вы узнали что-то из этой статьи, пожалуйста, поделитесь и дайте возможность распространить информацию 👌

Повышение уровня кодирования

Спасибо, что являетесь частью нашего сообщества! Перед тем, как ты уйдешь:

  • 👏 Хлопайте за историю и подписывайтесь на автора 👉
  • 📰 Смотрите больше контента в публикации Level Up Coding
  • 🔔 Подписывайтесь на нас: Twitter | ЛинкедИн | "Новостная рассылка"

🚀👉 Присоединяйтесь к коллективу талантов Level Up и найдите прекрасную работу