Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了单元测试 – 使用构造函数参数测试Angular 2组件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个带有两个输入参数的Angular 2 Component:

@Component{... (omitted for clarity)}
export class someComponent {

@input() a: @R_262_10793@er
@input() b: @R_262_10793@er

}

当我想测试这个组件时,我有类似的东西:

beforeEach(async(() => {
    @R_675_8922@ed.configureTesTingModule({
      declarations: [
        someComponent,],})
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = @R_675_8922@ed.createComponent(someComponent);
    component = fixture.componenTinstance;
    fixture.detectChanges();
  });

createComponent调用不接受任何参数或允许我调用构造函数.如何为各种数值实例化/测试组件?

解决方法

正如JB Nizet指出的那样,当一个组件有@input参数时,你需要在beforeEach()中初始化它们:
“`

beforeEach(() => {
    fixture = @R_675_8922@ed.createComponent(someComponent);
    component = fixture.componenTinstance;
    component.a = 1;
    component.b = 2;
    fixture.detectChanges();
});

“`

大佬总结

以上是大佬教程为你收集整理的单元测试 – 使用构造函数参数测试Angular 2组件全部内容,希望文章能够帮你解决单元测试 – 使用构造函数参数测试Angular 2组件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。