Part 5: Add a test for bubbling
Differential Revision: https://phabricator.services.mozilla.com/D120291
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1648944
gecko-commit: 02e7901e8253d1779ac0fd9359130d8ceb14eaf0
gecko-reviewers: masayuki
diff --git a/selection/textcontrols/selectionchange-bubble.html b/selection/textcontrols/selectionchange-bubble.html
new file mode 100644
index 0000000..834b32b
--- /dev/null
+++ b/selection/textcontrols/selectionchange-bubble.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Test selectionchange events bubbling from text controls</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<input id="input" width="200" value="foo"><br>
+<textarea id="textarea" width="200">foo</textarea>
+
+<script>
+ function untilEvent(element, eventName) {
+ return new Promise(resolve => {
+ element.addEventListener(eventName, resolve, { once: true });
+ });
+ }
+
+ for (const element of [input, textarea]) {
+ const name = element.localName;
+ for (const focus of [false, true]) {
+ let focused = focus ? " when focused" : "";
+ let offset = focus ? 2 : 1;
+ promise_test(async () => {
+ if (focus) {
+ element.focus();
+ }
+
+ element.setSelectionRange(offset, offset);
+ const ev = await untilEvent(element, "selectionchange");
+ assert_equals(ev.bubbles, true);
+ }, `selectionchange bubbles from ${name}${focused}`);
+ }
+ }
+</script>
diff --git a/selection/textcontrols/selectionchange.tentative.html b/selection/textcontrols/selectionchange.html
similarity index 100%
rename from selection/textcontrols/selectionchange.tentative.html
rename to selection/textcontrols/selectionchange.html
