角度测试:覆盖使用模板而不是模板 URL

Question

我有一个包含iframe的组件。为了防止在测试中从 iframe 加载不存在的 URL，我想模拟组件的模板。我以为我可以用TestBed.overrideComponent()来做到这一点，但它没有效果。测试运行时，我可以看到原始模板存在，并且 iframe 加载不存在的 url。

我尝试过：

fixture = TestBed.overrideComponent(IFrameComponent, {
remove: {
templateUrl: './iframe.component.html'
},
add: {
template: '<div></div>'
}
}).createComponent(IFrameComponent);

如何覆盖组件以使用template而不是templateUrl？

Answer 1

它对我不起作用的原因是我在compileComponents()后打电话给TestBed.overrideComponent().

正确的顺序是这样的：

TestBed.configureTestingModule({
declarations: [IFrameComponent]
}).overrideComponent(IFrameComponent, {
remove: {
templateUrl: './iframe.component.html'
},
add: {
template: '<div data-test-iframe="iframe"></div>'
}
}).compileComponents();
fixture = TestBed.createComponent(IFrameComponent);