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

Side by Side Diff: third_party/WebKit/LayoutTests/shadow-dom/event-deeppath-closed-shadowroot.html

Issue 2051743002: Rename deep-path to composed-path in LayoutTests/shadow-dom/ (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@clean-tests-2
Patch Set: Created 4 years, 6 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 unified diff | Download patch
OLDNEW
(Empty)
1 <!doctype html>
2 <script src="../resources/js-test.js"></script>
3 <script src="../fast/dom/shadow/resources/shadow-dom.js"></script>
4 <body></body>
5 <script>
6 function prepareTree() {
7 document.body.appendChild(
8 createDOM('div', {id: 'host_open'},
9 attachShadow({mode: 'open', id: 'open_shadow'},
10 createDOM('div', {id: 'inner_open'},
11 attachShadow({mode: 'open', id: 'open_shadow_in_open_shadow' },
12 createDOM('span', {id: 'target_open', tabindex: '0'},
13 document.createTextNode('open')))))));
14
15 document.body.appendChild(
16 createDOM('div', {id: 'host_closed'},
17 attachShadow({mode: 'closed', id: 'closed_shadow'},
18 createDOM('div', {id: 'inner_closed'},
19 attachShadow({mode: 'open', id: 'open_shadow_in_closed_shado w'},
20 createDOM('span', {id: 'target_closed', tabindex: '0'},
21 document.createTextNode('closed')))))));
22 }
23
24 function clickHandler(e) {
25 eventPath = e.composedPath();
26 }
27
28 debug('Event.composedPath() should include only unclosed nodes.');
29
30 prepareTree();
31
32 var targetOpen = getNodeInComposedTree('host_open/inner_open/target_open');
33 var targetClosed = getNodeInComposedTree('host_closed/inner_closed/target_closed ');
34
35 targetOpen.addEventListener('click', clickHandler, false);
36 targetClosed.addEventListener('click', clickHandler, false);
37
38 debug("\nDispaching a click event on #target_open, listening on #target_open.");
39 var eventPath = null;
40 targetOpen.click();
41 // Expected: <span#target_open>, #open_shadow_in_open_shadow, <div#inner_open>,
42 // #open_shadow, <div#host_open>, <body>, <html>, #document, window
43 shouldBe('eventPath.length', '9');
44 debug("\nevent.composedPath() for #target_open:");
45 debug(dumpNodeList(eventPath));
46
47 debug("\nDispaching a click event on #target_closed, listening on #target_closed .");
48 eventPath = null;
49 targetClosed.click();
50 // Expected: <span#target_closed>, #open_shadow_in_closed_shadow, <div#inner_clo sed>,
51 // #closed_shadow, <div#host_closed>, <body>, <html>, #document, window
52 shouldBe('eventPath.length', '9');
53 debug("\nevent.composedPath() for #target_closed:");
54 debug(dumpNodeList(eventPath));
55
56
57 targetOpen.removeEventListener('click', clickHandler, false);
58 targetClosed.removeEventListener('click', clickHandler, false);
59 document.body.addEventListener('click', clickHandler, false);
60
61 debug("\nDispaching a click event on #target_open, listening on document.body.") ;
62 var eventPath = null;
63 targetOpen.click();
64 // Expected: <span#target_open>, #open_shadow_in_open_shadow, <div#inner_open>,
65 // #open_shadow, <div#host_open>, <body>, <html>, #document, window
66 shouldBe('eventPath.length', '9');
67 debug("\nevent.composedPath() for #target_open:");
68 debug(dumpNodeList(eventPath));
69
70 debug("\nDispaching a click event on #target_closed, listening on document.body. ");
71 eventPath = null;
72 targetClosed.click();
73 // For this test, <span> and closed shadow root are excluded from the open shado w case,
74 // thus 9 - 4 = 5.
75 // Expected: <div#host_closed>, <body>, <html>, #document, window
76 shouldBe('eventPath.length', '5');
77 debug("\nevent.composedPath() for #target_closed:");
78 debug(dumpNodeList(eventPath));
79 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698