测试角度2组件不起作用

Question

由于我是angular 2的新手，所以我从git https://github.com/AngularClass/angular-starter克隆了一个项目

并对其进行更改。 我向其中添加了文件夹标题和三个文件，并分别在app.module.ts，app.component.ts和app.route.ts中进行了更改。

        banner (folder name)

        banner.component.ts

    import { Component } from '@angular/core';

    @Component({
      selector: 'app-banner',
      template: '<h1>{{title}}</h1>'
    })
    export class BannerComponent {
     public title = 'Test Tour of Heroes';
    }
        banner.component.spec.ts

    import { ComponentFixture, TestBed } from '@angular/core/testing';
    import { By } from '@angular/platform-browser';
    import { DebugElement } from '@angular/core';
    import { BannerComponent } from './banner.component';

    describe('BannerComponent', () => {

      let comp: BannerComponent;
      let fixture: ComponentFixture<BannerComponent>;
      let de: DebugElement;
      let el: HTMLElement;

      beforeEach(() => {
        TestBed.configureTestingModule({
          declarations: [ BannerComponent ], // declare the test component
        });

        fixture = TestBed.createComponent(BannerComponent);

        comp = fixture.componentInstance; // BannerComponent test instance

        // query for the title <h1> by CSS element selector
        de = fixture.debugElement.query(By.css('h1'));
        el = de.nativeElement;
      });
    });

        index.ts
    export * from './banner.component';

当我通过npm start命令运行项目时，它会显示组件，但是当我使用npm test ，它不会测试模块。 我已经按照惯例为考试命名。 因此，请帮助测试我的模块。