Index: third_party/WebKit/LayoutTests/fast/css/children-affected-by-style-sharing.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css/children-affected-by-style-sharing.html b/third_party/WebKit/LayoutTests/fast/css/children-affected-by-style-sharing.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9c38ecaa07952d47ef65889b5216c749cf6d580d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/css/children-affected-by-style-sharing.html |
@@ -0,0 +1,29 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<style> |
+ :focus { outline: none } |
+ li:focus span { background: green } |
+ li { list-style-type: none } |
+ li span { color: green } |
+</style> |
+<p>You should see a green rectangle below.</p> |
+<li> |
+ <div></div> |
+</li> |
+<li> |
+ <div> |
+ <span></span> |
+ </div> |
+</li> |
+<li tabIndex="1"> |
+ <div> |
+ <span id="span">FAIL</span> |
+ </div> |
+</li> |
+<script> |
+ description("childrenOrSiblingsAffectedBy* disables style sharing"); |
+ |
+ document.body.offsetTop; |
+ document.querySelectorAll("li")[2].focus(); |
+ shouldBeEqualToString("getComputedStyle(span).backgroundColor", "rgb(0, 128, 0)"); |
+</script> |