首页 > 解决方案 > 使用打字稿在浏览器中运行 mocha

问题描述

我云设法使用 ES6 / Typescript 在浏览器中运行 Mocha 测试,如下所示:

// test.ts

import 'mocha/mocha.css';
import * as M from 'mocha/mocha-es2018';
import { expect } from 'chai';

M.setup('bdd');

// import more tests here

describe('test', () => {
  it('test1', () => {
    expect(true).to.true;
  })
});

M.run();

构建工作(使用 vite),显示 html 页面 - 一切都很好。当然我很想添加更多这样的测试:

import './unit/sum.spec.ts';
// more imports

这样做 - 将导致此错误:

未捕获的 ReferenceError:未定义描述

有没有办法使用 es6 使所有这些“mocha 函数”在全球范围内可用?

标签: javascripttypescriptecmascript-6browsermocha.js

解决方案


我终于可以这样了:

import 'mocha/mocha.css';
import * as M from 'mocha/mocha-es2018';

(async () => {

  M.setup('bdd');

  await Promise.all([
    import('./unit/add.spec'),
    import('./unit/sub.spec'),
    import('./component/calc.spec')
  ]);

  
  M.run();

})();

推荐阅读