Index: LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-before-element.html |
diff --git a/LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-before-element.html b/LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-before-element.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ec8e0a26f0160ccfc42349b8f411b98b08026505 |
--- /dev/null |
+++ b/LayoutTests/fast/css/getComputedStyle/getComputedStyle-with-before-element.html |
@@ -0,0 +1,39 @@ |
+<!DOCTYPE html> |
+<script src="../../../resources/js-test.js"></script> |
+<style> |
+#t1::before { color: green } |
+#t2::before { display: none; content: "X"; color: green; } |
+#t3::before { display: none; color: green; } |
+#t4 { display: none; } |
+#t4::before { content: "X"; color: green; } |
+#t5 { display: none; } |
+#t5::before { color: green; } |
+#t6 { color: green; } |
+</style> |
+<div id="t1"></div> |
+<div id="t2"></div> |
+<div id="t3"></div> |
+<div id="t4"></div> |
+<div id="t5"></div> |
+<div id="t6"></div> |
+<script> |
+description("Check getComputedStyle for ::before with various combinations of display and content."); |
+ |
+var expectedDisplay = [ |
+ "'inline'", |
+ "'none'", |
+ "'none'", |
+ "'inline'", |
+ "'inline'", |
+ "'inline'" |
+]; |
+ |
+for (var i=0; i<6; i++) { |
+ |
+ var computed = getComputedStyle(document.getElementById("t"+(i+1)), "::before"); |
+ |
+ shouldBe("computed.color", "'rgb(0, 128, 0)'"); |
+ shouldBe("computed.display", expectedDisplay[i]); |
+} |
+ |
+</script> |