Angular 4 - 失败 : Can't resolve all parameters for ActivatedRoute: (?，？，？，？，？，？，？，？)

Question

我已经引用了以下链接来获得答案，但我找不到适合我的场景的任何有效解决方案。 Error: (SystemJS) Can't resolve all parameters for ActivatedRoute: (?, ?, ?, ?, ?, ?, ?, ?)

因此，我一直在尝试从提供者那里移除 Activated Route，但测试平台仍然没有通过。它显示

Error: No provider for ActivatedRoute!

这是我的代码，我想在使用 Jasmine 的 Angular 应用程序中运行我的测试平台。

import { ActivatedRoute } from '@angular/router';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterModule, Routes } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';

describe('SomeComponent', () => {
  let component: SomeComponent;
  let fixture: ComponentFixture<SomeComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({ 
      imports: [ RouterModule, RouterTestingModule ],
      declarations: [ SomeComponent ],
      providers: [ ActivatedRoute ],
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(SomeComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

获取错误

Answer 1

您想向您的组件注入(inject)一个伪造的 ActivatedRoute，因为您在测试中自己创建了它，因此路由器不会为您创建它并注入(inject)一个 ActivatedRoute。所以你可以使用这样的东西:

describe('SomeComponent', () => {

  const fakeActivatedRoute = {
    snapshot: { data: { ... } }
  } as ActivatedRoute;

  beforeEach(async(() => {
    TestBed.configureTestingModule({ 
      imports: [ RouterTestingModule ],
      declarations: [ SomeComponent ],
      providers: [ {provide: ActivatedRoute, useValue: fakeActivatedRoute} ],
    })
    .compileComponents();
  }));
});