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