Bug 1466231 Part 5: Update a wpt reftest to remove its reliance on fitting inline-blocks into a too-narrow space. draft
authorBrad Werth <bwerth@mozilla.com>
Wed, 13 Jun 2018 16:56:38 -0700
changeset 807793 80d718c1edaa5c6193d6eedd56854de320dbea15
parent 807792 df2ae5c3a841bad2b5e99e1b6e3b59d792b60d7e
push id113218
push userbwerth@mozilla.com
push dateFri, 15 Jun 2018 19:16:11 +0000
bugs1466231
milestone62.0a1
Bug 1466231 Part 5: Update a wpt reftest to remove its reliance on fitting inline-blocks into a too-narrow space. 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>