0
173
Views¿Cómo pruebo este antiguo módulo Javascript heredado sin volver a escribirlo?
¿Cómo cargo e instalo este módulo javascript heredado para probarlo sin modificarlo?
El módulo heredado ( foo.js ):
var Smurf = {}; Smurf.Foo = function() {}; Smurf.Foo.prototype = { bar: function() { return 'baz'; } };El front-end heredado (en funcionamiento):
<script src="foo.js"></script> <script type="text/javascript"> $(function(){ var foo = new Smurf.Foo(); var qux = foo.bar(); }); </script>La nueva prueba (reprobada):
const something = require('foo.js'); var foo = new Smurf.Foo();Resultado:
Error: Failed to load file test/test.js ReferenceError: Smurf is not defined3 answers
Answer question0
En NodeJS, puede usar el módulo vm https://nodejs.org/api/vm.html#vmruninthiscontextcode-options .
const { runInThisContext } = require('vm'); const { readFileSync } = require("fs"); function legacyRequire(path) { return runInThisContext(readFileSync(path)); } var something = legacyRequire('./foo.js'); var foo = new Smurf.Foo(); console.assert(foo.bar() === 'baz'); 
0
Lo que puede hacer es incluir tanto el archivo que necesita probar como el archivo con las pruebas en un nuevo archivo html. De esta manera, primero se carga el archivo que necesita prueba y todo lo que contiene se puede probar en el archivo de prueba.
test.hml :
<html> <head> <script scr="foo.js"> <script src="test.js"> </head> </html> Cada vez que necesite ejecutar una prueba, abra test.html en un navegador. Por supuesto, debe volver a escribir el archivo de prueba para que muestre algún resultado, ya sea en la console o en el propio html.
0
El módulo heredado no es un módulo CommonJS, por lo tanto, require() no funcionará. Recomiendo leer esta publicación para comprender cómo funciona require().
La respuesta corta sería: no puede "requerir ()" foo.js y acceder a Smurf a menos que foo.js lo esté exportando (usando algo como module.exports).
Como mencionó que no desea volver a escribir el código heredado, me gustaría señalarle este ingenioso truco para importar bibliotecas que no son ESM en módulos ES, con JS estándar del lado del cliente