2015-04-27 2 views
13

Я использую jest для написания тестов в моем приложении ReactJS. До сих пор, чтобы запустить мой тестовый пакет, мне нужно ввести 'npm test'.Выполнение тестов jest непосредственно в Intellij Idea/WebStorm?

Вот отрывок из package.npm:

"scripts": { 
    "test": "./node_modules/.bin/jest", 
    (other stuff) 
    }, 
    "jest": { 
    "unmockedModulePathPatterns": ["<rootDir>/node_modules/react"], 
    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest", 
    "testFileExtensions": [ 
     "es6", 
     "js" 
    ], 
    "moduleFileExtensions": [ 
     "js", 
     "json", 
     "es6" 
    ] 
    }, 

Можно ли запустить эти тесты в пределах моего IDE (IDEA/WebStorm) напрямую, сохраняя конфигурацию? Я не парень js, но, например, WebStrom отлично работает с кармой. Разве это не возможно с шуточным кли?

ответ

19

Чтобы результаты испытаний Jest отображались в древовидной структуре (например, карма и т. Д.), Необходима специальная интеграция. WebStorm еще не поддерживает Jest. Прошу проголосовать за WEB-14979, чтобы получать уведомления о любых прогрессах.


EDIT: в марте 2017 года первая версия интеграции Jest в WebStorm has been released.

+0

Проголосовали, спасибо. – slnowak

+0

есть ли способ отлаживать это, как вы можете, для тестов mocha, добавляя конфигурацию отладки узла? – SuperUberDuper

+0

Мне не нравится дерево. Я просто хочу иметь возможность запускать тесты (особенно на индивидуальной основе), из IntelliJ и видеть следы стека со ссылками! – Otto

2

Для IDEA я использую для этого цели https://confluence.jetbrains.com/display/IDEADEV/Run+Configurations. Для WebStorm кажется, что вы можете добавить свою конфигурацию самостоятельно https://www.jetbrains.com/webstorm/help/creating-and-editing-run-debug-configurations.html. Конфигурация, о которой вы говорите, находится на программном уровне. Если вы настроите его на запуск с помощью IDE, он определенно будет работать в переменных и путях ENV, вам просто нужно добавить необходимые глобальные пути и команды для запуска.

+0

Я не хочу, чтобы просто добавить конфигурацию запуска. Я бы хотел, чтобы результат моего теста был видимым в среде IDE, поэтому я мог бы легко перейти к той, которая терпит неудачу, затем к определенной строке кода и т. Д. – slnowak

+0

Это должен быть принятый ответ – SuperUberDuper

+0

, можете ли вы дать свои шаги, как вы это настроили webstorm thx? – SuperUberDuper

13

В WebStorm 9+ Вы можете установить это следующим образом:

  • Установка шутя CLI: npm install --save-dev jest-cli

  • Создать конфигурацию узла запуска с файла JavaScript установлен в node_modules/.bin/jest и параметр приложения к --runInBand , runInBand говорит jest работать в едином процессе, в противном случае существует конфликт портов при работе с несколькими процессами узла в режиме отладки

  • Создать несколько тестов и конфигурации запуска в режиме отладки (Ctrl-D/CMD-D). Если установить точки останова в тестовой или приложение код, который они должны ударить

Было бы здорово, хотя, если вы можете нажать на file:line numbers на выходе, чтобы перейти непосредственно к коду. Ответ

enter image description here

+0

спасибо, но я получаю ** SyntaxError: Неожиданное зарезервированное слово ** в transformAndBuildScript (node_modules/jest-cli/node_modules/jest-runtime/build/transform.js: 320: 12) – SuperUberDuper

+0

Убедитесь, что ** не ** имеет слэш в начале пути к мусорному ящику. – simeg

+0

@simeg Я не .. – SuperUberDuper

2

app_sciences является удивительным, но не работает для Windows.

Для окон, вы можете использовать следующую конфигурацию: Windows webstorm jest configuration

Предоставлено конфигурация взята из here

+0

Я просто не могу заставить webstorm работать с https://liusy182.wordpress.com/2015/03/ 12/Шутки-как-делать-вы-отладку он / – SuperUberDuper

Смежные вопросы