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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
<!DOCTYPE html>
<html>
<head>
<script src="/tests/SimpleTest/EventUtils.js"></script>
</head>
<body>
<p id="display">
<input id="input">
<textarea id="textarea" cols="10" rows="2"></textarea>
<div id="editable" contenteditable style="width: 200px;"></div>
</p>
<div id="content" style="display: none;"></div>
<pre id="test">
</pre>
<script>
const SimpleTest = parent.SimpleTest;
const is = parent.is;
const isnot = parent.isnot;
const ok = parent.ok;
window.addEventListener("load", runTest);
function runTest() {
let target = document.getElementById("input");
target.focus();
// <input>
target.value = " ";
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
is(target.selectionStart, target.value.length, "Don't select whitespace");
is(target.selectionEnd, target.value.length, "Don't select whitespace");
target.value = "abc";
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
is(target.selectionStart, target.value.length, "Don't select word");
is(target.selectionEnd, target.value.length, "Don't select word");
target.value = " ".repeat(100);
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
is(target.selectionStart, 0, "Select whitespace");
// <textarea>
target = document.getElementById("textarea");
target.value = " ";
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
is(target.selectionStart, 2, "Don't select whitespace");
is(target.selectionEnd, 2, "Don't select whitespace");
target.value = "abc";
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
is(target.selectionStart, target.value.length, "Don't select word");
is(target.selectionEnd, target.value.length, "Don't select word");
target.value = " ".repeat(10) + "\n" + " ".repeat(10) + "\n" + " ".repeat(10);
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
isnot(target.selectionStart, target.selectionEnd, "Select whitespace");
// contenteditable
target = document.getElementById("editable");
target.innerHTML = "test";
target.focus();
let range = document.createRange();
range.setStart(target.firstChild, target.firstChild.length);
range.setEnd(target.firstChild, target.firstChild.length);
let selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
ok(selection.getRangeAt(0).collapsed, "Don't select word");
target.innerHTML = "t".repeat(50);
target.focus();
range = document.createRange();
range.setStart(target.firstChild, target.firstChild.length);
range.setEnd(target.firstChild, target.firstChild.length);
selection.removeAllRanges();
selection.addRange(range);
synthesizeTouchAtCenter(target, { type: "touchstart" });
synthesizeMouseAtCenter(target, { type: "mouselongtap" });
synthesizeTouchAtCenter(target, { type: "touchend" });
ok(!selection.getRangeAt(0).collapsed, "Select word");
SimpleTest.finish();
}
</script>
</body>
</html>
|
