@@ -17,30 +17,36 @@ type KeyOrKeyName = (IKey | keyof Key);
17
17
* @dynamic
18
18
*/
19
19
export class EventGenerator {
20
- private static _cursor = {
20
+ /**
21
+ * A cursor utility that draws a cursor icon over the tested component.
22
+ *
23
+ * Very useful when testing hover effects.
24
+ *
25
+ */
26
+ public static cursor = {
21
27
ref : { } as HTMLElement ,
22
28
initialize : ( parent ?: HTMLElement ) => {
23
29
if ( ! parent ) { return ; }
24
- EventGenerator . _cursor . ref = document . createElement ( 'div' ) as HTMLElement ;
30
+ EventGenerator . cursor . ref = document . createElement ( 'div' ) as HTMLElement ;
25
31
26
- EventGenerator . _cursor . ref . style . position = 'absolute' ;
27
- EventGenerator . _cursor . ref . style . display = 'block' ;
28
- EventGenerator . _cursor . ref . style . left = '0px' ;
29
- EventGenerator . _cursor . ref . style . top = '0px' ;
30
- EventGenerator . _cursor . ref . style . width = '20px' ;
31
- EventGenerator . _cursor . ref . style . height = '20px' ;
32
- EventGenerator . _cursor . ref . style . background = CURSOR_IMG ;
32
+ EventGenerator . cursor . ref . style . position = 'absolute' ;
33
+ EventGenerator . cursor . ref . style . display = 'block' ;
34
+ EventGenerator . cursor . ref . style . left = '0px' ;
35
+ EventGenerator . cursor . ref . style . top = '0px' ;
36
+ EventGenerator . cursor . ref . style . width = '20px' ;
37
+ EventGenerator . cursor . ref . style . height = '20px' ;
38
+ EventGenerator . cursor . ref . style . background = CURSOR_IMG ;
33
39
34
- parent . appendChild ( EventGenerator . _cursor . ref ) ;
40
+ parent . appendChild ( EventGenerator . cursor . ref ) ;
35
41
} ,
36
42
destroy : ( parent ?: HTMLElement ) => {
37
43
if ( ! parent ) { return ; }
38
44
39
- parent . removeChild ( EventGenerator . _cursor . ref ) ;
45
+ parent . removeChild ( EventGenerator . cursor . ref ) ;
40
46
} ,
41
47
update : ( x : number , y : number ) => {
42
- EventGenerator . _cursor . ref . style . left = `${ x - 10 } px` ;
43
- EventGenerator . _cursor . ref . style . top = `${ y - 10 } px` ;
48
+ EventGenerator . cursor . ref . style . left = `${ x - 10 } px` ;
49
+ EventGenerator . cursor . ref . style . top = `${ y - 10 } px` ;
44
50
} ,
45
51
} ;
46
52
@@ -208,7 +214,7 @@ export class EventGenerator {
208
214
value : offsetY ,
209
215
} ) ;
210
216
211
- this . _cursor . update ( offsetX , offsetY ) ;
217
+ this . cursor . update ( offsetX , offsetY ) ;
212
218
return event ;
213
219
}
214
220
@@ -231,7 +237,7 @@ export class EventGenerator {
231
237
value : offsetY ,
232
238
} ) ;
233
239
234
- this . _cursor . update ( offsetX , offsetY ) ;
240
+ this . cursor . update ( offsetX , offsetY ) ;
235
241
return event ;
236
242
}
237
243
0 commit comments