Как отлаживать модульные тесты Vue CLI 3 с помощью WebStorm?Отладчик не достигает точки останова - PullRequest
Новая
       26

Как отлаживать модульные тесты Vue CLI 3 с помощью WebStorm?Отладчик не достигает точки останова

0 голосов
/ 28 октября 2018

Вопрос

  1. Что мне нужно сделать, чтобы WebStorm достиг точки останова?
  2. Необходимо ли устанавливать% NODE_DEBUG_OPTION%?Если да, как мне это сделать в сочетании с vue-cli.service?

Шаги для воспроизведения:

  1. vue create myapp
    • Установить опции:
      • ?Пожалуйста, выберите предустановку: Вручную выберите функции
      • ?Проверьте функции, необходимые для вашего проекта: Babel, Unit
      • ?Выберите решение для модульного тестирования: Jest
      • ?Где вы предпочитаете размещать конфиги для Babel, PostCSS, ESLint и т. Д.? В package.json
      • ?Сохранить это как предустановку для будущих проектов? Нет
  2. Открыть myapp в WebStorm
  3. Открыть npm Tool Windows
  4. Установить точку останова в тестах /unit / example.spec.js
  5. Щелкните правой кнопкой мыши на тесте: unit-> Отладочный тест: unit

консольный вывод:

Чтобы отладить сценарий "test: unit", убедитесь, что строка% NODE_DEBUG_OPTION% указана в качестве первого аргумента для команды узла, которую вы хотите отладить.Например: 

 "scripts": {
   "start": "node %NODE_DEBUG_OPTION% server.js"  
 }

myapp@0.1.0 test: unit C: \ Users \ c-jay \ myapp vue-cli-service test: unit

PASS тесты / устройство / пример.spec.js

Конфигурация:

  • WebStorm 2018.2.4
  • Vue CLI v3.0.5

1 Ответ

0 голосов
/ 28 октября 2018

Согласно отладка задач cli-plugin-jest и npm в WebStorm Я отредактировал вызов npm test: unit в секции scripts моего package.json для:

"test:unit": "node %NODE_DEBUG_OPTION% node_modules/@vue/cli-service/bin/vue-cli-service.js test:unit"

И веб-шторм достигает ожидаемых точек останова.Это для Windows.На Mac должно быть: 

"test:unit": "node $NODE_DEBUG_OPTION node_modules/@vue/cli-service/bin/vue-cli-service.js test:unit"
...