Je suis nouveau sur Angular 2 (et sur Angular en général...) et je trouve ça très captivant. J'utilise Angular CLI pour générer et servir des projets. Cela semble fonctionner bien - bien que pour mes petits projets d'apprentissage, il produise plus que ce dont j'ai besoin - mais c'est normal.
J'ai remarqué qu'il génère des fichiers spec.ts
pour chaque élément Angular dans un projet (Composant, Service, Pipe, etc). J'ai cherché un peu mais je n'ai pas trouvé une explication de l'utilité de ces fichiers.
S'agit-il de fichiers de construction qui sont normalement cachés lors de l'utilisation de tsc
? Je me suis posé la question car je voulais changer le nom d'un Composant
mal nommé que j'avais créé et j'ai découvert que le nom était également référencé dans ces fichiers spec.ts
.
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) => {
let query = fixture.debugElement.query(By.directive(PovLevelComponent));
expect(query).toBeTruthy();
expect(query.componentInstance).toBeTruthy();
});
}));
});
@Component({
selector: 'test',
template: `
`,
directives: [PovLevelComponent]
})
class PovLevelComponentTestController {
}