2016-10-12 2 views
14

Ich schreibe eine App mit nativen Reaktion und ich möchte in der Lage sein, meinen Code mit dem Jest-Framework zu testen und verwenden Sie den Visual Studio Code-Editor Debugger Breakpoints setzen. Das Problem, das ich gerade habe, ist egal, wie ich den Debugger ausführe, ob es durch das Erzeugen einer neuen Instanz oder durch das Anhängen ist, ich kann nicht scheinen, dass die Quellkarten von babel funktionieren. Ich habe versucht, eine Variation von Konfigurationen innerhalb der .babelrc Datei, aber keiner scheint zu funktionieren.So konfigurieren Sie Quellkarten bei der Verwendung von Jest in Visual Studio Code Debugger

VScode Version - 1.6.0 (spätestens)

Meine Verzeichnisstruktur ähnelt dieses

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

dann in meinem .babelrc ich habe folgendes

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

Ich habe versucht Einstellung der sourceMaps Prop zu beiden true und inline und beide nicht mit der aktuellen launch.json Konfiguration.

Hier ist mein launch.json für den Betrieb des Jest Tester

{ 

      "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" 
} 

Sowohl --harmony und --runInBand sind notwendig, um den Debugger ordnungsgemäß funktioniert, da Jest zu bekommen ein Kind Prozess erzeugen, die mit den Häfen in Konflikt steht.

Ich habe auch zusätzliche Jest Konfiguration in meinem package.json

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

Nun, wenn ich den Debugger ausführen, es läuft und es hält an der Stelle der ursprünglichen Quelle Stützpunkte der babel Ausgabe, die nicht viel helfen . Ich sollte auch erwähnen, dass der Test selbst von babel zusammengestellt wurde und ich nicht sicher bin, ob es wichtig ist.

Alle Zeiger oder andere Konfigurationen sind alle willkommen.

+0

haben Sie eine Lösung in der Zwischenzeit finden? – nico1510

Antwort

1

Die Option .babelrc ist sourceMap singular. { "sourceMap" : "inline" } funktioniert für mich.

0

Was ist deine Jest-Konfiguration? Ich sah seltsam transpiled Ausgang Abdeckung bezogen, bis ich den folgenden Konfigurationswert hinzugefügt:

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

Verwandte Themen