| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <script> |
| |
| description("This test checks that JavaScript programs can execute copy and paste commands, but only during a user gesture."); |
| |
| // Override the test runner default befavior of allowing all keyboard access, and act more like |
| // a browser. |
| if (window.testRunner) |
| window.testRunner.setJavaScriptCanAccessClipboard(false); |
| |
| function clearSelectionContainer() |
| { |
| var container = document.getElementById('container'); |
| if (container) |
| container.remove(); |
| } |
| |
| function resetSelectionContainer() |
| { |
| clearSelectionContainer(); |
| |
| var container = document.createElement("div"); |
| container.id = "container"; |
| |
| var nonEditableParagraph = document.createElement("p"); |
| nonEditableParagraph.id = "nonEditableParagraph"; |
| nonEditableParagraph.appendChild(document.createTextNode("x")); |
| container.appendChild(nonEditableParagraph); |
| |
| var editableParagraph = document.createElement("p"); |
| editableParagraph.id = "editableParagraph"; |
| editableParagraph.appendChild(document.createTextNode("x")); |
| editableParagraph.setAttribute("contentEditable", "true"); |
| container.appendChild(editableParagraph); |
| |
| var editablePlainTextParagraph = document.createElement("p"); |
| editablePlainTextParagraph.id = "editablePlainTextParagraph"; |
| editablePlainTextParagraph.appendChild(document.createTextNode("x")); |
| editablePlainTextParagraph.setAttribute("contentEditable", "plaintext-only"); |
| container.appendChild(editablePlainTextParagraph); |
| |
| document.body.appendChild(container); |
| } |
| |
| function makeSelection(elementId, selectionStart, selectionEnd) |
| { |
| resetSelectionContainer(); |
| |
| var selection = window.getSelection(); |
| selection.removeAllRanges(); |
| |
| var element = document.getElementById(elementId); |
| |
| var range = document.createRange(); |
| range.setStart(element.firstChild, selectionStart); |
| range.setEnd(element.firstChild, selectionEnd); |
| selection.addRange(range); |
| } |
| |
| var eventSeen = { |
| "copy": false, |
| "cut": false, |
| "beforecopy": false, |
| "beforecut": false |
| } |
| |
| function resetSeenFlags() |
| { |
| eventSeen.copy = false; |
| eventSeen.cut = false; |
| eventSeen.beforecopy = false; |
| eventSeen.beforecut = false; |
| } |
| |
| document.body.oncopy = function(event) |
| { |
| eventSeen["copy"] = true; |
| } |
| |
| document.body.oncut = function() |
| { |
| eventSeen["cut"] = true; |
| } |
| |
| document.body.onbeforecopy = function() |
| { |
| eventSeen["beforecopy"] = true; |
| } |
| |
| document.body.onbeforecut = function() |
| { |
| eventSeen["beforecut"] = true; |
| } |
| |
| function test(command, enabledExpected, supportedExpected, executedExpected) |
| { |
| resetSeenFlags(); |
| shouldBe("document.queryCommandEnabled('" + command +"')", "" + enabledExpected); |
| shouldBeFalse("eventSeen['" + command +"']"); |
| |
| resetSeenFlags(); |
| shouldBe("document.queryCommandSupported('" + command +"')", "" + supportedExpected); |
| shouldBeFalse("eventSeen['" + command +"']"); |
| |
| resetSeenFlags(); |
| shouldBe("document.execCommand('" + command +"')", "" + executedExpected); |
| shouldBe("eventSeen['" + command +"']", "" + executedExpected); |
| } |
| |
| function header(msg) |
| { |
| debug(""); |
| debug(msg); |
| } |
| |
| var buttonForCopy = document.createElement("button"); |
| buttonForCopy.id = "copyButton"; |
| buttonForCopy.textContent = "Copy"; |
| buttonForCopy.onclick = function() |
| { |
| header("Testing copying an editableParagraph range in a user gesture.") |
| makeSelection("editableParagraph", 0, 1); |
| test("copy", true, true, true); |
| |
| header("Testing copying an editableParagraph caret in a user gesture.") |
| makeSelection("editableParagraph", 0, 0); |
| test("copy", false, true, true); |
| |
| header("Testing copying an non-editable range in a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 1); |
| test("copy", true, true, true); |
| |
| header("Testing copying an non-editable caret in a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 0); |
| test("copy", false, true, true); |
| |
| header("Testing copying an editable plaint-text range in a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 1); |
| test("copy", true, true, true); |
| |
| header("Testing copying an editable plaint-text caret in a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 0); |
| test("copy", false, true, true); |
| |
| header("Testing copying when there is no selection in a user gesture.") |
| window.getSelection().removeAllRanges(); |
| test("copy", false, true, true); |
| |
| clearSelectionContainer(); |
| } |
| document.body.appendChild(buttonForCopy); |
| |
| var buttonForCut = document.createElement("button"); |
| buttonForCut.id = "cutButton"; |
| buttonForCut.textContent = "Cut"; |
| buttonForCut.onclick = function() |
| { |
| header("Testing cutting an editableParagraph range in a user gesture.") |
| makeSelection("editableParagraph", 0, 1); |
| test("cut", true, true, true); |
| |
| header("Testing cutting an editableParagraph caret in a user gesture.") |
| makeSelection("editableParagraph", 0, 0); |
| test("cut", false, true, true); |
| |
| header("Testing cutting an non-editable range in a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 1); |
| test("cut", false, true, true); |
| |
| header("Testing cutting an non-editable caret in a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 0); |
| test("cut", false, true, true); |
| |
| header("Testing cutting an editable plaint-text range in a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 1); |
| test("cut", true, true, true); |
| |
| header("Testing cutting an editable plaint-text caret in a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 0); |
| test("cut", false, true, true); |
| |
| header("Testing cutting when there is no selection in a user gesture.") |
| window.getSelection().removeAllRanges(); |
| test("cut", false, true, true); |
| |
| clearSelectionContainer(); |
| } |
| document.body.appendChild(buttonForCut); |
| |
| // First test copy/cut without user gestures. |
| header("Testing copying an editableParagraph range without a user gesture.") |
| makeSelection("editableParagraph", 0, 1); |
| test("copy", false, true, false); |
| |
| header("Testing copying an editableParagraph caret without a user gesture.") |
| makeSelection("editableParagraph", 0, 0); |
| test("copy", false, true, false); |
| |
| header("Testing copying an non-editable range without a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 1); |
| test("copy", false, true, false); |
| |
| header("Testing copying an non-editable caret without a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 0); |
| test("copy", false, true, false); |
| |
| header("Testing copying an editable plaint-text range without a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 1); |
| test("copy", false, true, false); |
| |
| header("Testing copying an editable plaint-text caret without a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 0); |
| test("copy", false, true, false); |
| |
| header("Testing copying when there is no selection without a user gesture.") |
| window.getSelection().removeAllRanges(); |
| test("copy", false, true, false); |
| |
| clearSelectionContainer(); |
| |
| header("Testing cutting an editableParagraph range without a user gesture.") |
| makeSelection("editableParagraph", 0, 1); |
| test("cut", false, true, false); |
| |
| header("Testing cutting an editableParagraph caret without a user gesture.") |
| makeSelection("editableParagraph", 0, 0); |
| test("cut", false, true, false); |
| |
| header("Testing cutting an non-editable range without a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 1); |
| test("cut", false, true, false); |
| |
| header("Testing cutting an non-editable caret without a user gesture.") |
| makeSelection("nonEditableParagraph", 0, 0); |
| test("cut", false, true, false); |
| |
| header("Testing cutting an editable plaint-text range without a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 1); |
| test("cut", false, true, false); |
| |
| header("Testing cutting an editable plaint-text caret without a user gesture.") |
| makeSelection("editablePlainTextParagraph", 0, 0); |
| test("cut", false, true, false); |
| |
| header("Testing cutting when there is no selection without a user gesture.") |
| window.getSelection().removeAllRanges(); |
| test("cut", false, true, false); |
| |
| clearSelectionContainer(); |
| |
| // Then test copy/cut with user gestures. |
| if (window.testRunner) { |
| function clickButton(button) |
| { |
| eventSender.mouseMoveTo(button.offsetLeft + button.offsetWidth / 2, button.offsetTop + button.offsetHeight / 2); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| } |
| |
| clickButton(buttonForCopy); |
| clickButton(buttonForCut); |
| |
| buttonForCopy.remove(); |
| buttonForCut.remove(); |
| } |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
