File tree Expand file tree Collapse file tree 2 files changed +33
-29
lines changed Expand file tree Collapse file tree 2 files changed +33
-29
lines changed Original file line number Diff line number Diff line change @@ -9,28 +9,30 @@ Return an object containing custom events emitted by the `Wrapper` `vm`.
9
9
``` js
10
10
import { mount } from ' @vue/test-utils'
11
11
12
- const wrapper = mount (Component)
12
+ test (' emit demo' , async () => {
13
+ const wrapper = mount (Component)
13
14
14
- wrapper .vm .$emit (' foo' )
15
- wrapper .vm .$emit (' foo' , 123 )
15
+ wrapper .vm .$emit (' foo' )
16
+ wrapper .vm .$emit (' foo' , 123 )
16
17
17
- await wrapper .vm .$nextTick () // Wait until $emits have been handled
18
+ await wrapper .vm .$nextTick () // Wait until $emits have been handled
18
19
19
- /*
20
- wrapper.emitted() returns the following object:
21
- {
22
- foo: [[], [123]]
23
- }
24
- */
20
+ /*
21
+ wrapper.emitted() returns the following object:
22
+ {
23
+ foo: [[], [123]]
24
+ }
25
+ */
25
26
26
- // assert event has been emitted
27
- expect (wrapper .emitted ().foo ).toBeTruthy ()
27
+ // assert event has been emitted
28
+ expect (wrapper .emitted ().foo ).toBeTruthy ()
28
29
29
- // assert event count
30
- expect (wrapper .emitted ().foo .length ).toBe (2 )
30
+ // assert event count
31
+ expect (wrapper .emitted ().foo .length ).toBe (2 )
31
32
32
- // assert event payload
33
- expect (wrapper .emitted ().foo [1 ]).toEqual ([123 ])
33
+ // assert event payload
34
+ expect (wrapper .emitted ().foo [1 ]).toEqual ([123 ])
35
+ })
34
36
```
35
37
36
38
You can also write the above as follows:
Original file line number Diff line number Diff line change @@ -16,24 +16,26 @@ import { mount } from '@vue/test-utils'
16
16
import sinon from ' sinon'
17
17
import Foo from ' ./Foo'
18
18
19
- const clickHandler = sinon .stub ()
20
- const wrapper = mount (Foo, {
21
- propsData: { clickHandler }
22
- })
19
+ test (' trigger demo' , async () => {
20
+ const clickHandler = sinon .stub ()
21
+ const wrapper = mount (Foo, {
22
+ propsData: { clickHandler }
23
+ })
23
24
24
- wrapper .trigger (' click' )
25
+ wrapper .trigger (' click' )
25
26
26
- wrapper .trigger (' click' , {
27
- button: 0
28
- })
27
+ wrapper .trigger (' click' , {
28
+ button: 0
29
+ })
29
30
30
- wrapper .trigger (' click' , {
31
- ctrlKey: true // For testing @click.ctrl handlers
32
- })
31
+ wrapper .trigger (' click' , {
32
+ ctrlKey: true // For testing @click.ctrl handlers
33
+ })
33
34
34
- await wrapper .vm .$nextTick () // Wait until trigger events have been handled
35
+ await wrapper .vm .$nextTick () // Wait until trigger events have been handled
35
36
36
- expect (clickHandler .called ).toBe (true )
37
+ expect (clickHandler .called ).toBe (true )
38
+ })
37
39
```
38
40
39
41
- ** Setting the event target:**
You can’t perform that action at this time.
0 commit comments