angular-cli testet das Debugging

Question

Ich baue ein Projekt mit angular2-cli. Wenn ich den Test starte, startet Karma meinen Chrome-Browser. Ich klicke auf die Debug-Schaltfläche in der oberen rechten Ecke und öffne die Konsole.

Wie kann ich Breakpoints in den zu testenden Dateien einrichten? Ich weiß, wie man Breakpoints in den Testdateien einrichtet, aber es hilft hier nicht wirklich, da ich in endlosen Jasmin-Funktionen und -Methoden stecke.

Angenommen, der Test ruft die Methode für meine Komponente auf. Ist es möglich, den Haltepunkt einzurichten, der mich während des Tests direkt zur Komponente führt?

Answer 1

Ok, also habe ich herausgefunden, wie man es löst.

Ich konnte keine Haltepunkte innerhalb meines Nicht-Testcodes setzen, da der Quellkartencode nur für die Testdateien verfügbar war.

Mein Problem war das Duplikat , , die in this commit geschlossen wurde.

Das Commit wurde in angular-cli 1.0.0-beta.19.3 zum Master zusammengeführt.

Also für debbuging den Quellcode zu ermöglichen, wenn Tests laufen Sie Folgendes tun müssen:

1. aktualisieren Winkel-cli auf Version Winkel-cli 1.0.0-beta.19.3 oder höher npm uninstall angular-cli npm cache clean npm install angular-cli@1.0.0-beta.19.3

2. Führen Sie ng -v aus, um zu bestätigen, dass Sie sich auf 1.0.0-beta.19.3 befinden. (Tun Sie es außerhalb der aktuellen Winkel-cli Projekt Sie gerade arbeiten, oder es wird auf die lokale Version zeigen)

3. Aktualisieren, um die package.json Ihres aktuellen Projekts neu installierten cli zu verwenden: "devDependencies": { "angular-cli": "^1.0.0-beta.19-3", }

4. Run npm update --save-dev
5. Führen Sie ng test - Happy Debugging!