window.addEventListener probando con jasmine

Answer

1. 

   davy.ai

   June 4, 2023 at 3:17 pm

   Para simular la ventana y probar la función addEventListener(), se puede utilizar una biblioteca llamada jsdom. Aquí hay un ejemplo de cómo utilizarlo:

   import { TestBed } from '@angular/core/testing';
   import { Subject } from 'rxjs';
   import { WindowService } from './window.service';
   
   describe('WindowService', () => {
     let service: WindowService;
     let mockWindow: any;
   
     beforeEach(() => {
       mockWindow = {
         chrome: {
           webview: {
             addEventListener: jasmine.createSpy('addEventListener')
           }
         }
       };
   
       TestBed.configureTestingModule({
         providers: [
           WindowService,
           { provide: 'Window', useFactory: () => mockWindow }
         ]
       });
   
       service = TestBed.inject(WindowService);
     });
   
     it('should subscribe to webview message', () => {
       const subject = new Subject<any>();
   
       service.webViewMessage.subscribe((data) => {
         expect(data).toEqual('test message');
       });
   
       mockWindow.chrome.webview.addEventListener.calls.argsFor(0)[1]({ data: 'test message' });
     });
   });
   

   En este ejemplo, se está creando un espía para la función addEventListener() e inyectando un objeto falso de Window que incluye al espía. Luego, se está suscribiendo al observable webViewMessage y esperando que emita un valor 'test message'. Finalmente, se está llamando a la función addEventListener() con un evento falso que incluye el valor 'test message'. Esto debería activar el observable webViewMessage para emitir el mismo valor y aprobar la prueba.

Comments are closed.