如何使用TypeScript編寫瀏覽器測試

Question

我正在使用Microsoft的TypeScript開發客戶端JavaScript庫。我想編寫一些測試，最好在瀏覽器中運行它們（而不是通過node.js）。

官方TypeScript Samples沒有包含測試代碼，所以沒有指導。

我發現至少有one example組合TypeScript和Mocha，但它運行在Node下。我正在爲瀏覽器開發，所以我寧願在瀏覽器中進行測試。

我目前的方法是使用grunt-typescript和grunt-browserify內聯require語句將我的庫編譯成單個JS文件。然後我將這個和測試文件加載到我的測試運行器中：

<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代碼？我希望能夠：

• 運行在瀏覽器中測試（最好使用Mocha和Chai）。
• 測試代碼複雜到足以讓它在同一個項目中導入另一個文件。
• 包含一些對外部節點模塊的依賴關係。

Answer 1

博客文章http://sitepen.com/blog/2015/03/24/testing-typescript-with-intern解釋瞭如何使用Intern編寫TypeScript測試（http://theintern.io/，它也使用Chai）。