| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| description('This tests that Paste commands fires textInput events.'); |
| |
| function toStringLiteral(str) |
| { |
| return "'" + str + "'"; |
| } |
| |
| var willCancelTextInput = false; |
| var textInputCount = 0; |
| var expectedTextEventData = ""; |
| |
| function pastingTextInputHandler(evt) |
| { |
| shouldBe("event.data", toStringLiteral(expectedTextEventData)); |
| textInputCount++; |
| if (willCancelTextInput) |
| evt.preventDefault(); |
| } |
| |
| var testSourceRoot = document.createElement("div"); |
| document.body.appendChild(testSourceRoot); |
| |
| var testTargetRoot = document.createElement("div"); |
| testTargetRoot.innerHTML += "<input type='text' id='targetInput' value=''>"; |
| testTargetRoot.innerHTML += "<div id='targetEditable' contentEditable>"; |
| testTargetRoot.innerHTML += "<textarea id='targetTextarea' ></textarea>"; |
| document.body.appendChild(testTargetRoot); |
| |
| testTargetEditable = document.getElementById("targetEditable"); |
| testTargetEditable.addEventListener("textInput", pastingTextInputHandler); |
| testTargetInput = document.getElementById("targetInput"); |
| testTargetInput.addEventListener("textInput", pastingTextInputHandler); |
| testTargetTextarea = document.getElementById("targetTextarea"); |
| testTargetTextarea.addEventListener("textInput", pastingTextInputHandler); |
| |
| var selection = window.getSelection(); |
| |
| function copyPlainText() |
| { |
| testSourceRoot.innerHTML = "<input type='text' value='PlainHello' id='src' />"; |
| var input = document.getElementById("src"); |
| input.focus(); |
| |
| selection.modify("extend", "forward", "line"); |
| document.execCommand("Copy"); |
| } |
| |
| function copyRichText() |
| { |
| testSourceRoot.innerHTML = "<div id='src' contentEditable><b>Rich</b>Hello</div>"; |
| var editable = document.getElementById("src"); |
| selection.setBaseAndExtent(editable, 0, editable, 0); |
| selection.modify("extend", "forward", "line"); |
| document.execCommand("Copy"); |
| } |
| |
| function pasteToTargetEditable() |
| { |
| var editable = testTargetEditable; |
| editable.innerHTML = ""; |
| selection.setBaseAndExtent(editable, 0, editable, 0); |
| document.execCommand("Paste"); |
| |
| } |
| |
| function targetEditableShouldHave(value) |
| { |
| shouldBe("testTargetEditable.innerHTML", toStringLiteral(value)); |
| } |
| |
| function pasteToTargetInput() |
| { |
| var input = testTargetInput; |
| input.value = ""; |
| input.focus(); |
| document.execCommand("Paste"); |
| } |
| |
| function targetInputShouldHave(value) |
| { |
| shouldBe("testTargetInput.value", toStringLiteral(value)); |
| } |
| |
| function pasteToTargetTextarea() |
| { |
| var textarea = testTargetTextarea; |
| textarea.value = ""; |
| textarea.focus(); |
| document.execCommand("Paste"); |
| } |
| |
| function targetTextareaShouldHave(value) |
| { |
| shouldBe("testTargetTextarea.value", toStringLiteral(value)); |
| } |
| |
| var proceedingTestCases = [ |
| [copyPlainText, pasteToTargetTextarea, targetTextareaShouldHave, "PlainHello", "PlainHello"], |
| [copyPlainText, pasteToTargetInput, targetInputShouldHave, "PlainHello", "PlainHello"], |
| [copyPlainText, pasteToTargetEditable, targetEditableShouldHave, "PlainHello", ""], |
| [copyRichText, pasteToTargetTextarea, targetTextareaShouldHave, "RichHello", "RichHello"], |
| [copyRichText, pasteToTargetInput, targetInputShouldHave, "RichHello", "RichHello"], |
| [copyRichText, pasteToTargetEditable, targetEditableShouldHave, "<b>Rich</b>Hello", ""], |
| ]; |
| |
| var cancelingTestCases = [ |
| [copyPlainText, pasteToTargetTextarea, targetTextareaShouldHave, "", "PlainHello"], |
| [copyPlainText, pasteToTargetInput, targetInputShouldHave, "", "PlainHello"], |
| [copyPlainText, pasteToTargetEditable, targetEditableShouldHave, "", ""], |
| [copyRichText, pasteToTargetTextarea, targetTextareaShouldHave, "", "RichHello"], |
| [copyRichText, pasteToTargetInput, targetInputShouldHave, "", "RichHello"], |
| [copyRichText, pasteToTargetEditable, targetEditableShouldHave, "", ""], |
| ]; |
| |
| function runSingleTest(caseData) |
| { |
| var copy = caseData[0]; |
| var paste = caseData[1]; |
| var verifyFunction = caseData[2]; |
| var verifyParameter = caseData[3]; |
| |
| expectedTextEventData = caseData[4]; |
| |
| copy(); |
| paste(); |
| verifyFunction(verifyParameter); |
| } |
| |
| textInputCount = 0; |
| willCancelTextInput = false; |
| for (var i = 0; i < proceedingTestCases.length; ++i) |
| runSingleTest(proceedingTestCases[i]); |
| shouldBe("textInputCount", "proceedingTestCases.length"); |
| |
| textInputCount = 0; |
| willCancelTextInput = true; |
| for (var i = 0; i < cancelingTestCases.length; ++i) |
| runSingleTest(cancelingTestCases[i]); |
| shouldBe("textInputCount", "cancelingTestCases.length"); |
| |
| // Hides dataset to make dump clean. |
| testTargetRoot.style.display = "none"; |
| testSourceRoot.style.display = "none"; |
| |
| var successfullyParsed = true; |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
