如何从规范文件 angular 7 中的组件访问 window object

Question

 export class HomeComponent { constructor() { } gettableaudata(){ this.windowTableau.api= window; this.windowTab = this.windowTableau.api.tableau; return this.windowTab; } }

I have been trying to access window object of my component in my spec file, but the property( window.tableau) I am interested in is coming out to be undefined

I tried storing the window.tableau in a local variable or a method inside a component and tried accessing in the spec file but it didn't work.

Answer 1

You can(or even, should) use a custom Provider for window and mock it:

In your TestBed:

const windowMock: Window = { 
    tableau: () => {doSomething()}
};


TestBed.configureTestingModule({
    providers: [
      ...
      { provide: 'Window', useValue: windowMock }
    ]
  });