角度单位测试ngOnint

时间:2018-10-22 06:15:03

标签: angular unit-testing angular2-testing

测试平台的配置是

  TestBed.configureTestingModule({
            declarations: [ EditPersorgaComponent, ArrayFromIntPipe, TeamFilterPipe ],
            schemas: [ NO_ERRORS_SCHEMA ],
            imports: [  HttpClientModule, NgbModule.forRoot(), TranslateModule.forRoot({
                loader: {
                  provide: TranslateLoader,
                  useFactory: HttpLoaderFactory,
                  deps: [HttpClient]
                }
              })],
            providers: [
                { provide: Renderer2, useValue: renderer2Stub },
                { provide: NavigationService, useValue: navigationServiceStub },
                { provide: DatepickerFormater, useValue: datepickerFormaterStub },
                { provide: NgbModal, useValue: ngbModalStub },
                { provide: PersorgaService, useValue: persorgaServiceStub },
                { provide: ActivatedRoute, useValue: activatedRouteStub },
                { provide: ActionsSubject, useValue: actionsSubjectStub },
                { provide: ToasterService, useValue: toasterServiceStub },
                { provide: TranslateService, useValue: translateServiceStub },
                { provide: AppConfirmService, useValue: appConfirmServiceStub }
            ]
        });
        fixture = TestBed.createComponent(EditPersorgaComponent);
        comp = fixture.componentInstance;
    });

我想在Angular 2+中测试ngOninit

  ngOnInit() {
    this.navigationService.menuStore$.dispatch(new SetFromArray({
      widgetName: 'elementPersonalOrg', data: NavigationService.getMenuElement('elementPersonalOrg').sub
    }));

    this.selectedDate = this.dpFormatter.convertToNgbDateStruct(new Date());
  }

我尝试了单元测试

describe('ngOnInit', () => {
    it('makes expected calls', async( () => {
        const navigationServiceStub: NavigationService = fixture.debugElement.injector.get(NavigationService);
        spyOn(navigationServiceStub, 'menuStore$');
        comp.ngOnInit();
        expect(navigationServiceStub.menuStore$).toHaveBeenCalled();
    }));
});

我遇到类似的错误

  

TypeError:无法读取未定义的属性“ id”   失败:无法读取未定义的属性'debugElement'

有人可以帮我吗?谢谢你

1 个答案:

答案 0 :(得分:0)

在您的组件实例之后,您需要为组件在加载时需要的内容设置ID。这通常是在测试床配置完成之前的beforeEach之外进行的。

如果该页面的路由要求某种ID,则可能是这样,并且在配置测试台之前需要进行处理。没有看到您的组件,这很难回答。

查看您的组件,看看ininit加载了哪些项目。另外,我建议删除NO_ERRORS_SCHEMA。这将隐藏您可能不想隐藏的实际错误。

另一种可能性是在编译组件时进行计时。尝试将fakeAsync添加到首先包含TestBed配置的之前。

journalctl -xe