如何在用 Typescript 编写的浏览器上运行 Mocha 测试

Question

我是NodeJS和 的新手TypeScript。所以，我现在有点卡住了。

我的项目配置是这样的。

+------------+---------------------------+
|            |          purpose          |
+------------+---------------------------+
| Webpack    | create a bundle JS file   |
| TypeScript | ES5 transpile             |
| Mocha      | TDD test                  |
+------------+---------------------------+

我正在尝试运行Mocha用TypeScript.
这个测试是使用XMLHttpRequest模块。

我的项目结构如下。

|_ dist (for bundle file)
|_ script
|   \_ lib
|       \_ ajax.ts (my module)
\_ test
    \_ script
        \_ lib
            \_ ajax.spec.ts (to test my module)

我发现该XMLHttpRequest模块适用于浏览器。
我可以替换它来安装 npm 模块xmlhttprequest。
但是，我需要检查是否已收到响应并已执行回调函数。

运行我的测试后，我成功打开请求，但没有得到任何响应并且回调函数没有执行。
所以，我决定XMLHttpRequest在浏览器上测试模块。

幸运的是，我找到了在浏览器中运行 Mocha 测试的教程。
但是，我的问题是我的Mocha代码是用TypeScript.

所以我认为我的测试过程如下所示。

1. 编译ajax.spec.ts它作为ajax.js和编译出来ajax.spec.js。
2. 制作一个JS捆绑文件ajax.js并ajax.spec.js使用Webpack.
3. 制作一个html类似的教程。
4. 打开html并检查我的测试结果。

我好吗？我应该为编译的文件制作一个包吗？
是否有用于运行Mocha在TypeScript浏览器上编写的测试的示例或教程？

谢谢你。