How to test angular component with ag-grid

Question

I have an angular component which is using ag-grid . I created an empty test case which is failing with error can not read property includes of undefined .

Inside my component ts file I am using includes keyword only in once place. which is inside column definition object . below is that code.

cellClass: function (params) {
    return params.value.includes('Fail') ? 'status-fail' : null;
  }

Following is my unit test setup.

 beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [BannerComponent,CheckComponent,LinkComponent], imports: [ RouterTestingModule, FormsModule, HttpClientModule, BsDatepickerModule.forRoot(), DatepickerModule.forRoot(), AgGridModule.withComponents([CheckComponent,LinkComponent])], providers: [ { provide: BannerService, useClass: MockBannerService }, { provide: ActivatedRoute, useValue: {paramMap:of(convertToParamMap({Id: 1}))} } ], schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA] }) .compileComponents(); fixture = TestBed.createComponent(BannerComponent); component = fixture.componentInstance; fixture.detectChanges(); })); fit('should create', () => { fixture.detectChanges(); expect(component).toBeTruthy(); });

I am using mock service which is returning mock object list to display in grid. Inside ngOnInit method of component service is being called. mock list has all value for every property.

Not sure why params is undefined. Any suggestion?

Answer 1

我不确定如何但从描述中删除 fixture.detectchanges() 修复了我的问题。