Tôi mới biết đến Angular 2 (và Angular nói chung ...) và tôi thấy nó rất hấp dẫn. Tôi đang sử dụng Angular CLi để tạo và phục vụ các dự án. Nó dường như hoạt động tốt - mặc dù đối với các dự án học tập nhỏ của tôi, nó tạo ra nhiều hơn tôi cần - nhưng đó là điều được mong đợi.
Tôi đã nhận thấy rằng nó tạo ra spec.ts
cho từng thành phần Angular trong một dự án (Thành phần, Dịch vụ, Đường ống, v.v.). Tôi đã tìm kiếm xung quanh nhưng không tìm thấy lời giải thích về những tập tin này để làm gì.
Là những tập tin xây dựng thường được ẩn khi sử dụng tsc
? Tôi tự hỏi bởi vì tôi muốn thay đổi tên của một người nghèo Component
mà tôi đã tạo ra và phát hiện ra rằng tên đó cũng được tham chiếu trong các spec.ts
tệp này .
import {
beforeEach,
beforeEachProviders,
describe,
expect,
it,
inject,
} from '@angular/core/testing';
import { ComponentFixture, TestComponentBuilder } from '@angular/compiler/testing';
import { Component } from '@angular/core';
import { By } from '@angular/platform-browser';
import { PovLevelComponent } from './pov-level.component';
describe('Component: PovLevel', () => {
let builder: TestComponentBuilder;
beforeEachProviders(() => [PovLevelComponent]);
beforeEach(inject([TestComponentBuilder], function (tcb: TestComponentBuilder) {
builder = tcb;
}));
it('should inject the component', inject([PovLevelComponent],
(component: PovLevelComponent) => {
expect(component).toBeTruthy();
}));
it('should create the component', inject([], () => {
return builder.createAsync(PovLevelComponentTestController)
.then((fixture: ComponentFixture<any>) => {
let query = fixture.debugElement.query(By.directive(PovLevelComponent));
expect(query).toBeTruthy();
expect(query.componentInstance).toBeTruthy();
});
}));
});
@Component({
selector: 'test',
template: `
<app-pov-level></app-pov-level>
`,
directives: [PovLevelComponent]
})
class PovLevelComponentTestController {
}