| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <link rel="stylesheet" href="resources/event-mouse-coordinates.css" /> | |
| 3 <script src="../../resources/testharness.js"></script> | |
| 4 <script src="../../resources/testharnessreport.js"></script> | |
| 5 <script src="resources/event-mouse-coordinates.js"></script> | |
| 6 | |
| 7 <p> | |
| 8 Please drag the "Drag Me" box into the "Drop Here" box. | |
| 9 </p> | |
| 10 | |
| 11 <div class="dragged box" draggable="true"> | |
| 12 Drag Me | |
| 13 </div> | |
| 14 | |
| 15 <div class="dropzone box"> | |
| 16 Drop Here | |
| 17 </div> | |
| 18 | |
| 19 <script> | |
| 20 | |
| 21 promise_test((t) => { | |
| 22 const dragCenter = elementCenter(document.querySelector('.dragged')); | |
| 23 const dropCenter = elementCenter(document.querySelector('.dropzone')); | |
| 24 return runDragTest(t, { | |
| 25 domRoot: document, | |
| 26 frameOffset: { x: 0, y: 0 }, | |
| 27 start: { client: dragCenter, page: { x: 250, y: 150 }}, | |
| 28 end: { client: dropCenter, page: { x: 450, y: 350 }}, | |
| 29 }); | |
| 30 }, 'Dragging and dropping a DOM node in the top-level frame'); | |
| 31 | |
| 32 </script> | |
| OLD | NEW |