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.