Bug 1269971 - Part 6. Modify reftest according to the way we generate bg-clip:text. r=jfkthame, a=sylvestre
authorCJKu <cku@mozilla.com>
Fri, 20 May 2016 12:04:00 +0200
changeset 333001 c04eab052ee495415f197b5fc0514966b61e9dc0
parent 333000 da5910798bf1ab9526fc41696c0b200679caa517
child 333002 4428e7c6fafd8da465ff647d1fdd11360c84144a
push id6048
push userkmoir@mozilla.com
push dateMon, 06 Jun 2016 19:02:08 +0000
treeherdermozilla-beta@46d72a56c57d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjfkthame, sylvestre
bugs1269971
milestone48.0a2
Bug 1269971 - Part 6. Modify reftest according to the way we generate bg-clip:text. r=jfkthame, a=sylvestre
layout/reftests/backgrounds/background-clip-text-1-ref.html
layout/reftests/backgrounds/background-clip-text-1a.html
layout/reftests/backgrounds/background-clip-text-1b.html
layout/reftests/backgrounds/background-clip-text-1c.html
layout/reftests/backgrounds/background-clip-text-1d.html
layout/reftests/backgrounds/background-clip-text-1e.html
layout/reftests/backgrounds/reftest.list
--- a/layout/reftests/backgrounds/background-clip-text-1-ref.html
+++ b/layout/reftests/backgrounds/background-clip-text-1-ref.html
@@ -1,19 +1,23 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>background-clip: text reference</title>
+    <style>
+      div.out {
+        width: 500px;
+        height: 300px;
+        margin: 0px;
+        color: green;
+        font-size: 100px;
+        font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
+      }
+    </style>
   </head>
   <body style="margin: 0px;">
-    <div style="width: 500px; height: 300px;">
-      <svg xmlns="http://www.w3.org/2000/svg" width="500px" height="300px">
-        <defs>
-          <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="0%" style="stop-color:green;stop-opacity:1" />
-            <stop offset="100%" style="stop-color:green;stop-opacity:1" />
-          </linearGradient>
-        </defs>
-        <text x="0" y="200" font-size="100px" fill="url(#grad1)" font-family="serif">TEXT clip</text>
-      </svg>
+    <div class="out">
+      TEXT clip
+      <div style="display:inline-block; width:0px; height:200px;"/>
     </div>
   </body>
-</html>
\ No newline at end of file
+</html>
--- a/layout/reftests/backgrounds/background-clip-text-1a.html
+++ b/layout/reftests/backgrounds/background-clip-text-1a.html
@@ -7,16 +7,17 @@
         width: 500px;
         height: 300px;
         margin: 0px;
         background-image: linear-gradient(green, green);
         background-clip: text;
         color: transparent;
         font-size: 100px;
         font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
       }
     </style>
   </head>
   <body style="margin: 0px;">
     <div class="out">
       TEXT clip
       <div style="display:inline-block; width:0px; height:200px;"/>
     </div>
--- a/layout/reftests/backgrounds/background-clip-text-1b.html
+++ b/layout/reftests/backgrounds/background-clip-text-1b.html
@@ -7,16 +7,17 @@
         width: 500px;
         height: 300px;
         margin: 0px;
         background-image: linear-gradient(green, green);
         background-clip: text;
         color: transparent;
         font-size: 100px;
         font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
       }
     </style>
   </head>
   <body style="margin: 0px;">
     <div class="out">
       <p style="display:inline-block;">TEXT clip</p>
       <div style="display:inline-block; width:0px; height:200px;"/>
     </div>
--- a/layout/reftests/backgrounds/background-clip-text-1c.html
+++ b/layout/reftests/backgrounds/background-clip-text-1c.html
@@ -7,16 +7,17 @@
         width: 500px;
         height: 300px;
         margin: 0px;
         background-image: linear-gradient(green, green);
         background-clip: text;
         color: transparent;
         font-size: 100px;
         font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
       }
     </style>
   </head>
   <body style="margin: 0px;">
     <div class="out">
       <div style="display:inline-block;">
         <p style="display:inline-block;">TEXT clip</p>
       </div>
--- a/layout/reftests/backgrounds/background-clip-text-1d.html
+++ b/layout/reftests/backgrounds/background-clip-text-1d.html
@@ -6,16 +6,17 @@
       div.out {
         width: 500px;
         height: 300px;
         margin: 0px;
         background: linear-gradient(green, green) padding-box text;
         color: transparent;
         font-size: 100px;
         font-family: serif;
+        -moz-osx-font-smoothing: grayscale;
       }
     </style>
   </head>
   <body style="margin: 0px;">
     <div class="out">
       TEXT clip
       <div style="display:inline-block; width:0px; height:200px;"/>
     </div>
--- a/layout/reftests/backgrounds/background-clip-text-1e.html
+++ b/layout/reftests/backgrounds/background-clip-text-1e.html
@@ -14,16 +14,17 @@
         background-clip: text;
         color: transparent;
         font-size: 100px;
         font-family: serif;
         position: absolute;
         left: 100px;
         top: 100px;
         transform: translate(-100px, 50px) scale(1, 2);
+        -moz-osx-font-smoothing: grayscale;
       }
     </style>
   </head>
   <body style="margin: 0px;">
     <div class="out">
       TEXT clip
       <div style="display:inline-block; width:0px; height:200px;"/>
     </div>
--- a/layout/reftests/backgrounds/reftest.list
+++ b/layout/reftests/backgrounds/reftest.list
@@ -162,14 +162,14 @@ fuzzy(16,69) fuzzy-if(skiaContent,64,130
 fuzzy(16,69) fuzzy-if(skiaContent,64,1300) == attachment-local-clipping-image-5.html attachment-local-clipping-image-4-ref.html
 fuzzy(80,500) == attachment-local-clipping-image-6.html attachment-local-clipping-image-6-ref.html
 
 fuzzy-if(skiaContent,1,8) == background-multiple-with-border-radius.html background-multiple-with-border-radius-ref.html
 == background-repeat-large-area.html background-repeat-large-area-ref.html
 
 fuzzy(30,474) fuzzy-if(skiaContent,31,474) == background-tiling-zoom-1.html background-tiling-zoom-1-ref.html
 
-pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,1,44) == background-clip-text-1a.html background-clip-text-1-ref.html
-pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,1,44) == background-clip-text-1b.html background-clip-text-1-ref.html
-pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,1,44) == background-clip-text-1c.html background-clip-text-1-ref.html
-pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,1,44) == background-clip-text-1d.html background-clip-text-1-ref.html
-pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,1,44) == background-clip-text-1e.html background-clip-text-1-ref.html
+pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) == background-clip-text-1a.html background-clip-text-1-ref.html
+pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) == background-clip-text-1b.html background-clip-text-1-ref.html
+pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) == background-clip-text-1c.html background-clip-text-1-ref.html
+pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) == background-clip-text-1d.html background-clip-text-1-ref.html
+pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) == background-clip-text-1e.html background-clip-text-1-ref.html
 pref(layout.css.background-clip-text.enabled,false) != background-clip-text-1a.html background-clip-text-1-ref.html