單元測試混合角/反應的應用程序

Question

我有一個大的角度應用程序，我試圖逐步將其轉換爲React。因此，我的一個角度指令呈現帶有ID的div，控制器將使用ReactDOM.render將React組件呈現給該div。

除了單元測試，一切都很好。已經有一整套使用karma和angular測試套件的單元測試，當我調用ReactDOM.render時，它們會拋出錯誤，因爲沒有文檔可以獲取ElementById。 Angular的測試框架允許您使用$compile角碼，因此您可以在不使用DOM的情況下運行單元測試。

我希望有人遇到過這個問題之前 - 任何想法如何讓React單元測試與使用Karma的Angular單元測試一起工作？

Answer 1

這些單元測試或集成測試？如果你可以把它們當作真正的單元測試，那麼一種方法可能是單獨測試塊。分別爲您的React組件編寫測試，並將調用存入ReactDOM.render在角度測試中。相反，您的角度測試應該只測試特定於您的角碼的功能，並將您的React代碼視爲單獨的系統。

Answer 2

如果您使用Karma，則會定義文檔。如果在引發錯誤的行上設置斷點，window看起來像什麼？