测试广播服务 [英] Test Broadcast Service

问题描述

我正在尝试为具有可观察性的组件编写角度代码，但无法测试广播服务.我收到一条错误消息，说未调用该服务.我应该如何使用该服务?任何帮助，将不胜感激.谢谢.

Hi I am trying to write angular code for a component with an observable but I can't test the broadcast service. I get an error saying the service is not being called. How Should I access the service? Any help would be appreciated. Thank you.

这是我的组件，具有可观察性:

  ngOnInit(): void {

    this.subscription.add(
      this.broadcastService.subscribe('msal:acquireTokenSuccess', (payload) => {
        // do something here
        this.roleService.checkServerEventReviewers().subscribe(res => {
          this.userService.userDetails.role = res ? 'Data Steward' : 'Mosaic Consumer';
          if (this.isLoggedIn !== true) {
            const redirectUri = sessionStorage.getItem('redirectUri');
            if (redirectUri !== undefined || redirectUri !== null) {
              this.router.navigateByUrl(redirectUri);
            }
          }
          this.isLoggedIn = true;
};

这是我正在尝试的规格文件:

    describe('AppComponent', () => {
      beforeEach(() => {
       TestBed.configureTestingModule({
         imports: [RouterTestingModule],
         declarations: [AppComponent],
         providers: [WindowService, HttpClient, RoleService, UserService, HttpHandler, BroadcastService, MsalService,
        {
          provide: MSAL_CONFIG,  // MsalService needs config, this provides it.
          useFactory: () => ({   // Note this is an arrow fn that returns the config object
            redirectUri: window.location.origin + '/',
            clientID: mockData.clientID,
          }),
        }],
      schemas: [CUSTOM_ELEMENTS_SCHEMA]
    }).compileComponents();
  });

  describe(':', () => {
    function setup() {
      const fixture = TestBed.createComponent(AppComponent);
      const app = fixture.debugElement.componentInstance;
      const compiled = fixture.debugElement.nativeElement;
      return {fixture, app, compiled};
    }

    it("Role should be Data Steward", fakeAsync (() => {
    const fn = 'msal:acquireTokenSuccess';
    const subscription = new Subscription();
    const fixture = TestBed.createComponent(AppComponent);
    const app = fixture.debugElement.componentInstance;
    const spyOnBS = spyOn(app.broadcastService,'subscribe');
    const roleServiceCall = 
    spyOn(app.roleService,'checkServerEventReviewers');
    app.ngOnInit();
    tick();
    fixture.whenStable().then(() => {
      expect(spyOnBS).toHaveBeenCalled();
      expect(roleServiceCall).toHaveBeenCalled();
});
}));

推荐答案

对不起，我读错了这个问题. (响应已更新). 我认为问题在于您正在测试可观察的服务.我认为您应该使用 fakeAsync 和

Sorry, I read wrong the issue. (Response Updated). I think that the problem is that you are testing an observable service. I think that you should use fakeAsync and tick to test it.

    describe('AppComponent', () => {
      beforeEach(() => {
       TestBed.configureTestingModule({
         imports: [RouterTestingModule],
         declarations: [AppComponent],
         providers: [WindowService, HttpClient, RoleService, UserService, HttpHandler, BroadcastService, MsalService,
        {
          provide: MSAL_CONFIG,  // MsalService needs config, this provides it.
          useFactory: () => ({   // Note this is an arrow fn that returns the config object
            redirectUri: window.location.origin + '/',
            clientID: mockData.clientID,
          }),
        }],
      schemas: [CUSTOM_ELEMENTS_SCHEMA]
    }).compileComponents();
  });

  describe(':', () => {
    function setup() {
      const fixture = TestBed.createComponent(AppComponent);
      const app = fixture.debugElement.componentInstance;
      const compiled = fixture.debugElement.nativeElement;
      return {fixture, app, compiled};
    }

    it('Init with QA environment', fakeAsync(() => {
      const {app} = setup();
      spyOnBS = spyOn(app.broadcastService,'subscribe');
      spyOn(app.authService, 'getUser').and.returnValue(mockData.userDetails);
      spyOn(app.authService, 'acquireTokenSilent').and.returnValue('msal:acquireTokenSuccess');
      app.ngOnInit();
      tick();
      fixture.detectChanges();
      fixture.whenStable().then(() => {
          expect(spyOnBS).toHaveBeenCalled();
      });
    ));

尝试一下是否可行.

这篇关于测试广播服务的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！