Как настроить исходные карты при использовании Jest в Visual Studio Code отладчика

Я пишу приложение, использующее реакцию native, и я хочу, чтобы иметь возможность тестировать свой код с помощью jest-фреймворка и использовать отладчик редактора визуальной студии для установки контрольных точек. Проблема, с которой я в настоящее время сталкиваюсь, зависит от того, как я запускаю отладчик, будь то путем создания нового экземпляра или его присоединения, я не могу заставить исходные карты работать с babel. Я пробовал варианты конфигураций в файле .babelrc, но ни один из них не работает.

Версия VScode - 1.6.0 (последняя)

Моя структура каталогов напоминает это

-package.json
-node_modules
-.babelrc
-dist
-app
 -myModule.js
 -test
   -myModule.spec.js

то в моем .babelrc у меня есть следующий

{
    "presets" : ["react-native"],
    "sourceMaps" : true,
    "outDir" : "./dist"
}

Я попытался установить sourceMaps prop как для true, так и для inline, и оба они не работали с текущей конфигурацией launch.json.

Вот мой launch.json для запуска тестера Jest

{

            "name" : "Launch via jest",
            "type": "node",
            "request": "launch",
            "program" : "${workspaceRoot}/node_modules/jest/bin/jest.js",
            "cwd": "${workspaceRoot}",
            "args": [
                "--runInBand"
            ],
            "runtimeArgs": [
                "--harmony"
            ],
            "sourceMaps": true,
            "outDir" : "${workspaceRoot}/dist"
}

Оба параметра --harmony и --runInBand необходимы для правильной работы отладчика, поскольку Jest породит дочерний процесс, который конфликтует с портами.

У меня также есть дополнительная настройка Jest в моем пакете. json

"jest": {
    "preset": "jest-react-native"
  }

Теперь, когда я запускаю отладчик, он запускается и останавливается на контрольных точках выхода babel вместо исходного источника, что мало помогает. Я должен также упомянуть, что сам тест составлен babel, и я не уверен, если это имеет значение.

Все указатели или разные конфигурации приветствуются.

Ответы

Ответ 1

Опция .babelrc sourceMap единственная. { "sourceMap" : "inline" } работает для меня.

Ответ 2

Какова ваша шуточная конфигурация? Я наблюдал, как weird transpiled output, связанный с покрытием, пока не добавил следующее значение конфигурации:

"testRegex": "src/.*\\.test\\.js$"