Index: LayoutTests/fast/css/nth-child-dynamic-002.html |
diff --git a/LayoutTests/fast/css/nth-child-dynamic-002.html b/LayoutTests/fast/css/nth-child-dynamic-002.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8cb126ee28f535e4d398095ce9f8280f5405ca30 |
--- /dev/null |
+++ b/LayoutTests/fast/css/nth-child-dynamic-002.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<style> |
+ #outer { width: 100px; height: 100px } |
+ span { color: white } |
+ span:nth-child(2) { color: green } |
+</style> |
+<p>You should see a green square below, and no FAIL.</p> |
+<div id="outer"> |
+ <span id="inner">FAIL</span> |
+</div> |
+<script> |
+ description("An existing LocalStyleChange on parent should not inhibit forward/backward rule update on children."); |
+ |
+ shouldBeEqualToString("getComputedStyle(inner).color", "rgb(255, 255, 255)"); |
+ |
+ outer.style.backgroundColor = "green"; |
+ outer.insertBefore(document.createElement("span"), inner); |
+ |
+ shouldBeEqualToString("getComputedStyle(inner).color", "rgb(0, 128, 0)"); |
+</script> |