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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
<!DOCTYPE html>
<meta charset="UTF-8">
<title>InputEvent.getTargetRanges() should return same array in various timings</title>
<div contenteditable id="target"></div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
"use strict";
// https://w3c.github.io/input-events/#events-inputevents is not clear that
// the StaticRange-based APIs are internally represented as Range during event
// propagation. However, at least Blink does this, and it requires that an
// exception thrown when converting a StaticRange to a Range propagates the
// exception.
let target = document.getElementById("target");
test(() => {
target.innerHTML = "hello<span> </span>world";
let ev = new InputEvent("input",
{
data: "a",
inputType: "insertText",
targetRanges: [
new StaticRange({
startContainer: target,
startOffset: 0,
endContainer: target,
endOffset: 3,
}),
],
});
target.querySelector("span").remove();
target.normalize();
let ranges = ev.getTargetRanges();
assert_equals(ranges.length, 1);
assert_equals(ranges[0].startContainer, target);
assert_equals(ranges[0].startOffset, 0);
assert_equals(ranges[0].endContainer, target);
assert_equals(ranges[0].endOffset, 1);
}, "valid target ranges in Element don't throw exceptions");
test(() => {
target.innerHTML = "hello<span> </span>world";
assert_throws_dom(
"IndexSizeError",
() => {
// This should throw:
let ev = new InputEvent("input",
{
data: "a",
inputType: "insertText",
targetRanges: [
new StaticRange({
startContainer: target,
startOffset: 0,
endContainer: target,
endOffset: 5,
}),
],
});
// Run this in case it doesn't throw, to make sure it doesn't crash:
ev.getTargetRanges()[0].endOffset;
});
}, "InputEvent constructor throws with invalid range in Element");
test(() => {
target.innerHTML = "hello<span> </span>world";
let text = target.firstChild;
let ev = new InputEvent("input",
{
data: "a",
inputType: "insertText",
targetRanges: [
new StaticRange({
startContainer: text,
startOffset: 0,
endContainer: text,
endOffset: 3,
}),
],
});
text.replaceData(1, 1, "eee");
let ranges = ev.getTargetRanges();
assert_equals(ranges.length, 1);
assert_equals(ranges[0].startContainer, text);
assert_equals(ranges[0].startOffset, 0);
assert_equals(ranges[0].endContainer, text);
assert_equals(ranges[0].endOffset, 5);
}, "valid target ranges in Text don't throw exceptions");
test(() => {
target.innerHTML = "hello<span> </span>world";
let text = target.firstChild;
assert_throws_dom(
"IndexSizeError",
() => {
// This should throw:
let ev = new InputEvent("input",
{
data: "a",
inputType: "insertText",
targetRanges: [
new StaticRange({
startContainer: text,
startOffset: 0,
endContainer: text,
endOffset: 12,
}),
],
});
// Run this in case it doesn't throw, to make sure it doesn't crash:
ev.getTargetRanges()[0].endOffset;
});
}, "InputEvent constructor throws with invalid range in Text");
</script>
|
