Bug 1269971 - Part 6. Modify reftest according to the way we generate bg-clip:text;
MozReview-Commit-ID: LhvH5SS0SJY
--- 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
@@ -172,14 +172,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