Index: third_party/WebKit/LayoutTests/fast/dom/shadow/inherit-into-slotted.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/inherit-into-slotted.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/inherit-into-slotted.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9e0e4a3f13216f1282f46160171b04f72904f445 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/inherit-into-slotted.html |
@@ -0,0 +1,17 @@ |
+<!DOCTYPE html> |
+<script src="../../../resources/js-test.js"></script> |
+<div id="host"> |
+ <div slot="s1">This text should be green</div> |
+</div> |
+<script> |
+ description("A changed inherited property on a slot parent should propagate down to slotted elements."); |
+ |
+ var root = host.attachShadow({mode:"open"}); |
+ root.innerHTML = '<style>.p1 { color: green }</style><div id="p1"><slot name="s1"></slot></div>'; |
+ var p1 = root.querySelector("#p1"); |
+ var s1 = host.querySelector("[slot]"); |
+ host.offsetTop; |
+ shouldBeEqualToString("getComputedStyle(s1).color", "rgb(0, 0, 0)"); |
+ p1.className = "p1"; |
+ shouldBeEqualToString("getComputedStyle(s1).color", "rgb(0, 128, 0)"); |
+</script> |