Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1067)

Unified Diff: third_party/WebKit/LayoutTests/shadow-dom/event-composed-path-with-related-target.html

Issue 2384403002: Dispatch synthetic events even when target and relatedTarget are identical (Closed)
Patch Set: fix Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/shadow-dom/event-composed-path-with-related-target.html
diff --git a/third_party/WebKit/LayoutTests/shadow-dom/event-composed-path-with-related-target.html b/third_party/WebKit/LayoutTests/shadow-dom/event-composed-path-with-related-target.html
deleted file mode 100644
index 4fdd35cbc730f7dc27036334bed5522b2cc242f6..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/shadow-dom/event-composed-path-with-related-target.html
+++ /dev/null
@@ -1,254 +0,0 @@
-<!DOCTYPE html>
-<script src="../resources/testharness.js"></script>
-<script src="../resources/testharnessreport.js"></script>
-<script src="resources/shadow-dom.js"></script>
-
-<div id="test1">
- <div id="target"></div>
- <div id="related"></div>
-</div>
-
-<script>
-test(() => {
- let n = createTestTree(test1);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.related }));
- let path = ['target', 'test1'];
- assert_event_path_equals(log, [['target', 'target', 'related', path],
- ['test1', 'target', 'related', path]]);
-}, 'Event path for an event with a relatedTarget. relatedTarget != target.');
-</script>
-
-<script>
-test(() => {
- let n = createTestTree(test1);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.target }));
- let path = ['target', 'test1'];
- assert_event_path_equals(log, [['target', 'target', 'target', path],
- ['test1', 'target', 'target', path]]);
-}, 'Event path for an event with a relatedTarget. Event shoul be dispatched if 1) target and relatedTarget are same, and 2) they are not in a shadow tree.');
-</script>
-
-<div id="test2">
- <div id="host">
- <template id="sr" data-mode="open">
- <div id="target"></div>
- <div id="related"></div>
- </template>
- </div>
-</div>
-
-<script>
-test(() => {
- let n = createTestTree(test2);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.related }));
- let path = ['target', 'sr'];
- assert_event_path_equals(log, [['target', 'target', 'related', path],
- ['sr', 'target', 'related', path]]);
-}, 'Event path for an event with a relatedTarget. Event should stop at the shadow root');
-
-test(() => {
- let n = createTestTree(test2);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.target }));
- assert_event_path_equals(log, []);
-}, 'Event path for an event with a relatedTarget. Event should not be dispatched if 1) target and relatedTarget are same, and 2) both are in a shadow tree.');
-</script>
-
-<div id="test3_1">
- <div id="host1">
- <template id="sr1" data-mode="open">
- <div id="target1"></div>
- </template>
- </div>
-</div>
-
-<div id="test3_2">
- <div id="host2">
- <template id="sr2" data-mode="open">
- <div id="target2"></div>
- </template>
- </div>
-</div>
-
-<script>
-test(() => {
- let n1 = createTestTree(test3_1);
- let n2 = createTestTree(test3_2);
- let log = dispatchEventWithLog(n1, n1.target1, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n2.target2 }));
- let path = ['target1', 'sr1', 'host1', 'test3_1'];
- assert_event_path_equals(log, [['target1', 'target1', 'host2', path],
- ['sr1', 'target1', 'host2', path],
- ['host1', 'host1', 'host2', path],
- ['test3_1', 'host1', 'host2', path]]);
-}, 'Event path for an event with a relatedTarget. target and relaterTarget do not share any shadow-including ancestor. target is in a shadow tree.');
-
-test(() => {
- let n1 = createTestTree(test3_1);
- let n2 = createTestTree(test3_2);
- let log = dispatchEventWithLog(n1, n1.host1, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n2.target2 }));
- let path = ['host1', 'test3_1'];
- assert_event_path_equals(log, [['host1', 'host1', 'host2', path],
- ['test3_1', 'host1', 'host2', path]]);
-}, 'Event path for an event with a relatedTarget. target and relaterTarget do not share any shadow-including ancestor. target is not in a shadow tree');
-</script>
-
-<div id="test4">
- <div id="host1">
- <template id="sr1" data-mode="open">
- <div id="host2">
- <template id="sr2" data-mode="open">
- <div id="target"></div>
- </template>
- </div>
- <div id="host3">
- <template id="sr3" data-mode="open">
- <div id="related"></div>
- </template>
- </div>
- </template>
- </div>
-</div>
-
-<script>
-test(() => {
- let n = createTestTree(test4);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.related }));
- let path = ['target', 'sr2', 'host2', 'sr1'];
- assert_event_path_equals(log, [['target', 'target', 'host3', path],
- ['sr2', 'target', 'host3', path],
- ['host2', 'host2', 'host3', path],
- ['sr1', 'host2', 'host3', path]]);
-}, 'Event path for an event with a relatedTarget. target and relaterTarget share the same shadow-including ancestor. Both are in shadow trees.');
-
-test(() => {
- let n = createTestTree(test4);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.host1 }));
- let path = ['target', 'sr2', 'host2', 'sr1'];
- assert_event_path_equals(log, [['target', 'target', 'host1', path],
- ['sr2', 'target', 'host1', path],
- ['host2', 'host2', 'host1', path],
- ['sr1', 'host2', 'host1', path]]);
-}, 'Event path for an event with a relatedTarget. relaterTarget is a shadow-including ancestor of target.');
-
-test(() => {
- let n = createTestTree(test4);
- let log = dispatchEventWithLog(n, n.host1, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.target }));
- assert_event_path_equals(log, []);
-}, 'Event path for an event with a relatedTarget. target is a shadow-including ancestor of relatedTarget.');
-</script>
-
-<div id="test5">
- <div id="host">
- <template id="sr" data-mode="open">
- <slot id="slot"></slot>
- <div id="related"></div>
- </template>
- <div id="target"></div>
- </div>
-</div>
-
-<script>
-test(() => {
- let n = createTestTree(test5);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.related }));
- let path = ['target', 'slot', 'sr', 'host', 'test5'];
- assert_event_path_equals(log, [['target', 'target', 'host', path],
- ['slot', 'target', 'related', path],
- ['sr', 'target', 'related', path],
- ['host', 'target', 'host', path],
- ['test5', 'target', 'host', path]]);
-}, 'Event path for an event with a relatedTarget. target is assigned to a slot.');
-
-test(() => {
- let n = createTestTree(test5);
- let log = dispatchEventWithLog(n, n.related, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.target }));
- let path = ['related', 'sr', 'host', 'test5'];
- assert_event_path_equals(log, [['related', 'related', 'target', path],
- ['sr', 'related', 'target', path],
- ['host', 'host', 'target', path],
- ['test5', 'host', 'target', path]]);
-}, 'Event path for an event with a relatedTarget. relatedTarget is assigned to a slot.');
-</script>
-
-<div id="test6">
- <div id="host0">
- <template id="sr0" data-mode="open">
- <div id="host1">
- <template id="sr1" data-mode="open">
- <div id="host2">
- <template id="sr2" data-mode="open">
- <slot id="slot2"></slot>
- <div id="related2"></div>
- </template>
- <div id="related1"></div>
- <div id="d1">
- <slot id="slot1"></slot>
- </div>
- </div>
- </template>
- <div id="host3">
- <template id="sr3" data-mode="open">
- <div id="host4">
- <template id="sr4" data-mode="open">
- <div id="host5">
- <template id="sr5" data-mode="open">
- <slot id="slot5"></slot>
- </template>
- <slot id="slot4"></slot>
- </div>
- </template>
- <div id="target"></div>
- </div>
- </template>
- </div>
- </div>
- </template>
- </div>
-</div>
-
-<script>
-test(() => {
- let n = createTestTree(test6);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.related1 }));
- let path = ['target', 'slot4', 'slot5', 'sr5', 'host5', 'sr4', 'host4', 'sr3', 'host3', 'slot1', 'd1', 'slot2', 'sr2', 'host2', 'sr1', 'host1', 'sr0'];
- assert_event_path_equals(log, [['target', 'target', 'host1', path],
- ['slot4', 'target', 'host1', path],
- ['slot5', 'target', 'host1', path],
- ['sr5', 'target', 'host1', path],
- ['host5', 'target', 'host1', path],
- ['sr4', 'target', 'host1', path],
- ['host4', 'target', 'host1', path],
- ['sr3', 'target', 'host1', path],
- ['host3', 'host3', 'host1', path],
- ['slot1', 'host3', 'related1', path],
- ['d1' , 'host3', 'related1', path],
- ['slot2', 'host3', 'related1', path],
- ['sr2', 'host3', 'related1', path],
- ['host2', 'host3', 'related1', path],
- ['sr1', 'host3', 'related1', path],
- ['host1', 'host3', 'host1', path],
- ['sr0', 'host3', 'host1' , path]]);
-}, 'Event path for an event with a relatedTarget. Event should be dispatched at every slots.');
-
-test(() => {
- let n = createTestTree(test6);
- let log = dispatchEventWithLog(n, n.target, new FocusEvent('my-focus', { bubbles: true, composed: true, relatedTarget: n.related2 }));
- let path = ['target', 'slot4', 'slot5', 'sr5', 'host5', 'sr4', 'host4', 'sr3', 'host3', 'slot1', 'd1', 'slot2', 'sr2', 'host2', 'sr1', 'host1', 'sr0'];
- assert_event_path_equals(log, [['target', 'target', 'host1', path],
- ['slot4', 'target', 'host1', path],
- ['slot5', 'target', 'host1', path],
- ['sr5', 'target', 'host1', path],
- ['host5', 'target', 'host1', path],
- ['sr4', 'target', 'host1', path],
- ['host4', 'target', 'host1', path],
- ['sr3', 'target', 'host1', path],
- ['host3', 'host3', 'host1', path],
- ['slot1', 'host3', 'host2', path],
- ['d1' , 'host3', 'host2', path],
- ['slot2', 'host3', 'related2', path],
- ['sr2', 'host3', 'related2', path],
- ['host2', 'host3', 'host2', path],
- ['sr1', 'host3', 'host2', path],
- ['host1', 'host3', 'host1', path],
- ['sr0', 'host3', 'host1' , path]]);
-}, 'Event path for an event with a relatedTarget. Event should be dispatched at every slots. relatedTarget should be correctly retargeted.');
-</script>

Powered by Google App Engine
This is Rietveld 408576698