Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 4 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /input-events/input-events-range-exceptions.tentative.html - WPT Dashboard Interop Dashboard
<!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";
// 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>