summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/shadow-dom/event-post-dispatch.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/shadow-dom/event-post-dispatch.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/shadow-dom/event-post-dispatch.html')
-rw-r--r--testing/web-platform/tests/shadow-dom/event-post-dispatch.html226
1 files changed, 226 insertions, 0 deletions
diff --git a/testing/web-platform/tests/shadow-dom/event-post-dispatch.html b/testing/web-platform/tests/shadow-dom/event-post-dispatch.html
new file mode 100644
index 0000000000..239881c7e1
--- /dev/null
+++ b/testing/web-platform/tests/shadow-dom/event-post-dispatch.html
@@ -0,0 +1,226 @@
+<!DOCTYPE html>
+<title>Shadow DOM: Event dispatch post result for event properties.</title>
+<meta name="author" title="Eriko Kurimoto" href="mailto:elkurin@google.com">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="resources/shadow-dom.js"></script>
+<script src="resources/event-path-test-helpers.js"></script>
+
+<div id="test1">
+ <div id="d1">
+ <div id="target"></div>
+ </div>
+</div>
+
+<script>
+let n1 = createTestTree(test1);
+document.body.appendChild(n1.test1);
+test(() => {
+ let log = dispatchEventWithEventLog(n1, n1.target, new Event('my-event', { bubbles: true, composed: true }));
+ assert_equals(log.event.target, n1.target);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch without ShadowRoots (composed: true).');
+
+test(() => {
+ let log = dispatchEventWithEventLog(n1, n1.target, new Event('my-event', { bubbles: true, composed: false }));
+ assert_equals(log.event.target, n1.target);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch without ShadowRoots (composed: false).');
+document.body.removeChild(n1.test1);
+</script>
+
+<div id="test2">
+ <div id="host">
+ <template id="sr" data-mode="open">
+ <div id="target"></div>
+ </template>
+ </div>
+</div>
+
+<script>
+let n2 = createTestTree(test2);
+document.body.appendChild(n2.test2);
+test(() => {
+ let log = dispatchEventWithEventLog(n2, n2.target, new Event('my-event', { bubbles: true, composed: true }));
+ assert_equals(log.event.target, n2.host);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with an open ShadowRoot (composed: true).');
+
+test(() => {
+ let log = dispatchEventWithEventLog(n2, n2.target, new Event('my-event', { bubbles: true, composed: false }));
+ assert_equals(log.event.target, null);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with an open ShadowRoot (composed: false).');
+document.body.removeChild(n2.test2);
+</script>
+
+<div id="test3">
+ <div id="host">
+ <template id="sr" data-mode="closed">
+ <div id="target"></div>
+ </template>
+ </div>
+</div>
+
+<script>
+let n3 = createTestTree(test3);
+document.body.appendChild(n3.test3);
+test(() => {
+ let log = dispatchEventWithEventLog(n3, n3.target, new Event('my-event', { bubbles: true, composed: true }));
+ assert_equals(log.event.target, n3.host);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with a closed ShadowRoot (composed: true).');
+
+test(() => {
+ let log = dispatchEventWithEventLog(n3, n3.target, new Event('my-event', { bubbles: true, composed: false }));
+ assert_equals(log.event.target, null);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with a closed ShadowRoot (composed: false).');
+document.body.removeChild(n3.test3);
+</script>
+
+<div id="test4">
+ <div id="host1">
+ <template id="sr" data-mode="open">
+ <div id="host2">
+ <template id="sr" data-mode="open">
+ <div id="target"></div>
+ </template>
+ </div>
+ </template>
+ </div>
+</div>
+
+<script>
+let n4 = createTestTree(test4);
+document.body.appendChild(n4.test4);
+test(() => {
+ let log = dispatchEventWithEventLog(n4, n4.target, new Event('my-event', { bubbles: true, composed: true }));
+ assert_equals(log.event.target, n4.host1);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with nested ShadowRoots (composed: true).');
+
+test(() => {
+ let log = dispatchEventWithEventLog(n4, n4.target, new Event('my-event', { bubbles: true, composed: false }));
+ assert_equals(log.event.target, null);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with nested ShadowRoots (composed: false).');
+document.body.removeChild(n4.test4);
+</script>
+
+<div id="test5">
+ <div id="host">
+ <template id="sr" data-mode="open">
+ <div id="relatedTarget">
+ <div id="target"></div>
+ </div>
+ </template>
+ </div>
+</div>
+
+<script>
+let n5 = createTestTree(test5);
+document.body.appendChild(n5.test5);
+test(() => {
+ let log = dispatchEventWithEventLog(n5, n5.target, new MouseEvent('my-event', {bubbles: true, compoesed: true, relatedTarget: n5.relatedTarget}));
+ assert_equals(log.event.target, null);
+ assert_equals(log.event.relatedTarget, null);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with relatedTarget in the same shadow tree. (composed: true)');
+
+test(() => {
+ let log = dispatchEventWithEventLog(n5, n5.target, new MouseEvent('my-event', {bubbles: true, compoesed: false, relatedTarget: n5.relatedTarget}));
+ assert_equals(log.event.target, null);
+ assert_equals(log.event.relatedTarget, null);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with relatedTarget in the same shadow tree. (composed: false)');
+document.body.removeChild(n5.test5);
+</script>
+
+<div id="test6">
+ <div id="host">
+ <template id="sr" data-mode="open">
+ <div id="target"></div>
+ </template>
+ </div>
+ <div id="relatedTarget"></div>
+</div>
+
+<script>
+let n6 = createTestTree(test6);
+document.body.appendChild(n6.test6);
+test(() => {
+ let log = dispatchEventWithEventLog(n6, n6.target, new MouseEvent('my-event', {bubbles: true, composed: true, relatedTarget: n6.relatedTarget}));
+ assert_equals(log.event.target, n6.host);
+ assert_equals(log.event.relatedTarget, n6.relatedTarget);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with relatedTarget in the document tree and the shadow tree. (composed: true)');
+
+test(() => {
+ let log = dispatchEventWithEventLog(n6, n6.target, new MouseEvent('my-event', {bubbles: true, composed: false, relatedTarget: n6.relatedTarget}));
+ assert_equals(log.event.target, null);
+ assert_equals(log.event.relatedTarget, null);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with relatedTarget in the document tree and the shadow tree. (composed: false)');
+document.body.removeChild(n6.test6);
+</script>
+
+<div id="test7">
+ <div id="host1">
+ <template id="sr1" data-mode="open">
+ <div id="target"></div>
+ </template>
+ </div>
+ <div id="host2">
+ <template id="sr2" data-mode="open">
+ <div id="relatedTarget"></div>
+ </template>
+ </div>
+</div>
+
+<script>
+let n7 = createTestTree(test7);
+document.body.appendChild(n7.test7);
+test(() => {
+ let log = dispatchEventWithEventLog(n7, n7.target, new MouseEvent('my-event', {bubbles: true, composed: true, relatedTarget: n7.relatedTarget}));
+ assert_equals(log.event.target, n7.host1);
+ assert_equals(log.event.relatedTarget, n7.host2);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with relatedTarget in the different shadow trees. (composed: true)');
+
+test(() => {
+ let log = dispatchEventWithEventLog(n7, n7.target, new MouseEvent('my-event', {bubbles: true, composed: false, relatedTarget: n7.relatedTarget}));
+ assert_equals(log.event.target, null);
+ assert_equals(log.event.relatedTarget, null);
+ assert_equals(log.event.eventPhase, 0);
+ assert_equals(log.event.currentTarget, null);
+ assert_equals(log.event.composedPath().length, 0);
+}, 'Event properties post dispatch with relatedTarget in the different shadow trees. (composed: false)');
+document.body.removeChild(n7.test7);
+</script>
generated by cgit v1.2.3 (git 2.39.1) at 2024-12-18 14:32:25 +0000