如何测试这个非常古老的遗留 Javascript 模块而不重写它？

发布于 2025-01-15 04:58:57 字数 660 浏览 1 评论 0原文

如何加载并实例化这个旧版 javascript 模块以进行测试而不对其进行修改？

遗留模块 (foo.js)：

var Smurf = {};

Smurf.Foo = function() {};
Smurf.Foo.prototype = {
    bar: function() {
        return 'baz';
    }
};

遗留前端（工作）：

<script src="foo.js"></script>

<script type="text/javascript">
$(function(){
    var foo = new Smurf.Foo();
    var qux = foo.bar();
});
</script>

新测试（失败）：

const something = require('foo.js');
var foo = new Smurf.Foo();

结果：

Error: Failed to load file test/test.js
ReferenceError: Smurf is not defined

原文

How do I load and instantiate this legacy javascript module for testing, without modifying it?

The legacy module (foo.js):

var Smurf = {};

Smurf.Foo = function() {};
Smurf.Foo.prototype = {
    bar: function() {
        return 'baz';
    }
};

The legacy front-end (working):

<script src="foo.js"></script>

<script type="text/javascript">
$(function(){
    var foo = new Smurf.Foo();
    var qux = foo.bar();
});
</script>

The new test (failing):

const something = require('foo.js');
var foo = new Smurf.Foo();

Result:

Error: Failed to load file test/test.js
ReferenceError: Smurf is not defined

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

亣腦蒛氧 2025-01-22 04:58:57

在 NodeJS 中，您可以使用 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');

In NodeJS, you can use the vm module 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 原文

厌倦 2025-01-22 04:58:57

您可以做的是将需要测试的文件和包含测试的文件都包含在新的 html 文件中。这样，首先加载需要测试的文件，并且可以在测试文件中测试其中的所有内容。

test.hml：

<html>
    <head>
        <script scr="foo.js">
        <script src="test.js">
    </head>
</html>

每次需要运行测试时，在浏览器中打开test.html。当然，您需要重写测试文件，以便它在控制台或 html 本身中显示一些输出。

What you can do is include both the file you need to test and the file with the tests in a new html file. This way, first the file that needs testing is loaded and everything it has in it can be tested in the test file.

test.hml:

<html>
    <head>
        <script scr="foo.js">
        <script src="test.js">
    </head>
</html>

Every time you need to run a test, open test.html in a browser. Of course you need to rewrite the test file so it shows some output, either in the console or in the html itself.

回复收藏 0 原文