He probado hacer un mock o espiar el objeto document con Jest pero no me ha sido posible. Por ejemplo, tengo la siguiente clase:
export class MyClass {
create() {
const element = document.createElement('h1');
element.innerText = 'Hola mundo';
document.body.appendChild(element);
}
}
No pongo los detalles de implementación de la clase en el test porque es muy básico, se crea una instancia y se invoca al método create()
:
Metodo 1:
espiando el objeto document:
jest.spyOn(window.document, 'createElement').mockReturnValue({} as HTMLElement);
Esto produce el siguiente error:
"Exceeded timeout of 5000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout.
He probado usando solo "document" o incluso usando "global.document". Obtengo el mismo resultado.
Método 2:
Modificando (para el test) el prototipo del objeto "Document":
global.Document.prototype.createElement = jest.fn((tagName: string): any => {
tagName = tagName
}).mockReturnValue({} as HTMLElement);
expect(document.createElement).toHaveBeenCalledWith('h1');
Método 3:
Espiando el prototipo del objeto Document:
const spyCreateElement = jest.spyOn(global.Document.prototype, 'createElement');
expect(spyCreateElement).toHaveBeenCalledWith('script');
Me devuelve un falso positivo, porque lo que yo he creado ha sido un elemento de tipo "h1" no "script".
Alguien ha trabajado con el objeto Document? Gracias.