嗨,我正在尝试为具有可观察性的组件编写角度代码,但无法测试广播服务。我收到一条错误消息,说未调用该服务。我应该如何使用该服务?任何帮助,将不胜感激。谢谢。
这是我可观察到的部分:
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();
});
}));
答案 0 :(得分:0)
对不起,我读错了这个问题。 (响应已更新)。 我认为问题在于您正在测试可观察的服务。我认为您应该使用fakeAsync和tick进行测试。
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();
});
));
尝试一下是否可行。