Index: third_party/WebKit/LayoutTests/fast/css/independent-inherit-update-pseudo.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css/independent-inherit-update-pseudo.html b/third_party/WebKit/LayoutTests/fast/css/independent-inherit-update-pseudo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..719a7cbff02a24bbe9e193194a15f1c99b038ace |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/css/independent-inherit-update-pseudo.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<style> |
+ div { visibility: hidden } |
+ div::before { |
+ content: "FAIL"; |
+ visibility: visible; |
+ } |
+ .pass { visibility: visible } |
+ .pass::before { content: "PASS" } |
+</style> |
+<p>You should see the word PASS below.</p> |
+<div id="testElement"></div> |
+<script> |
+ test(() => { |
+ assert_equals(getComputedStyle(testElement, "::before").content, '"FAIL"', "Precondition."); |
+ testElement.className = "pass"; |
+ assert_equals(getComputedStyle(testElement, "::before").content, '"PASS"', "::before content changed."); |
+ }, "Check that inherited property propagation does not skip pseudo element updates."); |
+</script> |