En mi aplicación StencilJs estoy escribiendo pruebas usando Jest. Tengo una clase de componente que usa la clase de servicio para realizar llamadas REST. Para simplificar aquí, la clase de servicio solo tiene un método que imprime algo de texto:
La clase de componente:
import {sayHello} from './helloworld-service'; @Component({ tag: 'comp-home', styleUrl: 'comp-home.scss', shadow: false, scoped: true }) export class MyComponent { public callHelloWorldService () { return sayHello();} }
La clase de servicio se ve así:
export function sayHello () { return "Hello!"; }Solo tiene una función y quiero simular esta función en mi método de prueba, que es el siguiente:
jest.mock('../helloworld/helloworld-service', () => ({ sayHello: jest.fn() })); import { sayHello } from '../helloworld/helloworld-service'; const mockSayHello = sayHello as jest.Mock; describe('mycomp-tests', () => { let compInstance; beforeEach(() => { mockSayHello.mockClear(); compInstance = new MyComponent(); }); afterEach(() => { jest.clearAllMocks(); }); it('should return mock value', () => { mockSayHello.mockReturnValue("yahoo"); expect(compInstance.callHelloWorldService()).toBe("yahoo"); });He usado este tutorial para escribir los simulacros.
Ahora, el problema al que me enfrento es que si llamo al método de servicio simulado directamente en la prueba, se llama a la instancia simulada y la prueba pasa:
it('should return mock value', () => { mockSayHello.mockReturnValue("yahoo"); expect(compInstance.callHelloWorldService()).toBe("yahoo"); });Pero si llamo al método de servicio a través de mi componente, entonces se llama al método original en el servicio en lugar del método simulado y la prueba falla:
it('should return mock value', () => { mockSayHello.mockReturnValue("yahoo"); expect(compInstance.callHelloWorldService()).toBe("yahoo");//Fails ,return value is Hello ! });¿Cómo puedo asegurarme de que los componentes también llamen a los métodos simulados? Este comportamiento es necesario para simular llamadas REST en la prueba, etc.
Me burlé de funciones como esta en pruebas unitarias de plantilla.
import * as HelloworldService from '../helloworld/helloworld-service'; HelloworldService.sayHello = jest.fn().mockReturnValue("yahoo");