| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> |
| 4 <script src="resources/shadow-dom.js"></script> |
| 5 <body> |
| 6 <div id="testroot"> |
| 7 <div id="openhost"> |
| 8 <template data-mode="open"> |
| 9 <div id="inner-open"></div> |
| 10 </template> |
| 11 </div> |
| 12 <div id="closedhost"> |
| 13 <template data-mode="closed"> |
| 14 <div id="inner-closed"></div> |
| 15 </template> |
| 16 </div> |
| 17 <div id="v0host"> |
| 18 <template data-mode="v0"> |
| 19 <div id="inner-v0"></div> |
| 20 </template> |
| 21 </div> |
| 22 <div id="nestedhost"> |
| 23 <template data-mode="open" data-expose-as="nestedRoot"> |
| 24 <div id="inner-div"> |
| 25 <div> |
| 26 <template data-mode="open"> |
| 27 <div id="inner-nested-open"></div> |
| 28 </template> |
| 29 </div> |
| 30 <div> |
| 31 <template data-mode="closed"> |
| 32 <div id="inner-nested-closed"></div> |
| 33 </template> |
| 34 </div> |
| 35 <div> |
| 36 <template data-mode="v0"> |
| 37 <div id="inner-nested-v0"></div> |
| 38 </template> |
| 39 </div> |
| 40 </div> |
| 41 </template> |
| 42 </div> |
| 43 </div> |
| 44 </body> |
| 45 <script> |
| 46 convertTemplatesToShadowRootsWithin(testroot); |
| 47 test(() => { |
| 48 assert_equals(document.querySelectorAll('body >>> #inner-open').length, 1); |
| 49 assert_equals(document.querySelectorAll('body >>> #inner-closed').length, 0); |
| 50 assert_equals(document.querySelectorAll('body >>> #inner-v0').length, 0); |
| 51 assert_equals(document.querySelectorAll('body >>> #inner-nested-open').length,
1); |
| 52 assert_equals(document.querySelectorAll('body >>> #inner-nested-closed').lengt
h, 0); |
| 53 assert_equals(document.querySelectorAll('body >>> #inner-nested-v0').length, 0
); |
| 54 }, '>>> should match only through open shadow roots.'); |
| 55 |
| 56 test(() => { |
| 57 let innerDiv = nestedRoot.querySelector('#inner-div'); |
| 58 assert_equals(innerDiv.querySelectorAll('body >>> #inner-nested-open').length,
0); |
| 59 assert_equals(innerDiv.querySelectorAll('body >>> #inner-nested-closed').lengt
h, 0); |
| 60 assert_equals(innerDiv.querySelectorAll('body >>> #inner-nested-v0').length, 0
); |
| 61 assert_equals(innerDiv.querySelectorAll('#inner-div >>> #inner-nested-open').l
ength, 1); |
| 62 assert_equals(innerDiv.querySelectorAll('#inner-div >>> #inner-nested-closed')
.length, 0); |
| 63 assert_equals(innerDiv.querySelectorAll('#inner-div >>> #inner-nested-v0').len
gth, 0); |
| 64 }, 'leftmost compound should match an element in the same node tree as context o
bject.'); |
| 65 |
| 66 test(() => { |
| 67 assert_equals(document.querySelector('#testroot >>> #openhost').id, 'openhost'
); |
| 68 assert_equals(document.querySelector('#testroot >>> #closedhost').id, 'closedh
ost'); |
| 69 assert_equals(document.querySelector('#testroot >>> #v0host').id, 'v0host'); |
| 70 }, '>>> should match without piercing through shadow roots.'); |
| 71 |
| 72 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2532813002:
Matching part for >>> (shadow-piercing descendant combinator). (Closed)
