Index: LayoutTests/fast/css/content-distributed-nodes.html |
diff --git a/LayoutTests/fast/css/content-distributed-nodes.html b/LayoutTests/fast/css/content-distributed-nodes.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5f9f2395217866055ee7c74512cbf74aec3595e3 |
--- /dev/null |
+++ b/LayoutTests/fast/css/content-distributed-nodes.html |
@@ -0,0 +1,17 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<div id="host"> |
+ <div> |
+ <span class="red" id="span">red?</span> |
+ </div> |
+</div> |
+<script> |
+description('Checking if styles in the nested shadow roots apply properly to distributed elements.'); |
+var root = document.querySelector('#host').createShadowRoot(); |
+root.innerHTML = '<div><content></content></div><style>::content .red { color: green; }</style>'; |
+var root2 = root.firstChild.createShadowRoot(); |
+root2.innerHTML = '<style>::content .red { background-color: green; color: red; }</style><content></content>'; |
+var span = document.querySelector('#span'); |
+shouldBeEqualToString('getComputedStyle(span).color', 'rgb(255, 0, 0)'); |
+shouldBeEqualToString('getComputedStyle(span).backgroundColor', 'rgb(0, 128, 0)'); |
+</script> |