Açısal 2 (ve genel olarak Açısal ...) konusunda yeniyim ve çok ilgi çekici buluyorum. Projeleri oluşturmak ve sunmak için Açısal CLi kullanıyorum . İyi çalışıyor gibi görünüyor - küçük öğrenme projelerim için ihtiyacımdan fazlasını üretiyor - ama bu beklenecek.
spec.tsBir projedeki her bir Açısal eleman (Bileşen, Servis, Boru vb.) İçin ürettiğini fark ettim . Etrafımda arama yaptım, ancak bu dosyaların ne için olduğunu açıklayamadım.
Bu derleme dosyaları normalde kullanıldığında gizli tscmi? ComponentOluşturduğum ve adın bu spec.tsdosyalarda da başvurulduğunu keşfettiğim kötü adlandırılmış bir adın adını değiştirmek istediğimi merak ettim .
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 {
}