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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-api-2.html

Issue 1489433002: Support the essential part of Shadow DOM v1 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: wip Created 5 years 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 <meta charset="utf-8">
3 <script src='../../../resources/testharness.js'></script>
4 <script src='../../../resources/testharnessreport.js'></script>
5 <script src='resources/shadow-dom.js'></script>
6 <div id='d1'>
7 <template data-mode='open'>
8 <div id='d1-1'>
9 <template data-mode='open'>
10 <div id='d1-1-1'></div>
11 <slot name='d1-1-s1'></slot>
12 <slot name='d1-1-s2'></slot>
13 <div id='d1-1-2'></div>
14 </template>
15 <div id='d1-2'></div>
16 <slot id='d1-s0'></slot>
17 <slot name='d1-s1' slot='d1-1-s1'></slot>
18 <slot name='d1-s2'></slot>
19 <div id='d1-3'></div>
20 <div id='d1-4' slot='d1-1-s1'></div>
21 </div>
22 </template>
23 <div id='d2' slot='d1-s1'></div>
24 <div id='d3' slot='d1-s2'></div>
25 <div id='d4' slot='non-existent'></div>
26 <div id='d5'></div>
27 </div>
28 <script>
29 convertTemplatesToShadowRootsWithin(d1);
30 removeWhiteSpaceOnlyTextNodes(d1);
31 document.body.offsetLeft;
32
33 const d1_shadow = d1.shadowRoot;
34 const d1_1 = d1_shadow.querySelector('#d1-1');
35 const d1_2 = d1_shadow.querySelector('#d1-2');
36 const d1_3 = d1_shadow.querySelector('#d1-3');
37 const d1_4 = d1_shadow.querySelector('#d1-4');
38 const d1_s0= d1_shadow.querySelector('#d1-s0');
39 const d1_s1 = d1_shadow.querySelector('[name=d1-s1]');
40 const d1_s2 = d1_shadow.querySelector('[name=d1-s2]');
41
42 const d1_1_shadow = d1_1.shadowRoot;
43 const d1_1_1 = d1_1_shadow.querySelector('#d1-1-1');
44 const d1_1_2 = d1_1_shadow.querySelector('#d1-1-2');
45 const d1_1_s1 = d1_1_shadow.querySelector('[name=d1-1-s1]');
46 const d1_1_s2 = d1_1_shadow.querySelector('[name=d1-1-s2]');
47
48 test(() => {
49 assert_equals(d1.assignedSlot, null);
50 assert_equals(d2.assignedSlot, d1_s1);
51 assert_equals(d3.assignedSlot, d1_s2);
52 assert_equals(d4.assignedSlot, null);
53 assert_equals(d5.assignedSlot, d1_s0);
54
55 assert_equals(d1_2.assignedSlot, null);
56 assert_equals(d1_s0.assignedSlot, null);
57 assert_equals(d1_s1.assignedSlot, d1_1_s1);
58 assert_equals(d1_s2.assignedSlot, null);
59 assert_equals(d1_3.assignedSlot, null);
60 assert_equals(d1_4.assignedSlot, d1_1_s1);
61 }, "assignedSlot");
62
63 test(() => {
64 assert_array_equals(d1_s0.getAssignedNodes(), [d5]);
65 assert_array_equals(d1_s1.getAssignedNodes(), [d2]);
66 assert_array_equals(d1_s2.getAssignedNodes(), [d3]);
67
68 assert_array_equals(d1_1_s1.getAssignedNodes(), [d1_s1, d1_4]);
69 assert_array_equals(d1_1_s2.getAssignedNodes(), []);
70 }, "getAssignedNodes");
71
72 test(() => {
73 assert_array_equals(d1_s0.getDistributedNodes(), [d5]);
74 assert_array_equals(d1_s1.getDistributedNodes(), [d2]);
75 assert_array_equals(d1_s2.getDistributedNodes(), [d3]);
76
77 assert_array_equals(d1_1_s1.getDistributedNodes(), [d2, d1_4]);
78 assert_array_equals(d1_1_s2.getDistributedNodes(), []);
79 }, "getDistributedNodes");
80 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698