| <!doctype html> |
| <html> |
| <head> |
| <style> |
| .foo { color: green; } |
| </style> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function runTest() { |
| var host = document.getElementById('sandbox'); |
| var sr = host.attachShadow({mode: 'open'}); |
| sr.innerHTML = '<div><style>div { color: red; }</style><div>Hello</div></div><div><style>.foo { color: red; }</style><div class="foo">Hello</div></div>'; |
| sr.innerHTML = ''; |
| var div = document.createElement('div'); |
| div.className = 'foo'; |
| div.innerText = 'PASS'; |
| document.body.appendChild(div); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <div id='sandbox'></div> |
| <div class='foo'></div> |
| </body> |
| </html> |