OLD | NEW |
(Empty) | |
| 1 const mouseMoveToCenter = element => { |
| 2 const clientRect = element.getBoundingClientRect(); |
| 3 const centerX = (clientRect.left + clientRect.right) / 2; |
| 4 const centerY = (clientRect.top + clientRect.bottom) / 2; |
| 5 eventSender.mouseMoveTo(centerX, centerY); |
| 6 }; |
| 7 |
| 8 const dropEffectTest = testCase => { |
| 9 let gotDrop = false; |
| 10 promise_test(t => new Promise((resolve, reject) => { |
| 11 document.querySelector('#test-description').textContent = |
| 12 JSON.stringify(testCase); |
| 13 |
| 14 const dragged = document.querySelector('.dragged'); |
| 15 if (dragged && !dragged.classList.contains('no-ondragstart')) { |
| 16 dragged.ondragstart = t.step_func(event => { |
| 17 event.dataTransfer.setData('text/plain', 'Needed to work in Firefox'); |
| 18 if ('allowed' in testCase) |
| 19 event.dataTransfer.effectAllowed = testCase.allowed; |
| 20 }); |
| 21 } |
| 22 |
| 23 const dropZone = document.querySelector('.dropzone'); |
| 24 dropZone.ondragover = t.step_func(event => { |
| 25 event.preventDefault(); |
| 26 if ('drop' in testCase) |
| 27 event.dataTransfer.dropEffect = testCase.drop; |
| 28 }); |
| 29 dropZone.ondrop = t.step_func(event => { |
| 30 event.preventDefault(); |
| 31 gotDrop = true; |
| 32 }); |
| 33 |
| 34 const doneButton = document.querySelector('.done'); |
| 35 |
| 36 if (dragged) { |
| 37 dragged.ondragend = t.step_func(event => { |
| 38 resolve(event.dataTransfer.dropEffect); |
| 39 }); |
| 40 } else { |
| 41 doneButton.onclick = t.step_func(() => { |
| 42 resolve('none'); |
| 43 }); |
| 44 } |
| 45 |
| 46 if (window.eventSender) { |
| 47 if (dragged) { |
| 48 mouseMoveToCenter(dragged); |
| 49 eventSender.mouseDown(); |
| 50 } else { |
| 51 eventSender.mouseMoveTo(0, 0); |
| 52 eventSender.beginDragWithFiles(['resources/dragged-file.txt']); |
| 53 } |
| 54 setTimeout(() => { |
| 55 mouseMoveToCenter(dropZone); |
| 56 eventSender.mouseUp(); |
| 57 if (doneButton) { |
| 58 setTimeout(() => { |
| 59 const clickEvent = new Event('click'); |
| 60 doneButton.dispatchEvent(clickEvent); |
| 61 }, 100); |
| 62 } |
| 63 }, 100); |
| 64 } |
| 65 }).then(dragOperation => { |
| 66 if ('operation' in testCase) { |
| 67 assert_true(gotDrop, 'drop target should have received a drop event'); |
| 68 assert_equals(dragOperation, testCase.operation); |
| 69 } else { |
| 70 assert_true( |
| 71 !gotDrop, 'drop target should not have received a drop event'); |
| 72 assert_equals(dragOperation, 'none'); |
| 73 } |
| 74 }), `effectAllowed: ${testCase.allowed} dropEffect: ${testCase.drop}`); |
| 75 }; |
| 76 |
| 77 const dropEffectTests = testCases => { |
| 78 for (let testCase of testCases) |
| 79 dropEffectTest(testCase); |
| 80 |
| 81 promise_test(t => { |
| 82 return Promise.resolve().then(() => { |
| 83 document.querySelector('#test-description').textContent = 'done'; |
| 84 }); |
| 85 }, 'all tests complete'); |
| 86 } |
OLD | NEW |