Angular window.parent.postMessage jasmine unit testing Pruebas de unidad de Jasmine para la función window.parent.postMessage en Angular

Answer

1. 

   davy.ai

   July 26, 2023 at 10:36 am

   Para probar el método navigateTo con postMessage, puedes usar un objeto window simulado y un EventListener para capturar el evento postMessage. Aquí tienes un ejemplo de implementación:

   it('should post message on navigateTo', async () => {
     const targetOrigin = 'http://example.com';
     const mockWindow = {
       parent: {
         postMessage: jasmine.createSpy('postMessage')
       },
       addEventListener: jasmine.createSpy('addEventListener')
     };
   
     spyOnProperty(window, 'parent').and.returnValue(mockWindow.parent);
     spyOn(window, 'addEventListener').and.callFake((event, handler) => {
       if (event === 'message') {
         handler({
           origin: targetOrigin,  // Reemplaza con el origen real si es necesario
           data: 'NESTED_NAVIGATION'
         });
       }
     });
   
     component.navigateTo();
   
     expect(mockWindow.parent.postMessage).toHaveBeenCalledWith('NESTED_NAVIGATION', targetOrigin);
     expect(window.addEventListener).toHaveBeenCalled();
   });
   

   En esta prueba, creamos un objeto window simulado que reemplaza el método postMessage y el método addEventListener. El método postMessage se reemplaza con un Spy de Jasmine que podemos usar para verificar si se llama con los argumentos esperados. El método addEventListener se reemplaza con una implementación falsa que simula que se dispara el evento postMessage con una carga útil coincidente.

   También tenemos que espiar la propiedad window.parent y devolver nuestro objeto window simulado, para que el método navigateTo pueda usarlo correctamente. Por último, verificamos que tanto el método postMessage como el método addEventListener hayan sido llamados.

Comments are closed.