diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/input-events/input-events-cut-paste.html | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/input-events/input-events-cut-paste.html')
| -rw-r--r-- | testing/web-platform/tests/input-events/input-events-cut-paste.html | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/testing/web-platform/tests/input-events/input-events-cut-paste.html b/testing/web-platform/tests/input-events/input-events-cut-paste.html new file mode 100644 index 0000000000..f2ca5a0a65 --- /dev/null +++ b/testing/web-platform/tests/input-events/input-events-cut-paste.html @@ -0,0 +1,141 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Cut and Paste should trigger corresponding InputEvent</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/testdriver.js"></script> +<script src="/resources/testdriver-actions.js"></script> +<script src="/resources/testdriver-vendor.js"></script> +<script type="text/javascript" src="pointerevent_support.js"></script> +<p>To manually run this test, please follow the steps below:<br/> +1. Select 'plain' => Cut (e.g. Ctrl/Cmd-X) => Paste (e.g. Ctrl/Cmd-V).<br/> +2. Select 'rich' => Cut => Paste.<br/> +3. Select 'prevent' => Paste.<br/> +4. Select 'prevent' => Cut => Select 'normal' => Paste.<br/> +<br/> +If a "PASS" result appears the test passes, otherwise it fails</p> +<textarea id="test1_plain">plain</textarea> +<p id="test2_editable" contenteditable><b>rich</b></p> +<p id="test3_editable_prevent" contenteditable>prevent</p> +<p id="test3_editable_normal" contenteditable>normal</p> +<script> + +function resolveWhen(condition) { + return new Promise((resolve, reject) => { + function tick() { + if (condition()) + resolve(); + else + requestAnimationFrame(tick.bind(this)); + } + tick(); + }); +} + +let modifier_key = "\uE009"; +if(navigator.platform.includes('Mac')) + modifier_key = "\uE03D"; +const commands = { + COPY: 'copy', + CUT: 'cut', + PASTE: 'paste', +} +function selectTextCommand(target, command) { + let command_key = ""; + if(command == "copy") + command_key = "c"; + else if (command == "cut") + command_key = "x"; + else if (command == "paste") + command_key = "v"; + return new test_driver.Actions() + .pointerMove(0, 0, {origin: target}) + .pointerDown() + .pointerUp() + .addTick() + .keyDown(modifier_key) + .keyDown("a") + .keyUp("a") + .keyDown(command_key) + .keyUp(command_key) + .keyUp(modifier_key) + .send(); +} + +function selectTextCutAndPaste(target1, target2) { + return selectTextCommand(target1, commands.CUT).then(() => { + return selectTextCommand(target2, commands.PASTE); + }) +} + +promise_test(async test => { + const expectedEventLog = [ + 'cut-[null]', 'beforeinput-deleteByCut', 'input-deleteByCut', + 'paste-[null]', 'beforeinput-insertFromPaste', 'input-insertFromPaste']; + const actualEventLog = []; + const text1 = document.getElementById("test1_plain"); + + for (let eventType of ['beforeinput', 'input', 'cut', 'paste']) { + text1.addEventListener(eventType, test.step_func(function() { + if (event.type === 'beforeinput' && event.inputType === 'insertFromPaste') { + assert_equals(event.data, 'plain'); + assert_equals(event.dataTransfer, null); + } + + actualEventLog.push(`${event.type}-${event.inputType || '[null]'}`); + })); + } + await selectTextCutAndPaste(text1, text1); + await resolveWhen(() => { return actualEventLog.length == expectedEventLog.length }); + assert_array_equals(actualEventLog, expectedEventLog, + `Expected: ${expectedEventLog}; Actual: ${actualEventLog}.`); +}, 'Event order and data on textarea.'); + +promise_test(async test => { + const expectedEventLog = [ + 'cut-[null]', 'beforeinput-deleteByCut', 'input-deleteByCut', + 'paste-[null]', 'beforeinput-insertFromPaste', 'input-insertFromPaste']; + const actualEventLog = []; + const text2 = document.getElementById("test2_editable"); + + for (let eventType of ['beforeinput', 'input', 'cut', 'paste']) { + text2.addEventListener(eventType, test.step_func(function() { + if (event.type === 'beforeinput' && event.inputType === 'insertFromPaste') { + assert_equals(event.data, null); + assert_equals(event.dataTransfer.getData('text/plain'), 'rich'); + assert_regexp_match(event.dataTransfer.getData('text/html'), /<b.*>rich<\/b>$/); + } + + actualEventLog.push(`${event.type}-${event.inputType || '[null]'}`); + })); + } + await selectTextCutAndPaste(text2, text2); + await resolveWhen(() => { return actualEventLog.length == expectedEventLog.length }); + assert_array_equals(actualEventLog, expectedEventLog, + `Expected: ${expectedEventLog}; Actual: ${actualEventLog}.`); +}, 'Event order and dataTransfer on contenteditable.'); + +promise_test(async test => { + const prevent = document.getElementById('test3_editable_prevent'); + const normal = document.getElementById('test3_editable_normal'); + prevent.addEventListener('beforeinput', test.step_func(function() { + if (event.inputType === 'deleteByCut' || + event.inputType === 'insertFromPaste') { + event.preventDefault(); + } + })); + + normal.addEventListener('input', test.step_func(function() { + if (event.inputType === 'insertFromPaste') { + assert_equals(prevent.textContent, 'prevent'); + assert_equals(normal.textContent, 'prevent'); + } + })); + + await selectTextCommand(prevent, commands.PASTE); + await selectTextCutAndPaste(prevent, normal); + await resolveWhen(() => { return normal.textContent == 'prevent' }); + assert_equals(prevent.textContent, 'prevent'); + assert_equals(normal.textContent, 'prevent'); +}, 'preventDefault() should prevent DOM modification but allow clipboard updates.'); +</script> |