QUnit测试中require函数外全局变量未更新的原因咨询

Hey there! Let's break down what's happening here and how to fix it.

核心原因 #

你的问题根源在于RequireJS的回调函数是异步执行的，而QUnit的断言语句是同步运行的。当代码执行到assert.equal(window.x, 10,...)时，require内部的回调还没来得及触发，全局变量x依然保持初始值0，所以断言会失败。

修复方案 #

要解决这个问题，我们需要利用QUnit提供的异步测试机制，确保断言在require回调执行完成后再运行。具体代码如下：

var x = 0;
QUnit.test('myTest', function (assert) {
  // 声明这是一个异步测试，获取用于标记测试完成的done函数
  const done = assert.async();
  
  require(["purchase"], function (purchase) {
    x = 10;
    // 将断言移到回调内部，确保x已经被更新
    assert.equal(window.x, 10, "x should be updated to 10: PASS");
    // 调用done通知QUnit异步操作已完成
    done();
  });
});

额外说明 #

• assert.async()是QUnit处理异步场景的核心方法，它返回的done函数必须被调用，否则QUnit会判定测试超时失败。
• 把断言逻辑放在require回调内，能保证我们获取到的是更新后的x值。
• 小建议：如果没有特殊需求，尽量避免使用全局变量，可以把x定义在测试函数内部，减少全局污染。

内容的提问来源于stack exchange，提问作者Srini1455