Debug-Tests in NG Test

Ich bin mit Winkel-CLI und VS code, aber keiner meiner breakpoints in meinem spec-Dateien zu sein scheinen immer auf, wenn ich Lauf ng-test?

Muss ich tun, einige config?

  • haben Sie versucht, debugging per chrome-dev-tools? Sie können dies tun, als workaround, bis Sie finden, der richtige Weg, es zu tun. soweit ich weiß, müssen Sie konfigurieren .vscode/starten.json-Datei, ich weiß nur nicht mit was
  • Das ist im Grunde das, was ich Frage... es funktioniert gut für das Debuggen meines Codes... nur nicht wissen/verstehen, wie dies zu tun für ng-test!
  • So möchten Sie zum ausführen von unit-tests im debug-Modus? Versuchen Sie, Debuggen, unit-tests?
  • ja das ist genau das, was ich tun will
InformationsquelleAutor 72GM | 2017-05-11
  1. 29

    Die anderen Antworten sind völlig gültige Antworten, sondern wurde mit Winkel für rund 18 Monate jetzt Neige ich dazu, es zu tun in der browser - chrome-tools!

    Run ng test, dann f12 und finden Sie die spec-Datei über das webpack Kontext. Fügen Sie einen Haltepunkt(s) und aktualisieren und es treffen wird, sagte Haltepunkte. Als pro screenshot

    Debug-Tests in NG Test

    • was ist "DEBUG" - button in der UI. Was ist die Funktionalität des ?
    InformationsquelleAutor 72GM
  2. 14

    In der neuen Version von VSCode (1.14.0) Sie Folgen dieser Rezept:

    Können Sie debug-Angular-App vollständig ( einschließlich der unit-tests ), das Rezept ist unkompliziert.

    InformationsquelleAutor titusfx
  3. 11

    Dies ist was für mich gearbeitet mit Winkel-CLI-1.0.* und Chrome auf Windows 7.

    Ändern von Konfigurationsdateien

    In deinem Projekt root Verzeichnis öffnen karma.conf.js. Direkt nach singleRun: false hinzufügen , gefolgt von diesem Abschnitt:

        customLaunchers: {
      ChromeDebug: {
        base: 'Chrome',
        flags: [ '--remote-debugging-port=9333' ]
      }
    }

    Konfiguration hinzufügen", um .vscode/launch.json:

        {
      "type": "chrome",
      "request": "attach",
      "name": "Unit tests",
      "address": "localhost",
      "port": 9333,
      "sourceMaps": true,
      "webRoot": "${workspaceRoot}"
    },

    Debuggen starten

    1. Laufen ng test --browsers ChromeDebug

    2. Warten für den Chrome-browser zu starten. Sehen Sie etwas wie dies in der Befehlszeile:

      01 06 2017 16:07:29.276:INFO [launcher]: Launching browser ChromeDebug with unlimited concurrency

    3. Legen Sie den Haltepunkt in einem Ihrer .spec.ts - Dateien.

    4. Im Visual Studio-Code-wählen Sie Unit tests debug-Konfiguration und drücken Sie die Taste F5 ("Start Debugging" button).

    5. Drücken Shift+Ctrl+F5 oder aktualisieren Sie den Chrome-Fenster, um die tests erneut ausführen, und der Haltepunkt.

    Für die Bequemlichkeit

    Können Sie auch ändern, Ihr Paket.json und fügen Sie ein neues Skript:

    "test-debug": "ng test --browsers ChromeDebug",

    Dann das nächste mal, die Sie starten möchten ng test mit dem Debuggen ausgeführt werden:

    npm run test-debug

    Referenzen:

    InformationsquelleAutor Andrei Sinitson
  4. 3

    Nur um die anderen Antworten:

    • Folgen Sie den Anweisungen @titusfx erwähnt.
    • Im terminal ausführen ng test.
    • Im Visual Studio-Code-debug-Ansicht wählen Sie ng test aus dem drop-down.
    • möglicherweise müssen Sie den browser aktualisieren, wenn nicht schlagen die Pause-Punkte der ersten Zeit.

    Debug-Tests in NG Test

    InformationsquelleAutor A-Sharabiani
  5. 0

    Können Sie fügen Sie einfach ein 'debugger'
    wo Sie Debuggen möchten, und führen Sie

    ng test

    Wenn der chrome-browser öffnet, schalten Sie den dev-tools und es wird halt auf Ihre 'debugger'

    InformationsquelleAutor Joao Vitor Marques
Schreibe einen Kommentar