如果沒有調用fixture.detectChanges, element context的innerHTML里根本就看不到button的源代碼：

入口：監控component的next方法調用：

/*** Install a spy onto an existing object.* @name spyOn* @since 1.3.0* @function* @global* @param {Object} obj - The object upon which to install the {@link Spy}.* @param {String} methodName - The name of the method to replace with a {@link Spy}.* @returns {Spy}*/spyOn: function(obj, methodName) {return env.spyOn(obj, methodName);},

env在jasmine.js里實現：

SpyRegistry注冊表？

把Component的原始方法Component.next放置到originalMethod變量里。

然后調用createSpy創建spy：

拿到當前運行的spec：

這里能看到deliverymodeComponent的next方法已經是spied版本了：

這篇文章寫得很好。

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的jasmine spyOn的单步调试的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。