角度测试失败，无法对“XMLHttpRequest”执行“send”

Question

我正在尝试测试我的角度4.1.0组件-

export class CellComponent implements OnInit {
  lines: Observable<Array<ILine>>;
  @Input() dep: string;
  @Input() embedded: boolean;
  @Input() dashboard: boolean;
  constructor(
    public dataService: CellService,
    private route: ActivatedRoute,
    private router: Router, private store: Store<AppStore>) {
  }
}

然而，一个简单的“应该创建”测试抛出了这个神秘的错误...

NetworkError:未能对“XMLHttpRequest”执行“send”：未能加载“ng:///DynamicTestModule/module.ngfactory.js”。

所以我发现了这个问题，这表明问题是组件有 @Input）_ 参数未设置，但是，如果我像这样修改我的测试：

  it('should create', inject([CellComponent], (cmp: CellComponent) => {
    cmp.dep = '';
    cmp.embedded = false;
    cmp.dashboard = false;
    expect(cmp).toBeTruthy();
  }));

同样，如果我从组件中移除< code>@Input()注释，仍然没有区别。我怎样才能通过这些测试？

Answer 1

对于我的情况，存在模拟数据问题，而在 Array 的情况下，我从模拟中返回字符串。

someApi = fixture.debugElement.injector.get(SomeApi);
spyOn(someApi, 'someMethod')
  .and.returnValue(Observable.of('this is not a string but array'));

错误消息确实分散了注意力，并没有告诉实际错误。运行ng测试--source=false指出了正确的错误和行，并帮助我快速修复了它。

很多时候，当您模拟的数据不完整或不正确时，就会发生这种情况。

Answer 2

我在使用angualar cli 6时遇到了同样的问题，我使用了这个标记来获得正确的错误消息:

ng test --source-map=false

也许会对某个人有帮助:)。

Answer 3

这是新 Angular CLI 的问题。使用 --sourcemaps=false 运行测试，您将获得正确的错误消息。

在这里查看详细信息：https://github.com/angular/angular-cli/issues/7296

编辑:

对此的简写是:

ng 测试 -sm=假

从角6开始，命令是：

< code > ng test-source-map = false