Bug 1466231 Part 5: Update a wpt reftest to remove its reliance on fitting inline-blocks into a too-narrow space. r=dbaron
☠☠ backed out by 5056d42de0e9 ☠ ☠
authorBrad Werth <bwerth@mozilla.com>
Wed, 13 Jun 2018 16:56:38 -0700
changeset 476932 8141b2848c2c01542cdca4f068ebec284cac2889
parent 476931 2250da9a0dd06a3aeaf7a523a71a942effdd77bb
child 476933 7f64ce1735056ba178ab0d35a94b63b155dc960a
push id9374
push userjlund@mozilla.com
push dateMon, 18 Jun 2018 21:43:20 +0000
treeherdermozilla-beta@160e085dfb0b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs1466231
milestone62.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 1466231 Part 5: Update a wpt reftest to remove its reliance on fitting inline-blocks into a too-narrow space. r=dbaron This reftest currently uses a container that is 1 pixel narrower than needed to fit two blocks side-by-side. That's useful for making the first two blocks land on separate lines, but it makes the test rely on the browser forcing the first inline block on a line to fit even if there is no space for it (in this case, the block that should be pushed to the right). MozReview-Commit-ID: IxtOR2yFNn6
testing/web-platform/tests/css/css-shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html
--- a/testing/web-platform/tests/css/css-shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html
+++ b/testing/web-platform/tests/css/css-shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-004.html
@@ -6,17 +6,17 @@
     <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
     <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
     <link rel="match" href="reference/shape-outside-linear-gradient-004-ref.html"/>
     <meta name="assert" content="This test verifies that content wraps correctly around a shape defined by a repeating linear gradient."/>
     <style type="text/css">
         .container {
             position: absolute;
             top: 70px;
-            width: 199px;
+            width: 200px;
             font-size: 0px;
         }
         .square {
             display: inline-block;
             width: 100px;
             height: 100px;
             line-height: 100px;
             background-color: green;
@@ -45,21 +45,21 @@
 </head>
 <body>
     <p>
         The test passes if there are four green squares alternating left and right. There
         should be no red.
     </p>
     <div id="test" class="container">
         <div class="gradient"></div>
-        <div class="square"></div>
-        <div class="square"></div>
-        <div class="square"></div>
+        <div class="square"></div><br>
+        <div class="square"></div><br>
+        <div class="square"></div><br>
         <div class="square"></div>
     </div>
     <div id="failure">
         <div class="square"></div><br>
         <div class="square right"></div><br>
         <div class="square"></div><br>
         <div class="square right"></div>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>