Perintah uji CLI-ng Angular

Sintaksis

ng test <project> [options]
ng t <project> [options]

ng tes menjalankan kasus uji unit pada kode aplikasi sudut. Opsi adalah parameter opsional.

Argumen

Sr.No.	Argumen & Sintaks	Deskripsi
1	<proyek>	Nama proyek yang akan diuji.

Pilihan

Sr.No.	Opsi & Sintaks	Deskripsi
1	--browsers = browser	Mengganti pengujian browser yang dijalankan.
2	--codeCoverage = true \| false	Keluarkan laporan cakupan kode. Default: salah
3	--codeCoverageExclude	Glob untuk dikecualikan dari cakupan kode.
4	--configuration = konfigurasi	Target build bernama, seperti yang ditentukan di bagian "konfigurasi" di angular.json. Setiap target bernama disertai dengan konfigurasi default opsi untuk target itu. Menyetel ini secara eksplisit menimpa tanda "--prod" Alias: -c
5	--help = true \| false \| json \| JSON	Menampilkan pesan bantuan untuk perintah ini di konsol. Default: salah
6	--termasuk	Gumpalan file yang akan disertakan, relatif terhadap ruang kerja atau root proyek. Ada 2 kasus khusus - ketika jalur ke direktori disediakan, semua file spesifikasi yang berakhiran ".spec. @ (ts \| tsx)" akan disertakan. ketika jalur ke file disediakan, dan file spesifikasi yang cocok ada, itu akan disertakan.
7	--karmaConfig = karmaConfig	Nama file konfigurasi Karma.
8	--main = main	Nama file titik masuk utama.
9	--pemilihan	Mengaktifkan dan menentukan periode waktu polling menonton file dalam milidetik.
10	--polyfills = polyfills	Nama file polyfills.
11	--preserveSymlinks = true \| false	Jangan gunakan jalur nyata saat menyelesaikan modul. Default: salah
12	--prod = true \| false	Singkatan dari "--configuration = production". Jika true, setel konfigurasi build ke target produksi. Secara default, target produksi disiapkan dalam konfigurasi ruang kerja sehingga semua build menggunakan bundling, penggoyangan pohon terbatas, dan juga penghapusan kode mati yang terbatas.
13	--progress = true \| false	Catat kemajuan ke konsol sambil membangun.
13	--progress = true \| false	Catat kemajuan ke konsol sambil membangun.
14	--porter	Reporter Karma untuk digunakan. Langsung diteruskan ke pelari karma.
15	--sourceMap = true \| false	Output peta sumber. Default: benar
16	--tsConfig = tsConfig	Nama file konfigurasi TypeScript.
17	--watch = true \| false	Jalankan build saat file berubah.
18	--webWorkerTsConfig = webWorkerTsConfig	Konfigurasi TypeScript untuk modul Web Worker.

Pindah pertama ke proyek sudut yang diperbarui menggunakan perintah build ng .

Sekarang jalankan perintah tes.

Contoh

\>Node\>TutorialsPoint> ng test
...
WARN: ''app-goals' is not a known element:
1. If 'app-goals' is an Angular component, then verify that it is part of this module.
2. If 'app-goals' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.'
Chrome 83.0.4103 (Windows 7.0.0): Executed 0 of 4 SUCCESS (0 secs / 0 secs)
...
AppComponent should render title FAILED
   TypeError: Cannot read property 'textContent' of null
      at <Jasmine>
      at UserContext.<anonymous> (http://localhost:9876/_karma_webpack_/src/app/app.component.spec.ts:33:51)
            ...
Chrome 83.0.4103 (Windows 7.0.0): Executed 1 of 4 (1 FAILED) (0 secs / 0.203 secs)
...
Chrome 83.0.4103 (Windows 7.0.0): Executed 2 of 4 (1 FAILED) (0 secs / 0.221 secs)
...
Chrome 83.0.4103 (Windows 7.0.0): Executed 4 of 4 (1 FAILED) (0 secs / 0.244 sec
Chrome 83.0.4103 (Windows 7.0.0): Executed 4 of 4 (1 FAILED) (0.282 secs / 0.244
 secs)
TOTAL: 1 FAILED, 3 SUCCESS

Sekarang untuk memperbaiki kegagalan, perbarui app.component.spec.ts

app.component.spec.ts

import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';

describe('AppComponent', () => {
   beforeEach(async(() => {
      TestBed.configureTestingModule({
         imports: [
            RouterTestingModule
         ],
         declarations: [
            AppComponent
         ],
      }).compileComponents();
   }));

   it('should create the app', () => {
      const fixture = TestBed.createComponent(AppComponent);
      const app = fixture.componentInstance;
      expect(app).toBeTruthy();
   });
});

Sekarang jalankan perintah tes.

Contoh

\>Node\>TutorialsPoint> ng test
...
WARN: ''app-goals' is not a known element:
1. If 'app-goals' is an Angular component, then verify that it is part of this m
odule.
2. If 'app-goals' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@
NgModule.schemas' of this component to suppress this message.'
Chrome 83.0.4103 (Windows 7.0.0): Executed 1 of 2 SUCCESS (0 secs / 0.053 secs)
...
Chrome 83.0.4103 (Windows 7.0.0): Executed 2 of 2 SUCCESS (0.097 secs / 0.073 se
cs)
TOTAL: 2 SUCCESS

ng test juga membuka browser dan menampilkan status test.