如何調試與測試karma.js + require.js

Question

我基本上這裏描述的設置 - http://karma-runner.github.io/0.8/plus/RequireJS.html

問題是，我看不到我在Chrome開發工具的測試源文件。所以我無法調試它。添加debugger;作品，但因爲我不能瀏覽任何其他文件，除了一個與debugger;目前燃煤

好像人緣加載文件，解析它們，包裹每一個測試，然後運行前，卸載文件是非常不舒服，幾乎無法使用。

Answer 1

如果您需要深入調試您的測試，這通常是糟糕的組織代碼或嚴重的單元測試的指標。如果您遵循TDD工作流程，採取小步驟將有助於防止您的代碼出現任何主要問題。我熱烈推薦你看這個視頻：http://blog.testdouble.com/posts/2013-10-03-javascript-testing-tactics.html?utm_source=javascriptweekly&utm_medium=email（它不使用Karma，但你應該看它的工作流程/提出的原則）

然後，如果你真的想調試你的測試代碼，沒有什麼比擊敗瀏覽器。因此，您應該以可在Karma和瀏覽器中運行的方式設置測試。我們對QUnit, Jasmine and Mocha on the Backbone-Boilerplate執行了此操作。隨時可以根據這些設置來建立自己的環境。

Answer 2

ng-boilerplate有一個grunt構建，將所有純js文件放到一個build目錄中進行測試和調試。

看看Gruntfile和karma/karma-unit.tpl.js這是如何完成的。

運行grunt watch將使您的瀏覽器處於可以調試所有測試的狀態。只需點擊debug button，設置您的中斷點並重新加載頁面。

突然，你正在調試任何或所有的js文件。