Debuggen von ember-cli-Tests, die in phantomjs ausgeführt werden

Question

Kontext: Ich habe einen Abnahmetest für meine ember-cli-Anwendung, und der Test wird in Chrome problemlos durchgeführt. In phantomjs schlägt jedoch mein Test fehl - die Benutzeroberfläche wird nicht auf die gleiche Weise erstellt, und ich versuche herauszufinden, warum. (Ich denke, der Test ist wegen https://github.com/ember-cli/ember-cli/issues/1763 gebrochen, aber die allgemeine Frage, wie zu debuggen bleibt)

In Chrome kann ich die Standard-Debugging-Tools auf meine Tests verwenden und alles ist gut - aber in Phantomjs kann ich mach es nicht mit einem Debugger. Ich sehe auch nicht, dass console.log() Nachrichten in der Ausgabe erscheinen - alles, was ich bekomme, ist eine Liste von Testergebnissen in meinem Terminalfenster.

kann ich sortieren-diagnostische Informationen wie

durch Schreiben Dinge

equal(true, false, "This is a log message"); 

und dann erhalte ich die Meldung als Details für die Behauptung, dass fehlgeschlagen ist, oder ich kann versuchen und herausfinden, was mit

im DOM bin

aber beide von denen a: Stoppt den Test weiter und b: lasst mich nur Informationen aus dem Test selbst protokollieren, nicht meine Anwendung.

Gibt es eine Möglichkeit, meine Tests außerhalb von "Glutentest" auszuführen, oder eine Möglichkeit, die laufenden Testprozesse anzuhängen? Gibt es alternativ eine Möglichkeit, console.log() - Nachrichten in der Ausgabe anzuzeigen?

Answer 1

Sie können den PhantomJS-Debug-Port verfügbar machen und im Browser öffnen. Dann können Sie an den Breakpoints Ihres Debuggers mit dem Kontext interagieren.

Debugging tests on PhantomJS using Testem test runner

Answer 2

Um den Teil meiner ursprünglichen Frage zu beantworten, „wie ich Lüge-Meldungen bekommen zu zeigen“, wenn ich die TAP-Reporter verwende, dann console.log (in meiner app und in meinen Tests) Nachrichten erscheinen in der Ausgabe; Der xunit-Reporter übergibt console.log nicht, was mich verwirrte.

(Ich habe auch Probleme festgestellt, bei denen die Tests auf Teamcity anders ablaufen als lokal ausgeführt werden; in diesem Fall kann der TAP-Reporter mit https://github.com/aghassemi/tap-xunit (oder dem TAP teamcity-Plugin) Protokollmeldungen und Testzählungen erhalten)

Answer 3

In testem.json hinzufügen "phantomjs_debug_port": 9000.

Während Sie Ihre Tests ausführen, besuchen Sie http://localhost:9000 in Ihrem Browser und klicken Sie auf den langen Link, der angezeigt wird.

Quelle: cssugared

Answer 4

Ich hatte kein Glück mit den anderen Antworten, hier so ist, was ich herausgefunden:

hinzufügen an dem Punkt ein return pauseTest(); in Ihrem Test, in dem Sie mit der Interaktion der Lage sein wollen Container im Browser. Dies ist in den Dokumenten, aber ich bin mir nicht sicher, ob es in den Leitfäden ist.