Soy nuevo en Angular 2 (y Angular en general ...) y lo encuentro muy atractivo. Estoy usando Angular CLi para generar y servir proyectos. Parece funcionar bien, aunque para mis pequeños proyectos de aprendizaje, produce más de lo que necesito, pero eso es de esperar.
Me di cuenta de que se genera spec.ts
para cada elemento angular en un proyecto (Componente, Servicio, Tubería, etc.). He buscado pero no he encontrado una explicación de para qué sirven estos archivos.
¿Son estos archivos de compilación que normalmente están ocultos al usar tsc
? Me preguntaba porque quería cambiar el nombre de un mal nombrado Component
que había creado y descubrí que el nombre también se mencionaba en estos spec.ts
archivos.
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 {
}