| Index: LayoutTests/fast/css/style-scoped/style-scoped-in-shadow.html
|
| diff --git a/LayoutTests/fast/css/style-scoped/style-scoped-in-shadow.html b/LayoutTests/fast/css/style-scoped/style-scoped-in-shadow.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..52a93e90cb587f48c97c996952cb27624b7a8b86
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/css/style-scoped/style-scoped-in-shadow.html
|
| @@ -0,0 +1,41 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<script src="../../../resources/js-test.js"></script>
|
| +<script>
|
| + description("Tests that <style scoped> is correctly applied as child of a ShadowRoot, and that it doesn't leak out. Can only run within DRT.");
|
| +
|
| + function test()
|
| + {
|
| + if (window.testRunner)
|
| + testRunner.dumpAsText();
|
| +
|
| + var a = document.getElementById("A");
|
| + var b = document.getElementById("B");
|
| + shadow = b.createShadowRoot();
|
| + shouldBeDefined("shadow.innerHTML");
|
| + shouldBeDefined("shadow.getElementById");
|
| + shadow.innerHTML = "<style scoped>div { color: red; }</style><content></content><div id='C'>CCC</div>";
|
| + var c = shadow.getElementById("C");
|
| + var d = document.getElementById("D");
|
| +
|
| + debug("A: " + document.defaultView.getComputedStyle(a, null).getPropertyValue('color')); /* black */
|
| + debug("B: " + document.defaultView.getComputedStyle(b, null).getPropertyValue('color')); /* red */
|
| + debug("C: " + document.defaultView.getComputedStyle(c, null).getPropertyValue('color')); /* red */
|
| + debug("D: " + document.defaultView.getComputedStyle(d, null).getPropertyValue('color')); /* black */
|
| + }
|
| +</script>
|
| +</head>
|
| +<body>
|
| + <div id="A">
|
| + AAA
|
| + </div>
|
| + <div id="B">
|
| + BBB
|
| + </div>
|
| + <div id="D">
|
| + DDD
|
| + </div>
|
| + <script>test();</script>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 324593003:
Revert of Remove scoped styles. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk