OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="resources/shadow-dom.js"></script> | 4 <script src="resources/shadow-dom.js"></script> |
5 <script src="../../../resources/js-test.js"></script> | 5 <script src="../../../resources/js-test.js"></script> |
6 </head> | 6 </head> |
7 <body class="bodyClass"> | 7 <body class="bodyClass"> |
8 <div id="sandbox"></div> | 8 <div id="sandbox"></div> |
9 <pre id="console"></pre> | 9 <pre id="console"></pre> |
10 </body> | 10 </body> |
11 <script> | 11 <script> |
12 description("Test for crbug.com/274063: cannot style /content/ with a rule that
includes :host."); | 12 description("Test for crbug.com/274063: cannot style ::content with a rule that
includes :host."); |
13 | 13 |
14 var sandbox = document.getElementById('sandbox'); | 14 var sandbox = document.getElementById('sandbox'); |
15 | 15 |
16 sandbox.appendChild( | 16 sandbox.appendChild( |
17 createDOM('div', {'id': 'host1'}, | 17 createDOM('div', {'id': 'host1'}, |
18 createShadowRoot( | 18 createShadowRoot( |
19 createDOM('style', {}, | 19 createDOM('style', {}, |
20 document.createTextNode(':host > div > content /content/ * { col
or: green; }')), | 20 document.createTextNode(':host > div > ::content > * { color: gr
een; }')), |
21 createDOM('div', {'id': 'host2'}, | 21 createDOM('div', {'id': 'host2'}, |
22 createShadowRoot( | 22 createShadowRoot( |
23 createDOM('style', {}, | 23 createDOM('style', {}, |
24 document.createTextNode(':host > content /content/ * { c
olor: red; }')), | 24 document.createTextNode(':host > ::content > * { color:
red; }')), |
25 createDOM('content', {'id': 'content2'})), | 25 createDOM('content', {'id': 'content2'})), |
26 createDOM('content', {'id': 'content1'}))), | 26 createDOM('content', {'id': 'content1'}))), |
27 createDOM('div', {'class': 'content'}, | 27 createDOM('div', {'class': 'content'}, |
28 document.createTextNode('content')))); | 28 document.createTextNode('content')))); |
29 | 29 |
30 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c
olor', '"rgb(0, 128, 0)"'); | 30 shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).c
olor', '"rgb(0, 128, 0)"'); |
31 </script> | 31 </script> |
32 </html> | 32 </html> |
OLD | NEW |