Shulou(Shulou.com)06/01 Report--

How to understand the Angular unit test event trigger implementation, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can gain something.

This article mainly introduces the implementation of event trigger of Angular unit test. It is introduced in great detail through the sample code, which has a certain reference value for everyone's study or work. Friends who need it will study and learn together with the editor below.

There are often click, input, focusout, and other event actions in angular projects, so how do you trigger these events in a unit test?

First, trigger Click event

/ / method 1 const ele = fixture.debugElement.query (By.css ("# id")); ele.triggerEventHandler ('click', null) fixture.detectChanges (); / / Update View / / method II const ele = fixture.nativeElement.querySelector ("# id"); ele.click (); fixture.detectChanges (); / / Update View

2. Trigger input event

To trigger the input event, you need to bind the value to the input box after getting the input element, then trigger the input event, and finally update the view.

Const input = fixture.nativeElement.querySelector ("# input"); input.value = 'abc';input.dispatchEvent (new Event (' input')); fixture.detectChanges (); / / Update View

3. Trigger focusout event

Const input = fixture.nativeElement.querySelector ("# input"); input.dispatchEvent (new Event ('focusout')); fixture.detectChanges (); / / Update View

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.