Установите расширение Jest Runner, которое предоставляет удобное контекстное меню + быстрые действия для запуска и отладки тестов в VS Code (обеспечивает аналогичный запуск тестов в Visual Studio для приложений .NET).
В качестве альтернативы есть также расширение Jest, которое всегда автоматически запускает для вас текущий набор тестов и обеспечивает визуальную обратную связь ( при сохранении).
Добавление новых тестов
Для тестирования компонента просто создайте файл *.test.js, связанный с тестируемым компонентом (в той же папке). Затем проект настраивается на автоматическое обнаружение всех тестов, соответствующих этому соглашению.
(пример: для тестирования компонента 'Smartcard' создайте в тот же каталог, Smartcard.test.js).
При использовании VS Code вы даже можете использовать контекстное меню для добавления новых тестов.
Объяснение общей структуры теста
Структура теста следует тем же шаблонам, которые обычно используются в тестах на других языках программирования/фреймворках, с заданным компонентом для тестирования, действием, которое нужно выполнить, и ожидаемым результат (и все это делается в определенном порядке). Ниже вы можете найти пример базовой структуры теста:
Конечно, это самый простой тест из всех, но это хороший способ начать работу. Понимание основ обычно является способом справиться с более сложными вопросами.
В следующих статьях из этой серии вы получите некоторые объяснения всех конфигураций, найденных в проектах для запуска тестов, некоторые более сложные render сценарии и оболочки, которые вы обычно можете найти в более крупных проектах, а также множество тестовых случаев, которые обрабатывают некоторые распространенные сценарии.
Полезные ресурсы
Я собрал вкратце набор ресурсов, которые могут пригодиться во многих ситуациях, я оставлю их здесь:
