Estoy intentando importar un módulo CommonJS (KeyboardJS) en algunas pruebas que he escrito en un módulo ES.
Aquí está mi código de prueba para darle una idea:
import { JSDOM } from 'jsdom' import assert from 'assert' import keyboardjs from 'keyboardjs' // <-- this line throws an error // create mocked window object const window = new JSDOM().window const document = window.document // pass this to keyboardjs? keyboardjs.watch(document)Y aquí está el error:
Error: Cannot find window functions addEventListener or attachEvent. at Keyboard.watch (./node_modules/keyboardjs/dist/keyboard.js:614:19) at Keyboard.setContext (./node_modules/keyboardjs/dist/keyboard.js:587:14) at new Keyboard (./node_modules/keyboardjs/dist/keyboard.js:439:12) at ./node_modules/keyboardjs/dist/keyboard.js:1076:18 at ./node_modules/keyboardjs/dist/keyboard.js:2:83 at Object.<anonymous> (./node_modules/keyboardjs/dist/keyboard.js:5:2) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at ModuleWrap.<anonymous> (internal/modules/esm/translators.js:199:29) at ModuleJob.run (internal/modules/esm/module_job.js:152:23) at async Loader.import (internal/modules/esm/loader.js:166:24) at async formattedImport (./node_modules/mocha/lib/nodejs/esm-utils.js:7:14) at async Object.exports.requireOrImport (./node_modules/mocha/lib/nodejs/esm-utils.js:48:32) at async Object.exports.loadFilesAsync (./node_modules/mocha/lib/nodejs/esm-utils.js:88:20) at async singleRun (./node_modules/mocha/lib/cli/run-helpers.js:125:3) at async Object.exports.handler (./node_modules/mocha/lib/cli/run.js:374:5) Parece que keyboardjs está intentando acceder al objeto de la window mientras está cargado , lo que por supuesto no puede funcionar ya que lo estoy cargando en algún código de prueba.
¿Hay alguna forma especial de importarlo sin desencadenar este comportamiento?
Pude hacer que esto funcionara usando importaciones dinámicas .
Puede usar una función de import , que devuelve una Promesa para cuando se importa el módulo.
JSDOM se puede importar primero y luego se puede usar para crear un objeto de ventana incrustado que luego agregamos al alcance global.
Luego, podemos importar keyboardjs usando el mismo mecanismo.
Aquí está aproximadamente el código con el que terminé:
// import JSDOM first import('jsdom').then(async module => { const window = new module.JSDOM().window // now set the global window object to the JSDOM window globalThis.window = window // _now_ import keyboardjs const keyboardjs = await import('keyboardjs') const document = window.document return { keyboardjs, document } }).then(({ keyboardjs, document }) => { // test code goes here, and can use keyboardjs and document })