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> | 7 <body> |
8 <div id='sandbox'></div> | 8 <div id='sandbox'></div> |
9 <pre id='console'></pre> | 9 <pre id='console'></pre> |
10 </body> | 10 </body> |
(...skipping 103 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 createDOM('div', {}, | 114 createDOM('div', {}, |
115 createDOM('style', {}, | 115 createDOM('style', {}, |
116 document.createTextNode('div::shadow span { border: 1px solid green;
}')), | 116 document.createTextNode('div::shadow span { border: 1px solid green;
}')), |
117 createDOM('div', {'id': 'host'}, | 117 createDOM('div', {'id': 'host'}, |
118 createShadowRoot( | 118 createShadowRoot( |
119 createDOM('style', {}, | 119 createDOM('style', {}, |
120 document.createTextNode('span#target { border: 1px solid red
; }')), | 120 document.createTextNode('span#target { border: 1px solid red
; }')), |
121 createDOM('span', {'id': 'target'}, | 121 createDOM('span', {'id': 'target'}, |
122 document.createTextNode('green border, because of ::shadow.'
)))))); | 122 document.createTextNode('green border, because of ::shadow.'
)))))); |
123 | 123 |
124 // Need to clarify the spec, i.e. using specificity? Currently rgb(255,0,0). | |
125 borderColorShouldBe('host/target', 'rgb(255, 0, 0)'); | 124 borderColorShouldBe('host/target', 'rgb(255, 0, 0)'); |
126 | 125 |
127 cleanUp(); | 126 cleanUp(); |
128 | 127 |
129 sandbox.appendChild( | 128 sandbox.appendChild( |
130 createDOM('div', {}, | 129 createDOM('div', {}, |
131 createDOM('style', {}, | 130 createDOM('style', {}, |
132 document.createTextNode('div#sandbox > div > div::shadow span { bord
er: 1px solid green; }')), | 131 document.createTextNode('div#sandbox > div > div::shadow span { bord
er: 1px solid green; }')), |
133 createDOM('div', {'id': 'host'}, | 132 createDOM('div', {'id': 'host'}, |
134 createShadowRoot( | 133 createShadowRoot( |
(...skipping 165 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
300 createDOM('div', {'id': 'x-zot-host', 'class': 'x-zot'}, | 299 createDOM('div', {'id': 'x-zot-host', 'class': 'x-zot'}, |
301 createShadowRoot( | 300 createShadowRoot( |
302 createDOM('div', {'id': 'x-zot-target'}, | 301 createDOM('div', {'id': 'x-zot-target'}, |
303 document.createTextNode('x-zot'))))))))); | 302 document.createTextNode('x-zot'))))))))); |
304 | 303 |
305 borderColorShouldNotBe('host/x-bar-host/x-zot-host/x-zot-target', 'rgb(255, 0, 0
)'); | 304 borderColorShouldNotBe('host/x-bar-host/x-zot-host/x-zot-target', 'rgb(255, 0, 0
)'); |
306 cleanUp(); | 305 cleanUp(); |
307 | 306 |
308 </script> | 307 </script> |
309 </html> | 308 </html> |
OLD | NEW |