summaryrefslogtreecommitdiffstats
path: root/layout/style/test/test_computed_style_no_pseudo.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/style/test/test_computed_style_no_pseudo.html')
-rw-r--r--layout/style/test/test_computed_style_no_pseudo.html53
1 files changed, 53 insertions, 0 deletions
diff --git a/layout/style/test/test_computed_style_no_pseudo.html b/layout/style/test/test_computed_style_no_pseudo.html
new file mode 100644
index 0000000000..efb0dda7b4
--- /dev/null
+++ b/layout/style/test/test_computed_style_no_pseudo.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=505515
+-->
+<head>
+ <title>Test for Bug 505515</title>
+ <script src="/tests/SimpleTest/SimpleTest.js"></script>
+ <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
+ <style type="text/css">
+
+ #display { color: black; background: white; }
+ #display span { position: relative; display: inline-block; }
+ #display:first-line { color: blue; }
+
+ </style>
+</head>
+<body onload="run()">
+<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=505515">Mozilla Bug 505515</a>
+<p id="display" style="width: 30em">This <span id="sp">is</span> some text in which the first line is in a different color.</p>
+<pre id="test">
+<script type="application/javascript">
+
+SimpleTest.waitForExplicitFinish();
+
+/** Test for Bug 505515 **/
+
+function run() {
+ var p = document.getElementById("display");
+ var span = document.getElementById("sp");
+
+ isnot(span.offsetWidth, 0,
+ "span should have width (and we flushed layout)");
+ is(getComputedStyle(p, "").color, "rgb(0, 0, 0)",
+ "p should be black too");
+
+ let spanStyle = getComputedStyle(span, "");
+ let width = spanStyle.width;
+
+ isnot(width.indexOf("px"), -1,
+ "should be able to get the used value")
+ is(width, spanStyle.width,
+ "shouldn't lose track of the frame");
+ is(spanStyle.color, "rgb(0, 0, 0)",
+ "span should be black");
+
+ SimpleTest.finish();
+}
+
+</script>
+</pre>
+</body>
+</html>