OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <div id="region" style="width:100px; height:100px; position:absolute; left:0px;
top:0px;"></div> | 2 <div id="target" style="width:100px; height:100px; position:absolute; left:0px;
top:0px;"></div> |
| 3 <img id="drag" src="resources/greenbox30.png" style="position:absolute; left:0px
; top:100px;" draggable> |
3 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
4 <script> | 5 <script> |
5 | 6 |
6 const L = 'leftButton'; | 7 const L = 'leftButton'; |
7 const R = 'rightButton'; | 8 const R = 'rightButton'; |
8 const M = 'middleButton'; | 9 const M = 'middleButton'; |
9 const TABLE = { | 10 const TABLE = { |
10 'leftButton': 1, | 11 'leftButton': 1, |
11 'rightButton': 2, | 12 'rightButton': 2, |
12 'middleButton': 4 | 13 'middleButton': 4 |
13 }; | 14 }; |
14 const ME = 'MouseEvent'; | 15 const ME = 'MouseEvent'; |
15 const WE = 'WheelEvent'; | 16 const WE = 'WheelEvent'; |
16 const GE = 'GestureEvent'; | 17 const GE = 'GestureEvent'; |
| 18 const DE = 'DragEvent'; |
17 | 19 |
| 20 var target = document.getElementById('target'); |
| 21 var drag = document.getElementById('drag'); |
18 var buttons = -2; | 22 var buttons = -2; |
19 var div = document.getElementById('region'); | |
20 var testSet = [ | 23 var testSet = [ |
21 { type: ME, name: 'dblclick', modifiers: [L], expectedModifiers: [], action: d
oubleClickAction }, | 24 { type: ME, name: 'dblclick', modifiers: [L], expectedModifiers: [], action: d
oubleClickAction }, |
22 { type: ME, name: 'click', modifiers: [L, R], expectedModifiers: [R], action:
clickAction }, | 25 { type: ME, name: 'click', modifiers: [L, R], expectedModifiers: [R], action:
clickAction }, |
23 { type: ME, name: 'mousedown', modifiers: [L, M, R], action: clickAction }, | 26 { type: ME, name: 'mousedown', modifiers: [L, M, R], action: clickAction }, |
24 { type: ME, name: 'mouseup', modifiers: [L, M, R], expectedModifiers: [M, R],
action: clickAction }, | 27 { type: ME, name: 'mouseup', modifiers: [L, M, R], expectedModifiers: [M, R],
action: clickAction }, |
25 { type: ME, name: 'mousemove', modifiers: [], action: moveAction }, | 28 { type: ME, name: 'mousemove', modifiers: [], action: moveAction }, |
26 { type: ME, name: 'mousemove', modifiers: [L], action: moveAction }, | 29 { type: ME, name: 'mousemove', modifiers: [L], action: moveAction }, |
27 { type: ME, name: 'mouseenter', modifiers: [R, M], action: moveAction }, | 30 { type: ME, name: 'mouseenter', modifiers: [R, M], action: moveAction }, |
28 { type: ME, name: 'mouseleave', modifiers: [L, R], action: moveAction }, | 31 { type: ME, name: 'mouseleave', modifiers: [L, R], action: moveAction }, |
29 { type: ME, name: 'mouseover', modifiers: [L, M], action: moveAction }, | 32 { type: ME, name: 'mouseover', modifiers: [L, M], action: moveAction }, |
30 { type: ME, name: 'mouseout', modifiers: [L], action: moveAction }, | 33 { type: ME, name: 'mouseout', modifiers: [L], action: moveAction }, |
31 { type: ME, name: 'contextmenu', modifiers: [R], action: rightClickAction, sho
wContextMenuOnMouseUp: false }, | 34 { type: ME, name: 'contextmenu', modifiers: [R], action: rightClickAction, sho
wContextMenuOnMouseUp: false }, |
32 { type: ME, name: 'contextmenu', modifiers: [R], expectedModifiers: [], action
: rightClickAction, showContextMenuOnMouseUp: true }, | 35 { type: ME, name: 'contextmenu', modifiers: [R], expectedModifiers: [], action
: rightClickAction, showContextMenuOnMouseUp: true }, |
33 { type: WE, name: 'mousewheel', modifiers: [L, R], action: wheelAction }, | 36 { type: WE, name: 'mousewheel', modifiers: [L, R], action: wheelAction }, |
34 { type: GE, name: 'dblclick', modifiers: [L], expectedModifiers: [], action: d
oubleTapAction }, | 37 { type: GE, name: 'dblclick', modifiers: [L], expectedModifiers: [], action: d
oubleTapAction }, |
35 { type: GE, name: 'click', modifiers: [L], expectedModifiers: [], action: tapA
ction }, | 38 { type: GE, name: 'click', modifiers: [L], expectedModifiers: [], action: tapA
ction }, |
36 { type: GE, name: 'mousedown', modifiers: [L], action: tapAction }, | 39 { type: GE, name: 'mousedown', modifiers: [L], action: tapAction }, |
37 { type: GE, name: 'mouseup', modifiers: [L], expectedModifiers: [], action: ta
pAction }, | 40 { type: GE, name: 'mouseup', modifiers: [L], expectedModifiers: [], action: ta
pAction }, |
38 { type: GE, name: 'mousemove', modifiers: [], action: tapAction }, | 41 { type: GE, name: 'mousemove', modifiers: [], action: tapAction }, |
39 { type: GE, name: 'mousedown', modifiers: [R], action: longPressAction }, | 42 { type: GE, name: 'mousedown', modifiers: [R], action: longPressAction }, |
40 { type: GE, name: 'contextmenu', modifiers: [R], action: longPressAction, show
ContextMenuOnMouseUp: false }, | 43 { type: GE, name: 'contextmenu', modifiers: [R], action: longPressAction, show
ContextMenuOnMouseUp: false }, |
41 { type: GE, name: 'contextmenu', modifiers: [R], expectedModifiers: [], action
: longPressAction, showContextMenuOnMouseUp: true }, | 44 { type: GE, name: 'contextmenu', modifiers: [R], expectedModifiers: [], action
: longPressAction, showContextMenuOnMouseUp: true }, |
42 { type: GE, name: 'contextmenu', modifiers: [R], action: longTapAction, showCo
ntextMenuOnMouseUp: false }, | 45 { type: GE, name: 'contextmenu', modifiers: [R], action: longTapAction, showCo
ntextMenuOnMouseUp: false }, |
43 { type: GE, name: 'contextmenu', modifiers: [R], expectedModifiers: [], action
: longTapAction, showContextMenuOnMouseUp: true }, | 46 { type: GE, name: 'contextmenu', modifiers: [R], expectedModifiers: [], action
: longTapAction, showContextMenuOnMouseUp: true }, |
| 47 { type: DE, name: 'dragstart', modifiers: [L, R], action: dragDropAction, even
tTarget: drag }, |
| 48 { type: DE, name: 'drag', modifiers: [L, M, R], action: dragDropAction, eventT
arget: drag }, |
| 49 { type: DE, name: 'dragend', modifiers: [L, R], expectedModifiers: [], action:
dragDropAction, eventTarget: drag }, |
| 50 { type: DE, name: 'dragenter', modifiers: [L, M], action: dragDropAction }, |
| 51 { type: DE, name: 'dragleave', modifiers: [L, R], action: dragDropAction }, |
| 52 { type: DE, name: 'dragover', modifiers: [L, M], action: dragDropAction }, |
44 ]; | 53 ]; |
45 | 54 |
46 function eventHandler(e) | 55 function eventHandler(e) |
47 { | 56 { |
48 buttons = e.buttons; | 57 buttons = e.buttons; |
49 } | 58 } |
50 | 59 |
51 function moveAction(modifiers) | 60 function moveAction(modifiers) |
52 { | 61 { |
53 eventSender.mouseMoveTo(-1, -1, modifiers); | 62 eventSender.mouseMoveTo(-1, -1, modifiers); |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
94 { | 103 { |
95 eventSender.gestureLongPress(50, 50); | 104 eventSender.gestureLongPress(50, 50); |
96 eventSender.gestureLongTap(50, 50); | 105 eventSender.gestureLongTap(50, 50); |
97 } | 106 } |
98 | 107 |
99 function doubleTapAction(modifiers) | 108 function doubleTapAction(modifiers) |
100 { | 109 { |
101 eventSender.gestureTap(50, 50, 2); | 110 eventSender.gestureTap(50, 50, 2); |
102 } | 111 } |
103 | 112 |
| 113 function dragDropAction(modifiers) |
| 114 { |
| 115 eventSender.mouseMoveTo(10, 110, modifiers); |
| 116 eventSender.mouseDown(0, modifiers); |
| 117 eventSender.mouseMoveTo(10, 80, modifiers); |
| 118 eventSender.mouseMoveTo(10, 110, modifiers); |
| 119 eventSender.mouseMoveTo(10, 80, modifiers); |
| 120 eventSender.mouseUp(0, modifiers); |
| 121 } |
| 122 |
104 function raiseEvent(n) | 123 function raiseEvent(n) |
105 { | 124 { |
106 if (!window.eventSender) | 125 if (!window.eventSender) |
107 return; | 126 return; |
108 | 127 |
109 div.addEventListener(testSet[n].name, eventHandler, false); | 128 var eventTarget = testSet[n].eventTarget || target; |
| 129 |
| 130 eventTarget.addEventListener(testSet[n].name, eventHandler, false); |
110 testSet[n].action(testSet[n].modifiers); | 131 testSet[n].action(testSet[n].modifiers); |
111 testSet[n].buttons = buttons; | 132 testSet[n].buttons = buttons; |
112 div.removeEventListener(testSet[n].name, eventHandler, false); | 133 eventTarget.removeEventListener(testSet[n].name, eventHandler, false); |
113 buttons = -1; | 134 buttons = -1; |
114 } | 135 } |
115 | 136 |
116 function expectedValue(testItem) | 137 function expectedValue(testItem) |
117 { | 138 { |
118 var modifiers; | 139 var modifiers; |
119 if (testItem.expectedModifiers != undefined) | 140 if (testItem.expectedModifiers != undefined) |
120 modifiers = testItem.expectedModifiers; | 141 modifiers = testItem.expectedModifiers; |
121 else | 142 else |
122 modifiers = testItem.modifiers; | 143 modifiers = testItem.modifiers; |
(...skipping 21 matching lines...) Expand all Loading... |
144 | 165 |
145 for (var i = 0; i < testSet.length; i++) { | 166 for (var i = 0; i < testSet.length; i++) { |
146 internals.settings.setShowContextMenuOnMouseUp(testSet[i].showContextMenuOnMou
seUp); | 167 internals.settings.setShowContextMenuOnMouseUp(testSet[i].showContextMenuOnMou
seUp); |
147 raiseEvent(i); | 168 raiseEvent(i); |
148 printTestInfo(testSet[i]); | 169 printTestInfo(testSet[i]); |
149 shouldBeEqualToNumber('testSet[i].buttons', expectedValue(testSet[i])); | 170 shouldBeEqualToNumber('testSet[i].buttons', expectedValue(testSet[i])); |
150 debug(''); | 171 debug(''); |
151 } | 172 } |
152 | 173 |
153 </script> | 174 </script> |
OLD | NEW |