Angular CLI - lệnh kiểm tra ng

Cú pháp

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

chạy thử nghiệm các trường hợp kiểm thử đơn vị trên mã ứng dụng góc. Tùy chọn là các tham số tùy chọn.

Tranh luận

Sr.No. Đối số & Cú pháp Sự miêu tả
1 <dự án> Tên của dự án để kiểm tra.

Tùy chọn

Sr.No. Tùy chọn & Cú pháp Sự miêu tả
1 --b browser = trình duyệt Ghi đè các thử nghiệm trình duyệt được chạy.
2 --codeCoverage = true | false

Xuất một báo cáo phạm vi mã.

Mặc định: false

3 --codeCoverageExclude Globs để loại trừ khỏi phạm vi mã.
4 --configuration = cấu hình

Mục tiêu xây dựng được đặt tên, như được chỉ định trong phần "cấu hình" của angle.json. Mỗi mục tiêu được đặt tên kèm theo một cấu hình của các tùy chọn mặc định cho mục tiêu đó. Đặt điều này sẽ ghi đè rõ ràng cờ "--prod"

Bí danh: -c

5 --help = true | false | json | JSON

Hiển thị thông báo trợ giúp cho lệnh này trong bảng điều khiển.

Mặc định: false

6 --bao gồm

Các tập tin cần bao gồm, liên quan đến không gian làm việc hoặc gốc dự án. Có 2 trường hợp đặc biệt -

  • khi đường dẫn đến thư mục được cung cấp, tất cả các tệp đặc tả có đuôi ".spec. @ (ts | tsx)" sẽ được đưa vào.

  • khi đường dẫn đến tệp được cung cấp và tệp đặc tả phù hợp tồn tại, nó sẽ được đưa vào thay thế.

7 --karmaConfig = karmaConfig Tên của tệp cấu hình Karma.
số 8 --main = chính Tên của tệp điểm vào chính.
9 --poll Bật và xác định khoảng thời gian xem cuộc thăm dò ý kiến ​​theo mili giây.
10 --polyfills = polyfills Tên của tệp polyfills.
11 --preserveSymlinks = true | false

Không sử dụng đường dẫn thực khi giải quyết các mô-đun.

Mặc định: false

12 --prod = true | false Viết tắt của "--configuration = production". Khi đúng, hãy đặt cấu hình bản dựng thành mục tiêu sản xuất. Theo mặc định, mục tiêu sản xuất được thiết lập trong cấu hình không gian làm việc sao cho tất cả các bản dựng đều sử dụng tính năng đóng gói, hạn chế rung cây và cũng hạn chế loại bỏ mã chết.
13 --progress = true | false Ghi tiến trình vào bảng điều khiển trong khi xây dựng.
13 --progress = true | false Ghi tiến trình vào bảng điều khiển trong khi xây dựng.
14 --những phóng viên Karma phóng viên để sử dụng. Trực tiếp truyền cho người chạy nghiệp chướng.
15 --sourceMap = true | false

Bản đồ nguồn đầu ra.

Mặc định: true

16 --tsConfig = tsConfig Tên của tệp cấu hình TypeScript.
17 --watch = true | false Chạy bản dựng khi tệp thay đổi.
18 --webWorkerTsConfig = webWorkerTsConfig Cấu hình TypeScript cho mô-đun Web Worker.

Đầu tiên chuyển đến một dự án góc được cập nhật bằng lệnh ng build .

Bây giờ chạy lệnh kiểm tra.

Thí dụ

\>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

Bây giờ để khắc phục sự cố, hãy cập nhật 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();
   });
});

Bây giờ chạy lệnh kiểm tra.

Thí dụ

\>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 kiểm tra cũng mở trình duyệt và hiển thị trạng thái kiểm tra.