[已解决]如何在模块ngDoBootstrap中测试Angular 自定义元素和做覆盖

发布于01月31日

我想要在我的模块中完成覆盖，但似乎可以找到一种方法来引用/监视 bootstrap 程序中的customElements.define.

prize :

如果能为useFactory的报道提供帮助，我们将不胜感激.
到目前为止，这项测试通过了.

  it('initializes', () => {
    const module: AppModule = TestBed.inject(AppModule);
    expect(module).toBeTruthy();
  });

  it('ngDoBootstrap', () => {
    const module: AppModule = TestBed.inject(AppModule);
    spyOn(module, "ngDoBootstrap");
    module.ngDoBootstrap();
    expect(module.ngDoBootstrap).toHaveBeenCalled();
  });

[RESOLVED]

推荐答案

[已解决]

describe("AppModule", () => {
  let fixture: ComponentFixture<AppComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [
        AppComponent,
      ],
      imports: [
        HttpClientModule,
        AppModule,
        RouterTestingModule.withRoutes(APP_ROUTES),
      ],
      providers: [
        DynamicComponentService,
        RouterHelperService,
        Router,
        Injector,
      ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
    }).compileComponents();

    fixture = TestBed.createComponent(AppComponent);

  });


  it("ngDoBootstrap", () => {
    const module: AppModule = TestBed.inject(AppModule);

    spyOn(module, "ngDoBootstrap").and.callFake(() => {
      const appModule = createCustomElement(AppComponent, {
        injector: TestBed.inject(Injector)
      })

      customElements.define("custom-element-name", appModule);
    }).and.callThrough();
    spyOn(customElements, "define");

    module.ngDoBootstrap();
    expect(module).toBeTruthy();
    expect(module.ngDoBootstrap).toHaveBeenCalled();
    expect(customElements.define).toHaveBeenCalled();

  })
})