Index: LayoutTests/fast/css/dynamic-class-backdrop-pseudo.html |
diff --git a/LayoutTests/fast/css/dynamic-class-backdrop-pseudo.html b/LayoutTests/fast/css/dynamic-class-backdrop-pseudo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..404492f5a9d8f3ce5c2ace429310b498cd71adbd |
--- /dev/null |
+++ b/LayoutTests/fast/css/dynamic-class-backdrop-pseudo.html |
@@ -0,0 +1,29 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/js-test.js"></script> |
+<style> |
+.a .b::backdrop { background-color: green; } |
+</style> |
+<div id="t"> |
+ <dialog class="b" id="dialog"><span></span><span></span><span></span></dialog> |
+</div> |
+<script> |
+description("Change class affecting ::backdrop style"); |
+ |
+var dialog = document.getElementById("dialog"); |
+ |
+dialog.showModal(); |
+ |
+var green = 'rgb(0, 128, 0)'; |
+ |
+shouldNotBe("getComputedStyle(dialog, '::backdrop').backgroundColor", "green"); |
+ |
+document.body.offsetLeft; |
+document.getElementById("t").className = "a"; |
+ |
+if (window.internals) |
+ shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "3"); |
+ |
+shouldBe("getComputedStyle(dialog, '::backdrop').backgroundColor", "green"); |
+ |
+dialog.close(); |
+</script> |