0

这是我的测试文件，我正在尝试找出阻止我成功运行测试的错误：

    import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { Component, Directive, Input, OnInit } from '@angular/core';
import { TestComponent } from './test.component';
import { NgbDropdownModule, NgbCollapse } from '@ng-bootstrap/ng-bootstrap';
import { CommonModule } from '@angular/common';
import { Routes } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { NO_ERRORS_SCHEMA } from '@angular/core';

import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from '@angular/platform-browser-dynamic/testing';


let comp: TestComponent;
let fixture: ComponentFixture<MyComponent>;

describe('TestComponent', () => {
   beforeEach(() =>  {
      TestBed.configureTestingModule({
        declarations: [ TestComponent ],
        providers: [
           // DECLARE PROVIDERS HERE
          { provide: TestingCompilerFactory }
        ]
      }).compileComponents()
      .then(() => {
        fixture = TestBed.createComponent(TestComponent);
        comp    = fixture.componentInstance;
      });
    }));
    it('should be created', () => {
      expect(TestComponent).toBeTruthy();
    });

我收到这个错误，我猜是因为我没有正确包装它。 

error  TS1005: ';' expected.

但我也得到

No provider for TestingCompilerFactory
4

1 回答 1

0

首先修复你的语法错误1,2

beforeEach(() => {
  TestBed.configureTestingModule({
    declarations: [TestComponent],
    providers: [{ provide: TestingCompilerFactory }]
  })
  .compileComponents()
  .then(() => {
    fixture = TestBed.createComponent(TestComponent);
    comp = fixture.componentInstance;
  });
}); // excess `)` removed

现在，进入值得注意的错误

提供者可以采取两种形式。

第一个是既作为提供的值又作为注册它的键的值。这通常采用类的形式，如下例所示

const Dependency = class {};

@NgModule({
  providers: [Dependency]
}) export default class {}

第二个是一个对象，其provide属性指定注册提供程序的键，以及一个或多个附加属性指定所提供的值。一个简单的例子是

const dependencyKey = 'some key';
const Dependency = class {};

@NgModule({
  providers: [
    {
      provide: dependencyKey,
      useClass: Dependency
    }
  ]
}) export default class {}

从上面你可以推断出你没有指定 key 下提供的实际值TestingCompilerFactory。

要解决此写入

TestBed.configureTestingModule({
  declarations: [TestComponent],
  providers: [
      {
        provide: TestingCompilerFactory,
        useClass: TestingCompilerFactory
      }
    ]
})

这是多余的，可以替换为

TestBed.configureTestingModule({
  declarations: [TestComponent],
  providers: [TestingCompilerFactory]
})

如上所述。

笔记

  1. 以后不要发布包含如此明显错误的问题 - 而是自己修复它。

  2. 不要将两个问题合二为一。

于 2018-04-27T17:17:17.400 回答