Bug 1381083: Test. r=heycam
authorEmilio Cobos Álvarez <emilio@crisal.io>
Thu, 27 Jul 2017 00:57:02 +0200
changeset 422752 a20bd8c1a22de3e2d02c8f9ad93fb3a2062ccb19
parent 422751 b8755e706ea7ca93ba444ecfc3eb0fdf60e17131
child 422753 3e94306b5b97dce94423a3d3be2b574b53f7ecf3
push id1517
push userjlorenzo@mozilla.com
push dateThu, 14 Sep 2017 16:50:54 +0000
treeherdermozilla-release@3b41fd564418 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersheycam
bugs1381083
milestone56.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1381083: Test. r=heycam MozReview-Commit-ID: E99v62sXKtX
layout/style/test/test_computed_style_no_pseudo.html
--- a/layout/style/test/test_computed_style_no_pseudo.html
+++ b/layout/style/test/test_computed_style_no_pseudo.html
@@ -5,16 +5,17 @@ https://bugzilla.mozilla.org/show_bug.cg
 -->
 <head>
   <title>Test for Bug 505515</title>
   <script type="application/javascript" 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">
@@ -25,20 +26,28 @@ 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(span, "").color, "rgb(0, 0, 0)",
-     "span should be black");
   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>