OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <script src="resources/shadow-dom.js"></script> | 3 <script src="resources/shadow-dom.js"></script> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 </head> | 5 </head> |
6 <body></body> | 6 <body></body> |
7 <script> | 7 <script> |
8 description('crbug.com/337618: querySelector needs ensure distribution.'); | 8 description('crbug.com/337618: querySelector needs ensure distribution.'); |
9 | 9 |
10 document.body.appendChild( | 10 document.body.appendChild( |
11 createDOM('div', {'id': 'host'}, | 11 createDOM('div', {'id': 'host'}, |
12 createShadowRoot( | 12 createShadowRoot( |
13 createDOM('div', {'class': 'foo'}, | 13 createDOM('div', {'class': 'foo'}, |
14 createDOM('content', {'id': 'content', 'select': '*'}))), | 14 createDOM('content', {'id': 'content', 'select': '*'}))), |
15 createDOM('div', {'id': 'child'}, | 15 createDOM('div', {'id': 'child'}, |
16 createShadowRoot( | 16 createShadowRoot( |
17 createDOM('div', {'id': 'bar'}, | 17 createDOM('div', {'id': 'bar'}, |
18 document.createTextNode("bar")))))); | 18 document.createTextNode("bar")))))); |
19 | 19 |
20 var barShadowRoot = getNodeInTreeOfTrees('child/'); | 20 var barShadowRoot = getNodeInComposedTree('child/'); |
21 shouldBe('barShadowRoot.querySelectorAll(":host-context(.foo)::shadow div")[0].i
d', '"bar"'); | 21 shouldBe('barShadowRoot.querySelectorAll(":host-context(.foo)::shadow div")[0].i
d', '"bar"'); |
22 | 22 |
23 var content = getNodeInTreeOfTrees('host/content'); | 23 var content = getNodeInComposedTree('host/content'); |
24 content.setAttribute('select', '.foobar'); | 24 content.setAttribute('select', '.foobar'); |
25 shouldBe('barShadowRoot.querySelectorAll(":host-context(.foo)::shadow div")[0]',
"undefined"); | 25 shouldBe('barShadowRoot.querySelectorAll(":host-context(.foo)::shadow div")[0]',
"undefined"); |
26 </script> | 26 </script> |
OLD | NEW |