Bug 1258286: Part 2 - update w3c css masking mask-repeat ref test case. r=heycam
☠☠ backed out by b8dddcad3c5e ☠ ☠
authorAstley Chen <aschen@mozilla.com>
Wed, 01 Jun 2016 11:13:48 +0800
changeset 340873 d5832177887d706bd0d8c86576eb40e535f15512
parent 340872 a9db7e5634d7a6aa9e1c32f6722a010c27c1d55f
child 340874 b48bb1d3af3ee8db4c200420c6a571401f32be7c
push id1183
push userraliiev@mozilla.com
push dateMon, 05 Sep 2016 20:01:49 +0000
treeherdermozilla-release@3148731bed45 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersheycam
bugs1258286
milestone49.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 1258286: Part 2 - update w3c css masking mask-repeat ref test case. r=heycam MozReview-Commit-ID: 44YCmdFrmok
layout/reftests/w3c-css/submitted/masking/mask-repeat-1-ref.html
--- a/layout/reftests/w3c-css/submitted/masking/mask-repeat-1-ref.html
+++ b/layout/reftests/w3c-css/submitted/masking/mask-repeat-1-ref.html
@@ -8,38 +8,44 @@
     <style type="text/css">
       div.outer {
         width: 128px;
         height: 128px;
         position: relative;
         border: 1px solid black;
       }
 
-      div.inner {
-        width: 50px;
-        height: 50px;
-        position: absolute;
+      .color {
         background-color: purple;
       }
 
-      #pos-top-left { left: 0; top: 0; }
-      #pos-top-right { right: 0; top: 0; }
-      #pos-bottom-left { left: 0; bottom: 0; }
-      #pos-bottom-right { right: 0; bottom: 0; }
+      #default {
+        position: absolute;
+        width: 50px; height: 50px;
+      }
+
+      #repeat-x {
+        position: absolute;
+        width: 100%; height: 50px;
+      }
+
+      #repeat-y {
+        position: absolute;
+        width: 50px; height: 100%;
+      }
     </style>
   </head>
   <body>
     <div class="outer">
-      <div class="inner" id="pos-top-left"></div>
-      <div class="inner" id="pos-top-right"></div>
-      <div class="inner" id="pos-bottom-left"></div>
-      <div class="inner" id="pos-bottom-right"></div>
+      <div class="color" id="default"></div>
     </div>
     <div class="outer">
-      <div class="inner" id="pos-top-left"></div>
-      <div class="inner" id="pos-top-right"></div>
+      <div class="color" id="default"></div>
+    </div>
+    <div class="outer color"></div>
+    <div class="outer">
+      <div class="color" id="repeat-x"></div>
     </div>
     <div class="outer">
-      <div class="inner" id="pos-top-left"></div>
-      <div class="inner" id="pos-bottom-left"></div>
+      <div class="color" id="repeat-y"></div>
     </div>
   </body>
 </html>