@@ -3,7 +3,6 @@ import { defineComponent, h, ref } from 'vue'
3
3
import { mount } from '../src'
4
4
5
5
describe ( 'trigger' , ( ) => {
6
-
7
6
describe ( 'on click' , ( ) => {
8
7
it ( 'works on the root element' , async ( ) => {
9
8
const Component = defineComponent ( {
@@ -12,37 +11,41 @@ describe('trigger', () => {
12
11
count : ref ( 0 )
13
12
}
14
13
} ,
15
-
14
+
16
15
render ( ) {
17
- return h ( 'div' , { onClick : ( ) => this . count ++ } , `Count: ${ this . count } ` )
16
+ return h (
17
+ 'div' ,
18
+ { onClick : ( ) => this . count ++ } ,
19
+ `Count: ${ this . count } `
20
+ )
18
21
}
19
22
} )
20
-
23
+
21
24
const wrapper = mount ( Component )
22
25
await wrapper . trigger ( 'click' )
23
-
26
+
24
27
expect ( wrapper . text ( ) ) . toBe ( 'Count: 1' )
25
28
} )
26
-
29
+
27
30
it ( 'works on a nested element' , async ( ) => {
28
31
const Component = defineComponent ( {
29
32
setup ( ) {
30
33
return {
31
34
count : ref ( 0 )
32
35
}
33
36
} ,
34
-
37
+
35
38
render ( ) {
36
39
return h ( 'div' , { } , [
37
40
h ( 'p' , { } , `Count: ${ this . count } ` ) ,
38
41
h ( 'button' , { onClick : ( ) => this . count ++ } )
39
42
] )
40
43
}
41
44
} )
42
-
45
+
43
46
const wrapper = mount ( Component )
44
47
await wrapper . find ( 'button' ) . trigger ( 'click' )
45
-
48
+
46
49
expect ( wrapper . find ( 'p' ) . text ( ) ) . toBe ( 'Count: 1' )
47
50
} )
48
51
@@ -55,14 +58,14 @@ describe('trigger', () => {
55
58
} ,
56
59
57
60
render ( ) {
58
- return h ( 'div' , {
59
- onClick : ( ) => this . isActive = ! this . isActive ,
60
- class : { active : this . isActive }
61
+ return h ( 'div' , {
62
+ onClick : ( ) => ( this . isActive = ! this . isActive ) ,
63
+ class : { active : this . isActive }
61
64
} )
62
65
}
63
66
} )
64
67
const wrapper = mount ( Component , { } )
65
-
68
+
66
69
expect ( wrapper . classes ( ) ) . not . toContain ( 'active' )
67
70
await wrapper . trigger ( 'click' )
68
71
expect ( wrapper . classes ( ) ) . toContain ( 'active' )
@@ -76,21 +79,21 @@ describe('trigger', () => {
76
79
template : '<input @keydown="keydownHandler" />' ,
77
80
methods : {
78
81
keydownHandler
79
- } ,
82
+ }
80
83
}
81
84
const wrapper = mount ( Component , { } )
82
85
await wrapper . trigger ( 'keydown' )
83
86
84
87
expect ( keydownHandler ) . toHaveBeenCalledTimes ( 1 )
85
88
} )
86
-
89
+
87
90
it ( 'causes keydown handler to fire when "keydown.enter" is triggered' , async ( ) => {
88
91
const keydownHandler = jest . fn ( )
89
92
const Component = {
90
93
template : '<input @keydown.enter="keydownHandler" />' ,
91
94
methods : {
92
95
keydownHandler
93
- } ,
96
+ }
94
97
}
95
98
const wrapper = mount ( Component , { } )
96
99
await wrapper . trigger ( 'keydown' , { key : 'Enter' } )
@@ -104,7 +107,7 @@ describe('trigger', () => {
104
107
template : '<input @keydown="keydownHandler" />' ,
105
108
methods : {
106
109
keydownHandler
107
- } ,
110
+ }
108
111
}
109
112
const wrapper = mount ( Component , { } )
110
113
await wrapper . trigger ( 'keydown' , { keyCode : 65 } )
@@ -138,7 +141,7 @@ describe('trigger', () => {
138
141
template : '<input @keydown="keydownHandler" />' ,
139
142
methods : {
140
143
keydownHandler
141
- } ,
144
+ }
142
145
}
143
146
const wrapper = mount ( Component , { } )
144
147
@@ -147,9 +150,8 @@ describe('trigger', () => {
147
150
wrapper . trigger ( `keydown.${ keyName } ` )
148
151
149
152
const calls = keydownHandler . mock . calls
150
- expect ( calls [ calls . length - 1 ] [ 0 ] . keyCode ) . toEqual ( keyCode )
153
+ expect ( calls [ calls . length - 1 ] [ 0 ] . keyCode ) . toEqual ( keyCode )
151
154
}
152
155
} )
153
156
} )
154
157
} )
155
-
0 commit comments