la prueba unitaria genera un error debido a que .getContext() no está implementado

Estoy escribiendo pruebas usando Jest para componentes que usan elementos de lienzo. Sigo recibiendo un error cuando ejecuto mis pruebas que se ve así.

Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)

Según tengo entendido, Jest usa jsdom para sus pruebas y ese jsdom es compatible con canvas si instala los paquetes canvas o canvas preconstruidos.

He intentado instalar cada uno de estos paquetes y ninguno de ellos ha resuelto el error. Lo único que creo que podría estar saliendo mal es que jsdom no puede encontrar los paquetes canvas o canvas preconstruidos. ¿Alguien sabe una forma de corregir este error o probar para ver si jsdom está encontrando los otros paquetes? ¡Muchas gracias!

Mi equipo está usando create-react-app y anteriormente habíamos abordado este problema agregando el paquete npm jest-canvas-mock. Ahora, después de actualizar a react-scripts 3.4.1, también tuvimos que agregar una importación específica a nuestro src/setupTests.ts archivo:

import 'jest-canvas-mock';

Puede crear su propia simulación de la función en un script de configuración de broma

HTMLCanvasElement.prototype.getContext = () => { 
  // return whatever getContext has to return
};

Tuve un problema similar con mis pruebas de Jest y lo resolví instalando broma-lienzo-simulacro.

Lo he solucionado instalando broma-lienzo-simulacro

npm i --save-dev jest-canvas-mock

Y agregando esta configuración en package.json

{
  "jest": {
    "setupFiles": [
      "jest-canvas-mock"
    ],
  }
}

Ambas respuestas anteriores funcionan. Sin embargo, solo quería agregar que en el caso de crear-reaccionar-aplicación, no admite los ‘archivos de configuración’ requeridos por jest conf en package.json para jest-canvas-mock.

Lo solucioné agregando la declaración de importación en cada uno de los archivos de prueba que invocaban el elemento canvas (en mi caso, 3). Luego, moví la declaración de importación al archivo setupTests.js y también eliminé ese requisito.

puede crearlo como simulacro y no instalar un nuevo paquete:

HTMLCanvasElement.prototype.getContext = jest.fn();

Experimenté el mismo problema usando react-scripts 3.0.1 y lo resolvió instalando jest-canvas-mock como un dev dependencia e importarla (import 'jest-canvas-mock') en mi archivo app.test.js (de donde obtuve ese error) solo como importándolo en setupTests.js importaría innecesariamente el paquete en cada archivo de prueba.