AG-Grid gridReady 未在使用 Angular 和 Jest 的测试中调用

Posted 2023-03-28

【中文标题】AG-Grid gridReady 未在使用 Angular 和 Jest 的测试中调用

【英文标题】：AG-Grid gridReady not being called on tests with Angular and Jest

【发布时间】：2021-12-09 04:37:10

【问题描述】：

在 Jest 测试中未调用 Angular AG Grid 的 gridReady 方法。 你知道为什么吗？

这里有我的测试代码：

import TestBed from "@angular/core/testing";
import BrowserDynamicTestingModule, platformBrowserDynamicTesting from "@angular/platform-browser-dynamic/testing";
import AppComponent from "./app.component";
import FormsModule from "@angular/forms";
import AgGridModule from "ag-grid-angular";

describe('AG Grid', () => 
  it('calls grid ready', async()=> 
    TestBed.resetTestEnvironment();
    TestBed.initTestEnvironment(BrowserDynamicTestingModule,
      platformBrowserDynamicTesting());

    await TestBed.configureTestingModule(
      imports: [
        FormsModule,
        AgGridModule.withComponents([]),
      ],
      declarations: [AppComponent]
    ).compileComponents();

    const fixture = TestBed.createComponent(AppComponent);
    const component = fixture.componentInstance;

    fixture.detectChanges();
    expect(component.api).toBeDefined();
    expect(component.columnApi).toBeDefined();

  );
)

Here 你可以看到它的代码沙箱。 Here 是一个 GitHub 存储库。

【参考方案1】：

在fixture.detectChanges()之后使用await fixture.whenStable()解决了问题