Давайте поговорим о тестировании в Visual Studio Code.

Вы когда-нибудь задумывались, как можно легко выполнять тесты из кода VS с максимальной гибкостью?

В этом руководстве мы рассмотрим, как можно улучшить выполнение тестов в проектах JavaScript.

Мы будем использовать «create-response-app» от Facebook. Этому руководству можно следовать вместе с любым проектом, в котором установлен «Jest».

Вы можете продолжить, клонировав этот репозиторий:

git clone https://github.com/ersah123/vscode-task-tests.git

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

- Первое, что вам нужно сделать, это создать папку .vscode, если у вас ее нет в корневом каталоге. И внутри него создайте tasks.json. И добавьте туда следующий код:

  1. Массив tasks содержит массив задач, которые можно выполнить с помощью VS Code. Он включает выполнение всех тестов, одного файла, одного теста соответственно.
  2. Массив input содержит массив входных данных, которые будут использоваться для получения параметров и входных данных от пользователя.

Чтобы запустить тесты, вы можете сделать следующее:

  • Терминал в меню кода VS и выберите Выполнить задачи….

  • Доступные задачи будут отображаться в верхней части вашего списка, который добавляется файлом tasks.json в папке .vscode.

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

  • Один файл: эта задача запускает только один тестовый файл, запрашивая у пользователя имя файла. Например, при вводе Link будет запущен только файл Link.test.js.
  • Все тесты. Эта задача запустит все тестовые файлы, если будут внесены какие-либо изменения.
  • Все тесты - выбор просмотра. Эта задача запускает все тестовые файлы, но ожидает, что пользователь выберет вариант для непрерывного просмотра всех тестовых файлов.
  • Блок «описать» или «ссылка»: эта задача ожидает ввода от пользователя строки для поиска регулярного выражения внутри блоков описать или тест в все тестовые файлы. Например, если вы наберете «itnext», он найдет только один тест блок и выполнит его.

Для более продвинутого использования обратитесь к официальной документации:
https://code.visualstudio.com/docs/editor/tasks

Бонус: как выполнять тесты Jest в контейнере Docker с помощью задач VS Code.

Во-первых, убедитесь, что Docker уже установлен и запущен на вашем компьютере. Вы можете подтвердить это с помощью этой команды:

docker --version

Затем вы можете создать свой образ:

docker build -t "react-vscode-jest-test" .

Наконец, вы можете запустить свой контейнер

docker run -d -p 3000:3000 --name="react-tasks" react-vscode-jest-test

Теперь вы можете подтвердить, что докер запущен и доступен, перейдя по этому URL-адресу: http: // localhost: 3000 /

Ключевым моментом является то, что вам нужно назначить контейнеру имя и использовать его для подключения докера из задач VS Code.

Окончательный файл tasks.json выглядит так:

Теперь задачи будут выполняться внутри работающего контейнера докеров точно так же, как и без него.