summaryrefslogtreecommitdiffstats
path: root/dom/tests/mochitest/webcomponents/test_event_stopping.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /dom/tests/mochitest/webcomponents/test_event_stopping.html
parentInitial commit. (diff)
downloadfirefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz
firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/tests/mochitest/webcomponents/test_event_stopping.html')
-rw-r--r--dom/tests/mochitest/webcomponents/test_event_stopping.html174
1 files changed, 174 insertions, 0 deletions
diff --git a/dom/tests/mochitest/webcomponents/test_event_stopping.html b/dom/tests/mochitest/webcomponents/test_event_stopping.html
new file mode 100644
index 0000000000..c90988d869
--- /dev/null
+++ b/dom/tests/mochitest/webcomponents/test_event_stopping.html
@@ -0,0 +1,174 @@
+<!DOCTYPE HTML>
+<html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=887541
+-->
+<head>
+ <title>Test for event model in web components</title>
+ <script type="text/javascript" src="head.js"></script>
+ <script src="/tests/SimpleTest/SimpleTest.js"></script>
+ <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
+</head>
+<body>
+<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=887541">Bug 887541</a>
+<script>
+
+var els = SpecialPowers.Cc["@mozilla.org/eventlistenerservice;1"]
+ .getService(SpecialPowers.Ci.nsIEventListenerService);
+
+SimpleTest.waitForExplicitFinish();
+createIframe()
+ .then((aDocument) => {
+ function eventListener(e) {
+ eventChain.push(this);
+ }
+
+ function isEventChain(actual, expected, msg) {
+ is(actual.length, expected.length, msg);
+ for (var i = 0; i < expected.length; i++) {
+ is(actual[i], expected[i], msg + " at " + i);
+ }
+
+ if (actual.length) {
+ var chain = els.getEventTargetChainFor(actual[0], false); // Events should be dispatched on actual[0].
+ ok(expected.length < chain.length, "There should be additional chrome event targets.");
+ }
+ }
+
+ /*
+ * <div elemOne> ------ <shadow-root shadowOne>
+ * |
+ * <span elemTwo>
+ * |
+ * <span elemThree>
+ */
+
+ var elemOne = aDocument.createElement("div");
+ var elemTwo = aDocument.createElement("span");
+ var elemThree = aDocument.createElement("span");
+ var shadowOne = elemOne.attachShadow({mode: "open"});
+
+ shadowOne.appendChild(elemTwo);
+ elemTwo.appendChild(elemThree);
+
+ // Test stopping "abort" event.
+
+ elemOne.addEventListener("abort", eventListener);
+ elemTwo.addEventListener("abort", eventListener);
+ elemThree.addEventListener("abort", eventListener);
+ shadowOne.addEventListener("abort", eventListener);
+
+ var eventChain = [];
+
+ var customEvent = new CustomEvent("abort", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that abort event is stopped at shadow root.");
+
+ // Test stopping "error" event.
+
+ elemOne.addEventListener("error", eventListener);
+ elemTwo.addEventListener("error", eventListener);
+ elemThree.addEventListener("error", eventListener);
+ shadowOne.addEventListener("error", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("error", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that error event is stopped at shadow root.");
+
+ // Test stopping "select" event.
+
+ elemOne.addEventListener("select", eventListener);
+ elemTwo.addEventListener("select", eventListener);
+ elemThree.addEventListener("select", eventListener);
+ shadowOne.addEventListener("select", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("select", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that select event is stopped at shadow root.");
+
+ // Test stopping "change" event.
+
+ elemOne.addEventListener("change", eventListener);
+ elemTwo.addEventListener("change", eventListener);
+ elemThree.addEventListener("change", eventListener);
+ shadowOne.addEventListener("change", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("change", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+
+ // Test stopping "reset" event.
+
+ elemOne.addEventListener("reset", eventListener);
+ elemTwo.addEventListener("reset", eventListener);
+ elemThree.addEventListener("reset", eventListener);
+ shadowOne.addEventListener("reset", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("reset", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that reset event is stopped at shadow root.");
+
+ // Test stopping "load" event.
+
+ elemOne.addEventListener("load", eventListener);
+ elemTwo.addEventListener("load", eventListener);
+ elemThree.addEventListener("load", eventListener);
+ shadowOne.addEventListener("load", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("load", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that load event is stopped at shadow root.");
+
+ // Test stopping "resize" event.
+
+ elemOne.addEventListener("resize", eventListener);
+ elemTwo.addEventListener("resize", eventListener);
+ elemThree.addEventListener("resize", eventListener);
+ shadowOne.addEventListener("resize", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("resize", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that resize event is stopped at shadow root.");
+
+ // Test stopping "scroll" event.
+
+ elemOne.addEventListener("scroll", eventListener);
+ elemTwo.addEventListener("scroll", eventListener);
+ elemThree.addEventListener("scroll", eventListener);
+ shadowOne.addEventListener("scroll", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("scroll", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that scroll event is stopped at shadow root.");
+
+ // Test stopping "selectstart" event.
+
+ elemOne.addEventListener("selectstart", eventListener);
+ elemTwo.addEventListener("selectstart", eventListener);
+ elemThree.addEventListener("selectstart", eventListener);
+ shadowOne.addEventListener("selectstart", eventListener);
+
+ eventChain = [];
+
+ customEvent = new CustomEvent("selectstart", { "bubbles" : true });
+ elemThree.dispatchEvent(customEvent);
+ isEventChain(eventChain, [elemThree, elemTwo, shadowOne], "Test that selectstart event is stopped at shadow root.");
+
+ SimpleTest.finish();
+ });
+</script>
+</body>
+</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-01-05 22:17:55 +0000