Ich kann Codeabdeckung auf angular-cli nicht sehen neues Projekt

Question

Ich versuche, herauszufinden, wie Codeabdeckung mit @ angular/cli arbeiten zu erhalten, aber bis jetzt habe ich nicht viel Glück.

Ich begann ein neues Projekt mit eckigen CLI. Im Grunde war alles, was ich tat, ng new test-coverage und sobald alles in meinem neuen Projektordner installiert war, habe ich eine ng test --code-coverage. Die Tests wurden erfolgreich ausgeführt, aber im Browser wurde keine Codeabdeckung angezeigt.

Fehle ich einige Abhängigkeiten oder etwas anderes? Jede Hilfe wird geschätzt.

EDIT: R. Richards und Rachid Oussanaa Recht wurden, wird die Datei erzeugt bekommen und ich kann darauf zugreifen, indem Sie die index.html öffnen.

Jetzt frage ich mich, gibt es eine Möglichkeit, die ich in einen Knoten-Befehl integrieren könnte, so dass die Datei direkt nach den Tests geöffnet wird?

Answer 1

hier, was Sie tun können:

opn-cli installieren, die eine cli für das beliebte opn Paket ist, die ein plattformübergreifende Tool verwendet, um Dateien Anwendungen in ihrem Standard zu öffnen.

npm install -D opn-cli-D als dev Abhängigkeit zu installieren.

in package.json fügen Sie ein Skript unter scripts als

"scripts": { 
    ... 
    "test-coverage": "ng test --code-coverage --single-run && opn ./coverage/index.html" 
} 

jetzt npm run test-coverage laufen folgt diesem wird das Skript ausführen wir definiert. eine Erklärung dieses Skript hier ist:

• ng test --code-coverage --single-run werden Tests durchgeführt, mit Abdeckung, nur einmal, daher --single-run
• && führt grundsätzlich den zweiten Befehl, wenn die ersten
• opn ./coverage/index.html gelingt wird die Datei öffnen, unabhängig davon, Plattform.