Bug 1287705 - Part 3. reftest for text shadow.
MozReview-Commit-ID: 9g43f8EN2SD
new file mode 100644
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-2-ref.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+ <head>
+ <title>background-clip: text reference</title>
+ <style>
+ div.out {
+ width: 500px;
+ height: 300px;
+ margin: 0px;
+ color: white;
+ font-size: 50px;
+ font-family: serif;
+ text-shadow: 0px 60px 5px red;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ </style>
+ </head>
+ <body style="margin: 0px;">
+ <div class="out">
+ Text Shadow
+ <div style="display:inline-block; width:0px; height:100px;"/>
+ </div>
+ </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/backgrounds/background-clip-text-2.html
@@ -0,0 +1,28 @@
+<!doctype HTML>
+<html>
+ <head>
+ <title>background-clip: text shadow</title>
+ <style>
+ div.out {
+ width: 500px;
+ height: 300px;
+ margin: 0px;
+ background-image: linear-gradient(green, green);
+ background-clip: text;
+ color: transparent;
+ font-size: 50px;
+ font-family: serif;
+ text-shadow: 0px 60px 5px red;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ </style>
+ </head>
+ <body style="margin: 0px;">
+ <div class="out">
+ Text Shadow
+ <div style="display:inline-block; width:0px; height:100px;"/>
+ </div>
+ <!-- A white div which is used to cover on text -->
+ <div style="position: absolute; top: 0px; left:0px; width:500px; height:110px;background-color:white;"/>
+ </body>
+</html>
--- a/layout/reftests/backgrounds/reftest.list
+++ b/layout/reftests/backgrounds/reftest.list
@@ -180,8 +180,10 @@ fuzzy(30,474) fuzzy-if(skiaContent,31,47
skip-if(!cocoaWidget) == background-repeat-resampling.html background-repeat-resampling-ref.html
pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) fuzzy-if(skiaContent,102,2595) == background-clip-text-1a.html background-clip-text-1-ref.html
pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) fuzzy-if(skiaContent,102,2595) == background-clip-text-1b.html background-clip-text-1-ref.html
pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) fuzzy-if(skiaContent,102,2595) == background-clip-text-1c.html background-clip-text-1-ref.html
pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) fuzzy-if(skiaContent,102,2595) == background-clip-text-1d.html background-clip-text-1-ref.html
pref(layout.css.background-clip-text.enabled,true) fuzzy-if(winWidget,102,2032) fuzzy-if(skiaContent,102,2595) == 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
+
+pref(layout.css.background-clip-text.enabled,true) == background-clip-text-2.html background-clip-text-2-ref.html
