| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>InputEvent: beforeinput for Drag and Drop</title> | 4 <title>InputEvent: beforeinput for Drag and Drop</title> |
| 5 <script src="../../../resources/testharness.js"></script> | 5 <script src="../../../resources/testharness.js"></script> |
| 6 <script src="../../../resources/testharnessreport.js"></script> | 6 <script src="../../../resources/testharnessreport.js"></script> |
| 7 <style> | 7 <style> |
| 8 div { | 8 div { |
| 9 width: 100px; | 9 width: 100px; |
| 10 height: 100px; | 10 height: 100px; |
| (...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 153 function testDragDropEventOrder(dragElement, dropElement, expectedOrder) { | 153 function testDragDropEventOrder(dragElement, dropElement, expectedOrder) { |
| 154 assert_equals(dragElement.children.length, 1); | 154 assert_equals(dragElement.children.length, 1); |
| 155 eventOrderRecorder = []; | 155 eventOrderRecorder = []; |
| 156 simulateDragDrop(dragElement, dropElement); | 156 simulateDragDrop(dragElement, dropElement); |
| 157 assert_array_equals(eventOrderRecorder, expectedOrder, | 157 assert_array_equals(eventOrderRecorder, expectedOrder, |
| 158 `Testing drag ${dragElement.id} onto ${dropElement.id} actual order:
${eventOrderRecorder}`); | 158 `Testing drag ${dragElement.id} onto ${dropElement.id} actual order:
${eventOrderRecorder}`); |
| 159 } | 159 } |
| 160 | 160 |
| 161 // Test Drag and Drop. | 161 // Test Drag and Drop. |
| 162 testDragDropEventOrder(editable1, editable2, | 162 testDragDropEventOrder(editable1, editable2, |
| 163 ['editable2:drop', 'beforeinput:boldtext:deleteByDrag', 'input:editable1
:deleteByDrag', | 163 ['editable2:drop', 'beforeinput:editable1:deleteByDrag', 'input:editable
1:deleteByDrag', |
| 164 'beforeinput:editable2:insertFromDrop', 'input:editable2:insertFromDrop'
, 'editable1:dragend']); | 164 'beforeinput:editable2:insertFromDrop', 'input:editable2:insertFromDrop'
, 'editable1:dragend']); |
| 165 testRunner.execCommand('undo'); | 165 testRunner.execCommand('undo'); |
| 166 }, 'Testing Drag and Drop event order'); | 166 }, 'Testing Drag and Drop event order'); |
| 167 | 167 |
| 168 test(function() { | 168 test(function() { |
| 169 assertCleanInitialDOM(); | 169 assertCleanInitialDOM(); |
| 170 assert_not_equals(window.eventSender, undefined, 'This test requires eventSe
nder.'); | 170 assert_not_equals(window.eventSender, undefined, 'This test requires eventSe
nder.'); |
| 171 assert_not_equals(window.testRunner, undefined, 'This test requires testRunn
er.'); | 171 assert_not_equals(window.testRunner, undefined, 'This test requires testRunn
er.'); |
| 172 | 172 |
| 173 const editable1 = document.getElementById('editable1'); | 173 const editable1 = document.getElementById('editable1'); |
| (...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 294 testDragDropEventOrder(editable1, editable2, | 294 testDragDropEventOrder(editable1, editable2, |
| 295 ['editable2:drop', 'beforeinput:editable1:deleteByDrag', 'beforeinput:ed
itable2:insertFromDrop', | 295 ['editable2:drop', 'beforeinput:editable1:deleteByDrag', 'beforeinput:ed
itable2:insertFromDrop', |
| 296 'input:editable2:insertFromDrop', 'editable1:dragend']); | 296 'input:editable2:insertFromDrop', 'editable1:dragend']); |
| 297 editable1.removeEventListener('beforeinput', removeEditable1Listener); | 297 editable1.removeEventListener('beforeinput', removeEditable1Listener); |
| 298 testRunner.execCommand('undo'); | 298 testRunner.execCommand('undo'); |
| 299 document.body.appendChild(editable1); | 299 document.body.appendChild(editable1); |
| 300 }, 'Testing element removed by event handler'); | 300 }, 'Testing element removed by event handler'); |
| 301 </script> | 301 </script> |
| 302 </body> | 302 </body> |
| 303 </html> | 303 </html> |
| OLD | NEW |