Angular CLI生成的“spec.ts”文件用于什么？

Question

在使用tsc时，这些构建文件是否通常被隐藏？我之所以感到疑惑，是因为我想更改我创建的一个名称不佳的组件的名称，并发现这些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<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 {
}

Answer 1

规范文件是源文件的单元测试。Angular应用程序的惯例是每个.ts文件都有一个.spec.ts文件。当您使用ng test命令时，它们是通过Karma测试运行程序(https://karma-runner.github.io/）使用Jasmine javascript测试框架运行的。

你可以用它来进一步阅读：

https://angular.io/guide/testing