1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>Include symbols while moving forward/backward by word</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="../editing/include/editor-test-utils.js"></script>
<div contenteditable id="target">~>>>>>p+++</div>
<textarea id="textareaTarget">$$$$q~~~</textarea>
<input id="inputTarget" value="||||r=====">
<script>
const selection = getSelection();
const textNode = document.getElementById("target").childNodes[0];
const textareaNode = document.getElementById("textareaTarget");
const inputNode = document.getElementById("inputTarget");
test(() => {
selection.collapse(textNode, 6); // Start just before 'p'
selection.modify("move", "backward", "word");
assert_equals(selection.focusNode, textNode);
assert_equals(selection.focusOffset, 0, "Caret should move to the beginning");
}, "Symbols should be included while moving backward by word");
test(() => {
selection.collapse(textNode, 7); // Start just after 'p'
selection.modify("move", "forward", "word");
assert_equals(selection.focusNode, textNode);
assert_equals(selection.focusOffset, 10, "Caret should move to the end");
}, "Symbols should be included while moving forward by word");
promise_test(async () => {
textareaNode.focus();
textareaNode.setSelectionRange(4, 4); // Start just before 'q'
const utils = new EditorTestUtils(textareaNode);
await utils.sendMoveWordLeftKey();
assert_equals(textareaNode.selectionStart, 0, "Caret should move to the beginning");
}, "Symbols should be included while moving backward by word in textarea element");
promise_test(async () => {
textareaNode.focus();
textareaNode.setSelectionRange(5, 5); // Start just after 'q'
const utils = new EditorTestUtils(textareaNode);
await utils.sendMoveWordRightKey();
assert_equals(textareaNode.selectionStart, 8, "Caret should move to the end");
}, "Symbols should be included while moving forward by word in textarea element");
promise_test(async () => {
inputNode.focus();
inputNode.setSelectionRange(4, 4); // Start just before 'r'
const utils = new EditorTestUtils(inputNode);
await utils.sendMoveWordLeftKey();
assert_equals(inputNode.selectionStart, 0, "Caret should move to the beginning");
}, "Symbols should be included while moving backward by word in input element");
promise_test(async () => {
inputNode.focus();
inputNode.setSelectionRange(5, 5); // Start just after 'r'
const utils = new EditorTestUtils(inputNode);
await utils.sendMoveWordRightKey();
assert_equals(inputNode.selectionStart, 10, "Caret should move to the end");
}, "Symbols should be included while moving forward by word in input element");
</script>
|