Bug 1258286: Part 2 - update w3c css masking mask-repeat ref test case. r=heycam
authorAstley Chen <aschen@mozilla.com>
Wed, 01 Jun 2016 11:13:48 +0800
changeset 339552 f930971eaa0d96c2b9e9ef3cc1faf84c68d2dafe
parent 339551 0839610737b4ef9bc6160095b054bc61799ef415
child 339553 0a2fe25f4c67593dd90b2b7940e2587a43a00144
push id6249
push userjlund@mozilla.com
push dateMon, 01 Aug 2016 13:59:36 +0000
treeherdermozilla-beta@bad9d4f5bf7e [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
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>