如何使用TypeScript编写浏览器测试

时间:2015-02-17 23:48:02

标签: typescript

我正在使用Microsoft的TypeScript开发客户端JavaScript库。我想写一些测试,理想情况下,在浏览器中运行它们(而不是通过node.js)。

官方TypeScript Samples都没有包含测试代码,所以那里没有指导。

我发现至少one example组合了TypeScript和Mocha,但它在Node下运行。我正在为浏览器开发,所以我更喜欢在浏览器中进行测试。

我目前的方法是使用grunt-typescriptgrunt-browserify将我的库编译成单个JS文件,以内联require语句。然后我将这个和测试文件加载到我的测试运行器中:

<script src="../build/library.js"></script>
<!-- external test dependencies -->
<script src="../node_modules/mocha/mocha.js"></script>
<script src="../node_modules/chai/chai.js"></script>

<!-- the tests -->
<script>mocha.setup('bdd')</script>
<script src="../build/test/my-test.js"></script>
但是,这根本不起作用。我的测试需要import它正在测试的代码,并且浏览器不了解如何处理编译代码中生成的require语句。我尝试使用requirejs的所有尝试都无效。

如何测试TypeScript代码?我希望能够:

  • 在浏览器中运行测试(最好使用MochaChai)。
  • 测试代码足够复杂,导致它在同一个项目中导入了另一个文件。
  • 在外部节点模块上包含一些依赖项。

1 个答案:

答案 0 :(得分:2)

博客文章http://sitepen.com/blog/2015/03/24/testing-typescript-with-intern解释了如何使用Intern(http://theintern.io/编写TypeScript测试,也使用Chai)。