| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #target { | 3 #target { |
| 4 width: 100px; | 4 width: 100px; |
| 5 height: 100px; | 5 height: 100px; |
| 6 background: blue; | 6 background: blue; |
| 7 position: absolute; | 7 position: absolute; |
| 8 left: 0px; | 8 left: 0px; |
| 9 top: 0px; | 9 top: 0px; |
| 10 } | 10 } |
| 11 #drag{ | 11 #drag{ |
| 12 position: absolute; | 12 position: absolute; |
| 13 left: 0px; | 13 left: 0px; |
| 14 top: 100px; | 14 top: 100px; |
| 15 } | 15 } |
| 16 </style> | 16 </style> |
| 17 | |
| 18 <div id="target"></div> | 17 <div id="target"></div> |
| 19 <img id="drag" src="resources/greenbox30.png" draggable> | 18 <img id="drag" src="resources/greenbox30.png" draggable> |
| 19 |
| 20 <script src="../../resources/js-test.js"></script> | 20 <script src="../../resources/js-test.js"></script> |
| 21 <script> | 21 <script> |
| 22 | 22 |
| 23 const L = 'leftButton'; | 23 const L = 'leftButton'; |
| 24 const R = 'rightButton'; | 24 const R = 'rightButton'; |
| 25 const M = 'middleButton'; | 25 const M = 'middleButton'; |
| 26 | 26 |
| 27 var targetDiv = document.getElementById('target'); | |
| 28 var dragImg = document.getElementById('drag'); | |
| 29 var seqNo = 0; | 27 var seqNo = 0; |
| 30 var testSet = [ | 28 var testSet = [ |
| 31 { initialButtons: [], action: doubleClickAction }, | 29 { initialButtons: [], action: doubleClickAction }, |
| 32 { initialButtons: [R], action: clickAction }, | 30 { initialButtons: [R], action: clickAction }, |
| 33 { initialButtons: [M, R], action: clickAction }, | 31 { initialButtons: [M, R], action: clickAction }, |
| 34 { initialButtons: [L, M, R], action: moveAction }, | 32 { initialButtons: [L, M, R], action: moveAction }, |
| 35 { initialButtons: [], action: rightClickAction, showContextMenuOnMouseU
p: false }, | 33 { initialButtons: [], action: rightClickAction, showContextMenuOnMouseU
p: false }, |
| 36 { initialButtons: [], action: rightClickAction, showContextMenuOnMouseU
p: true }, | 34 { initialButtons: [], action: rightClickAction, showContextMenuOnMouseU
p: true }, |
| 37 { initialButtons: [L, R], action: wheelAction }, | 35 { initialButtons: [L, R], action: wheelAction }, |
| 38 { initialButtons: [], action: doubleTapAction }, | 36 { initialButtons: [], action: doubleTapAction }, |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 118 var showContextMenuOnMouseUp = ""; | 116 var showContextMenuOnMouseUp = ""; |
| 119 if (testItem.showContextMenuOnMouseUp != undefined) | 117 if (testItem.showContextMenuOnMouseUp != undefined) |
| 120 showContextMenuOnMouseUp = "and showContextMenuOnMouseUp=" + | 118 showContextMenuOnMouseUp = "and showContextMenuOnMouseUp=" + |
| 121 testItem.showContextMenuOnMouseUp + " "; | 119 testItem.showContextMenuOnMouseUp + " "; |
| 122 | 120 |
| 123 debug('===== ' + testItem.action.name + ' with initial state=[' + testItem.ini
tialButtons + '] ' | 121 debug('===== ' + testItem.action.name + ' with initial state=[' + testItem.ini
tialButtons + '] ' |
| 124 + showContextMenuOnMouseUp + '====='); | 122 + showContextMenuOnMouseUp + '====='); |
| 125 } | 123 } |
| 126 | 124 |
| 127 function init() { | 125 function init() { |
| 126 var targetDiv = document.getElementById('target'); |
| 127 var dragImg = document.getElementById('drag'); |
| 128 var eventList = ['dblclick', 'click', 'mousedown', 'mouseup', 'mousemove', 'mo
useenter', 'mouseleave', 'mouseover', 'mouseout', 'mousewheel', 'dragstart', 'dr
agend', 'dragenter', 'dragleave', 'dragover', 'drag', 'contextmenu']; | 128 var eventList = ['dblclick', 'click', 'mousedown', 'mouseup', 'mousemove', 'mo
useenter', 'mouseleave', 'mouseover', 'mouseout', 'mousewheel', 'dragstart', 'dr
agend', 'dragenter', 'dragleave', 'dragover', 'drag', 'contextmenu']; |
| 129 eventList.forEach(function(eventName) { | 129 eventList.forEach(function(eventName) { |
| 130 targetDiv.addEventListener(eventName, function(event) { | 130 targetDiv.addEventListener(eventName, function(event) { |
| 131 debug(++seqNo + ". targetDiv received " + event.type + " buttons: " + even
t.buttons); | 131 debug(++seqNo + ". targetDiv received " + event.type + " buttons: " + even
t.buttons); |
| 132 }); | 132 }); |
| 133 dragImg.addEventListener(eventName, function(event) { | 133 dragImg.addEventListener(eventName, function(event) { |
| 134 debug(++seqNo + ". dragImg received " + event.type + " buttons: " + event.
buttons); | 134 debug(++seqNo + ". dragImg received " + event.type + " buttons: " + event.
buttons); |
| 135 }); | 135 }); |
| 136 }); | 136 }); |
| 137 } | 137 } |
| 138 | 138 |
| 139 function runTests() { | 139 window.onload=function() { |
| 140 for (var i = 0; i < testSet.length; i++) { | 140 init(); |
| 141 printTestInfo(testSet[i]); | 141 if(window.eventSender) { |
| 142 for (var i = 0; i < testSet.length; i++) { |
| 143 printTestInfo(testSet[i]); |
| 142 | 144 |
| 143 // Reset the state for the new test | 145 // Reset the state for the new test |
| 144 seqNo = 0; | 146 seqNo = 0; |
| 145 eventSender.setMouseButtonState(-1, testSet[i].initialButtons); | 147 eventSender.setMouseButtonState(-1, testSet[i].initialButtons); |
| 146 internals.settings.setShowContextMenuOnMouseUp(testSet[i].showContextMenuOnM
ouseUp); | 148 internals.settings.setShowContextMenuOnMouseUp(testSet[i].showContextMenuO
nMouseUp); |
| 147 | 149 |
| 148 testSet[i].action(); | 150 testSet[i].action(); |
| 149 | 151 |
| 150 // Reset the mouse position | 152 // Reset the mouse position |
| 151 eventSender.mouseMoveTo(-1, -1); | 153 eventSender.mouseMoveTo(-1, -1); |
| 152 | 154 |
| 153 debug(''); | 155 debug(''); |
| 156 } |
| 154 } | 157 } |
| 155 } | 158 } |
| 156 | 159 |
| 157 init(); | 160 if (!window.eventSender) { |
| 158 if (window.eventSender) | |
| 159 runTests(); | |
| 160 else | |
| 161 debug("This test requires eventSender"); | 161 debug("This test requires eventSender"); |
| 162 } |
| 162 | 163 |
| 163 </script> | 164 </script> |
| OLD | NEW |