如何理解Angular單元測試中事件觸發的實現，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

我們提供的服務有：網站設計、成都網站制作、微信公眾號開發、網站優化、網站認證、蒙城ssl等。為上千多家企事業單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的蒙城網站制作公司

導讀	這篇文章主要介紹了Angular單元測試之事件觸發的實現,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

在angular項目中時常有一些click、input、focusout等事件操作，那么如何在單元測試中觸發這些事件呢？

一、觸發Click事件

// 方法一
const ele = fixture.debugElement.query(By.css("#id"));
ele.triggerEventHandler('click', null)
fixture.detectChanges(); // 更新視圖
 
// 方法二
const ele = fixture.nativeElement.querySelector("#id");
ele.click();
fixture.detectChanges(); // 更新視圖

二、觸發input事件

觸發input事件，需要在獲取到input元素后，先給輸入框綁定值，然后去觸發輸入事件，最后更新視圖。

const input = fixture.nativeElement.querySelector("#input");
input.value = 'abc';
input.dispatchEvent(new Event('input'));
fixture.detectChanges(); // 更新視圖

三、觸發focusout事件

const input = fixture.nativeElement.querySelector("#input");
input.dispatchEvent(new Event('focusout'));
fixture.detectChanges(); // 更新視圖

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創新互聯行業資訊頻道，感謝您對創新互聯的支持。

分享題目：如何理解Angular單元測試中事件觸發的實現
當前路徑：http://www.yijiale78.com/article48/jcechp.html

成都網站建設公司_創新互聯，為您提供網站改版、云服務器、電子商務、虛擬主機、商城網站、App開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯