angular-cli測試調試

Question

我正在使用angular2-cli構建一個項目。當我運行ng測試時，karma啓動我的瀏覽器。我點擊右上角的調試按鈕，打開控制檯。

如何在正在測試的文件中設置斷點？我知道如何在測試文件中設置斷點，但在這裏並沒有真正的幫助，因爲我陷入了無休止的茉莉花功能和方法中。

假設測試調用了我的組件上的方法。是否可以設置在測試運行時將我直接帶到組件的中斷點？

Answer 1

好吧，我想出瞭如何解決它。

我無法在非測試代碼中設置任何斷點，因爲源代碼地圖代碼僅適用於測試文件。

我的問題是這個issue on github, 的副本在this commit已關閉。

該提交被合併到主文件中angular-cli 1.0.0-beta.19.3。

因此，要允許運行，你需要做以下測試時debbuging的源代碼：

1. 更新角CLI來版角CLI 1.0.0-beta.19.3或更高 npm uninstall angular-cli npm cache clean npm install angular-cli@1.0.0-beta.19.3

2. 運行ng -v確認您使用的是1.0.0-beta.19.3。 （做它目前的角CLI項目之外您正在使用的，或者它會顯示到本地版本）

3. 更新當前項目使用新安裝的CLI的package.json： "devDependencies": { "angular-cli": "^1.0.0-beta.19-3", }

4. 運行npm update --save-dev
5. 運行ng test - 快速調試！