Mocha Chai单元测试it函数无法执行问题求助

问题根源 #

ES模块是异步加载的，你当前的测试流程里，mocha.run()在测试模块（比如CardTest.js）还没加载完成、it测试用例还没注册的时候就已经执行了，导致Mocha检测不到任何待运行的测试用例。

修复方案 #

方案1：在测试模块末尾触发mocha.run()

修改测试文件（如CardTest.js），在所有测试代码后添加启动Mocha的逻辑：

import { expect } from 'https://unpkg.com/chai/chai.js';
import Card from './Card.js';

describe('Card', () => {
  it('should create a card with correct suit, rank, and value', () => {
    const card = new Card('Hearts', 'Ace', 14);
    expect(card.suit).to.equal('Hearts');
    expect(card.rank).to.equal('Ace');
    expect(card.value).to.equal(14);
  });
});

// 所有测试用例注册完成后再启动Mocha
mocha.run();

同时修改tests.html，移除原来的mocha.run()调用：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css">
</head>
<body>
  <div id="mocha"></div>
  <script src="https://unpkg.com/mocha/mocha.js"></script>
  <script src="https://unpkg.com/chai/chai.js"></script>
  <script>mocha.setup('bdd')</script>
  <!-- 测试文件引入 -->
  <script type="module" src="CardTest.js"></script>
</body>
</html>

方案2：用动态import等待所有测试模块加载

如果项目中有多个测试文件，推荐通过动态import等待所有模块加载完成后再启动Mocha，无需修改单个测试文件：
修改tests.html中的启动脚本：

<script>
  mocha.setup('bdd');
  // 动态加载所有测试模块
  Promise.all([
    import('./CardTest.js'),
    import('./DeckTest.js'),
    // 按需添加其他测试文件
  ]).then(() => {
    mocha.run();
  });
</script>

额外注意点 #

• 浏览器中ES模块的路径必须是完整相对路径（比如./Card.js不能省略./），确保import路径正确。
• 本地直接打开tests.html可能触发CORS错误，建议用本地服务器（比如npx serve）运行项目。

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