Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-20 00:35:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1563359. Add a test for clipping and stroking text. r=mstange

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D36825

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Jeff Muizelaar 2019-07-03 19:49:05 +00:00
parent 3eb2b38c97
commit e4c1e944b8
3 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layout/reftests/backgrounds/reftest.list
View File

@ -187,3 +187,4 @@ fuzzy-if(winWidget,0-102,0-2032) fuzzy-if(skiaContent,0-102,0-2811) fuzzy-if(web
random-if(/^Windows\x20NT\x206\.1/.test(http.oscpu)) == background-clip-text-2.html background-clip-text-2-ref.html # Bug 1392106
== background-clip-text-scale.html background-clip-text-scale-ref.html
!= text-clip-and-stroke.html text-clip-and-no-stroke.html

14
layout/reftests/backgrounds/text-clip-and-no-stroke.html Normal file
View File

@ -0,0 +1,14 @@
<style>
p {
margin: 1em 0;
padding: 1.4em;
background: linear-gradient(60deg, red, yellow, red, yellow, red);
font: 900 1.2em sans-serif;
text-decoration: underline;
-webkit-background-clip: text;
color: rgba(0,0,0,.2);
}
</style>
<p>The background is clipped to the foreground text.</p>

15
layout/reftests/backgrounds/text-clip-and-stroke.html Normal file
View File

@ -0,0 +1,15 @@
<style>
p {
margin: 1em 0;
padding: 1.4em;
background: linear-gradient(60deg, red, yellow, red, yellow, red);
font: 900 1.2em sans-serif;
text-decoration: underline;
-webkit-background-clip: text;
-webkit-text-stroke: 2px transparent;
color: rgba(0,0,0,.2);
}
</style>
<p>The background is clipped to the foreground text.</p>