mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 613659 - Reftests for box-decoration-break. r=cam
This commit is contained in:
Mats Palmgren
parent
5d7896ffef
commit
ef7aa8de24
@ -5,7 +5,7 @@
|
||||
</head>
|
||||
<body style="line-height: 3; width: 500px; height: 250px;">
|
||||
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: border-box; background-clip: border; background-origin: padding-box; background-origin: padding; margin: 7px 4px 2px 18px; border: 6px transparent solid; border-width: 2px 10px 15px 2px;">
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: border-box; background-origin: padding-box; margin: 7px 4px 2px 18px; border: 6px transparent solid; border-width: 2px 10px 15px 2px;">
|
||||
blah<br>
|
||||
blah<br>
|
||||
blah
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</head>
|
||||
<body style="line-height: 3; width: 500px; height: 250px;">
|
||||
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-clip: padding; background-origin: content-box; background-origin: content; border: medium transparent solid; border-width: 7px 4px 2px 18px; padding: 2px 2% 3% 2px;">
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-origin: content-box; border: medium transparent solid; border-width: 7px 4px 2px 18px; padding: 2px 2% 3% 2px;">
|
||||
blah<br>
|
||||
blah<br>
|
||||
blah
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</head>
|
||||
<body style="line-height: 3; width: 500px; height: 250px;">
|
||||
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: border-box; background-clip: border; background-origin: padding-box; background-origin: padding; margin: 7px 4px 2px 18px; border: 6px transparent solid; border-width: 2px 10px 15px 2px; box-decoration-break: clone;">
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: border-box; background-origin: padding-box; margin: 7px 4px 2px 18px; border: 6px transparent solid; border-width: 2px 10px 15px 2px; box-decoration-break: clone;">
|
||||
blah<br>
|
||||
blah<br>
|
||||
blah
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</head>
|
||||
<body style="line-height: 3; width: 500px; height: 250px;">
|
||||
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-clip: padding; background-origin: content-box; background-origin: content; border: medium transparent solid; border-width: 7px 4px 2px 18px; padding: 2px 10px 15px 2px; box-decoration-break: clone;">
|
||||
<span style="background: url(repeatable-diagonal-gradient.png); background-clip: padding-box; background-origin: content-box; border: medium transparent solid; border-width: 7px 4px 2px 18px; padding: 2px 10px 15px 2px; box-decoration-break: clone;">
|
||||
blah<br>
|
||||
blah<br>
|
||||
blah
|
||||
|
||||
@ -595,7 +595,7 @@ skip-if(B2G) == 367247-l-scroll.html 367247-l-auto.html
|
||||
!= 367612-1g.html 367612-1-ref.html
|
||||
skip-if(B2G) random-if(/^Windows\x20NT\x205\.1/.test(http.oscpu)) == 368020-1.html 368020-1-ref.html
|
||||
== 368020-2.html 368020-2-ref.html
|
||||
fails == 368020-3.html 368020-3-ref.html # bug 368085
|
||||
== 368020-3.html 368020-3-ref.html
|
||||
pref(layout.css.box-decoration-break.enabled,true) == 368020-5.html 368020-5-ref.html
|
||||
== 368155-1.xhtml 368155-1-ref.xhtml
|
||||
asserts(4) == 368155-negative-margins-1.html 368155-negative-margins-1-ref.html # bug 387205 / bug 457397
|
||||
|
||||
67
layout/reftests/css-break/box-decoration-break-1-ref.html
Normal file
67
layout/reftests/css-break/box-decoration-break-1-ref.html
Normal file
@ -0,0 +1,67 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Testing box-decoration-break:clone</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
span {
|
||||
line-height:4em;
|
||||
font-family:monospace;
|
||||
padding: 3px 5px 7px 11px;
|
||||
background-color: #0F0;
|
||||
margin: 13px 17px 19px 23px;
|
||||
border-left:13px dashed pink;
|
||||
border-top:7px dashed blue;
|
||||
border-right:3px dashed black;
|
||||
border-bottom:1px dashed blue;
|
||||
}
|
||||
.o0 {
|
||||
border-radius: 17px;
|
||||
}
|
||||
.o10 {
|
||||
border-radius: 17px;
|
||||
margin-left:0;
|
||||
}
|
||||
.o10x {
|
||||
border-radius: 17px;
|
||||
padding-right:0;
|
||||
}
|
||||
.so0 {
|
||||
border-radius: 0px;
|
||||
}
|
||||
.so10 {
|
||||
border-radius: 0px;
|
||||
margin-right:0;
|
||||
}
|
||||
.so10x {
|
||||
border-radius: 0px;
|
||||
padding-left:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin:10px">
|
||||
|
||||
<table border=1 cellpadding=10><tr>
|
||||
<td><span class="o0"><b> a </b></span><br><span class="o0"><b> b </b></span><br><span class="o0"><b> c </b></span></td>
|
||||
<td><span class="o10"><b> a </b></span><br><span class="o10"><b> b </b></span><br><span class="o10"><b> c </b></span></td>
|
||||
<td><span class="o10x"><b> a </b></span><br><span class="o10x"><b> b </b></span><br><span class="o10x"><b> c </b></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
|
||||
<table border=1 cellpadding=10><tr>
|
||||
<td><span class="so0"><b> a </b></span><br><span class="so0"><b> b </b></span><br><span class="so0"><b> c </b></span></td>
|
||||
<td><span class="so10"><b> a </b></span><br><span class="so10"><b> b </b></span><br><span class="so10"><b> c </b></span></td>
|
||||
<td><span class="so10x"><b> a </b></span><br><span class="so10x"><b> b </b></span><br><span class="so10x"><b> c </b></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
71
layout/reftests/css-break/box-decoration-break-1.html
Normal file
71
layout/reftests/css-break/box-decoration-break-1.html
Normal file
@ -0,0 +1,71 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Testing box-decoration-break:clone</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
|
||||
<link rel="match" href="box-decoration-break-1-ref.html">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
span {
|
||||
box-decoration-break:clone;
|
||||
|
||||
line-height:4em;
|
||||
font-family:monospace;
|
||||
padding: 3px 5px 7px 11px;
|
||||
background-color: #0F0;
|
||||
margin: 13px 17px 19px 23px;
|
||||
border-left:13px dashed pink;
|
||||
border-top:7px dashed blue;
|
||||
border-right:3px dashed black;
|
||||
border-bottom:1px dashed blue;
|
||||
}
|
||||
.o0 {
|
||||
border-radius: 17px;
|
||||
}
|
||||
.o10 {
|
||||
border-radius: 17px;
|
||||
margin-left:0;
|
||||
}
|
||||
.o10x {
|
||||
border-radius: 17px;
|
||||
padding-right:0;
|
||||
}
|
||||
.so0 {
|
||||
border-radius: 0px;
|
||||
}
|
||||
.so10 {
|
||||
border-radius: 0px;
|
||||
margin-right:0;
|
||||
}
|
||||
.so10x {
|
||||
border-radius: 0px;
|
||||
padding-left:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin:10px">
|
||||
|
||||
<table border=1 cellpadding=10><tr>
|
||||
<td><span class="o0"><b> a <br> b <br> c </b></span></td>
|
||||
<td><span class="o10"><b> a <br> b <br> c </b></span></td>
|
||||
<td><span class="o10x"><b> a <br> b <br> c </b></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
|
||||
<table border=1 cellpadding=10><tr>
|
||||
<td><span class="so0"><b> a <br> b <br> c </b></span><br></td>
|
||||
<td><span class="so10"><b> a <br> b <br> c </b></span><br></td>
|
||||
<td><span class="so10x"><b> a <br> b <br> c </b></span><br></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,132 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Testing box-decoration-break:clone with inset box-shadow</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
span { border:3px dashed pink; margin:0 1em; line-height:4em; }
|
||||
|
||||
span {
|
||||
font-family:monospace;
|
||||
padding:1em 1em;
|
||||
background-image: url(green-circle-alpha-32x32.png);
|
||||
}
|
||||
.o0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.o10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.o10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.p0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.p10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.p10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
}
|
||||
.so0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.so10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.so10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.sp0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.sp10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.sp10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
}
|
||||
|
||||
.m b { visibility:hidden; }
|
||||
.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
|
||||
.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin:49px 50px;">
|
||||
|
||||
<div style="position:relative">
|
||||
<table border=1 cellpadding=10><tr><td>
|
||||
<span class="o0"><b> a </b></span><br><span class="o0"><b> b </b></span><br><span class="o0"><b> c </b></span><br>
|
||||
<span class="o10"><b> a </b></span><br><span class="o10"><b> b </b></span><br><span class="o10"><b> c </b></span><br>
|
||||
<span class="o10x"><b> a </b></span><br><span class="o10x"><b> b </b></span><br><span class="o10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="p0"><b> a </b></span><br><span class="p0"><b> b </b></span><br></span><span class="p0"><b> c </b></span><br>
|
||||
<span class="p10"><b> a </b></span><br><span class="p10"><b> b </b></span><br><span class="p10"><b> c </b></span><br>
|
||||
<span class="p10x"><b> a </b></span><br><span class="p10x"><b> b </b></span><br><span class="p10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="so0"><b> a </b></span><br><span class="so0"><b> b </b></span><br><span class="so0"><b> c </b></span><br>
|
||||
<span class="so10"><b> a </b></span><br><span class="so10"><b> b </b></span><br><span class="so10"><b> c </b></span><br>
|
||||
<span class="so10x"><b> a </b></span><br><span class="so10x"><b> b </b></span><br><span class="so10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="sp0"><b> a </b></span><br><span class="sp0"><b> b </b></span><br><span class="sp0"><b> c </b></span><br>
|
||||
<span class="sp10"><b> a </b></span><br><span class="sp10"><b> b </b></span><br><span class="sp10"><b> c </b></span><br>
|
||||
<span class="sp10x"><b> a </b></span><br><span class="sp10x"><b> b </b></span><br><span class="sp10x"><b> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
<div style="position:absolute; top:0px;left:0;">
|
||||
<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
|
||||
<table border=1 cellpadding=10><tr><td>
|
||||
<span class="m o0"><b> a </b></span><br><span class="m o0"><b> b </b></span><br><span class="m o0"><b> c </b></span><br>
|
||||
<span class="m o10"><b> a </b></span><br><span class="m o10"><b> b </b></span><br><span class="m o10"><b> c </b></span><br>
|
||||
<span class="m o10x"><b> a </b></span><br><span class="m o10x"><b> b </b></span><br><span class="m o10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m p0"><b> a </b></span><br><span class="m p0"><b> b </b></span><br></span><span class="m p0"><b> c </b></span><br>
|
||||
<span class="m p10"><b> a </b></span><br><span class="m p10"><b> b </b></span><br><span class="m p10"><b> c </b></span><br>
|
||||
<span class="m p10x"><b> a </b></span><br><span class="m p10x"><b> b </b></span><br><span class="m p10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m so0"><b> a </b></span><br><span class="m so0"><b> b </b></span><br><span class="m so0"><b> c </b></span><br>
|
||||
<span class="m so10"><b> a </b></span><br><span class="m so10"><b> b </b></span><br><span class="m so10"><b> c </b></span><br>
|
||||
<span class="m so10x"><b> a </b></span><br><span class="m so10x"><b> b </b></span><br><span class="m so10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m sp0"><b> a </b></span><br><span class="m sp0"><b> b </b></span><br><span class="m sp0"><b> c </b></span><br>
|
||||
<span class="m sp10"><b> a </b></span><br><span class="m sp10"><b> b </b></span><br><span class="m sp10"><b> c </b></span><br>
|
||||
<span class="m sp10x"><b> a </b></span><br><span class="m sp10x"><b> b </b></span><br><span class="m sp10x"><b> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
@ -0,0 +1,134 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Testing box-decoration-break:clone with inset box-shadow</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
|
||||
<link rel="match" href="box-decoration-break-with-inset-box-shadow-1-ref.html">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
span { border:3px dashed pink; margin:0 1em; line-height:4em; box-decoration-break:clone; }
|
||||
|
||||
span {
|
||||
font-family:monospace;
|
||||
padding:1em 1em;
|
||||
background-image: url(green-circle-alpha-32x32.png);
|
||||
}
|
||||
.o0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.o10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.o10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.p0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.p10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.p10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
}
|
||||
.so0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
box-shadow: inset 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.so10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
box-shadow: inset 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.so10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
box-shadow: inset 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.sp0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
box-shadow: inset 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.sp10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
box-shadow: inset 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.sp10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
box-shadow: inset 15px 9px 7px 0px #00F;
|
||||
}
|
||||
|
||||
.m b { visibility:hidden; }
|
||||
.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
|
||||
.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin:49px 50px;">
|
||||
|
||||
<div style="position:relative">
|
||||
<table border=1 cellpadding=10><tr><td>
|
||||
<span class="o0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="o10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="o10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="p0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="p10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="p10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="so0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="so10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="so10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="sp0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="sp10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="sp10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
<div style="position:absolute; top:0px;left:0;">
|
||||
<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
|
||||
<table border=1 cellpadding=10><tr><td>
|
||||
<span class="m o0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m o10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m o10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m p0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m p10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m p10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m so0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m so10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m so10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m sp0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m sp10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m sp10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,131 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Testing box-decoration-break:clone with outset box-shadow</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
span { border:3px dashed pink; line-height:80px; }
|
||||
|
||||
span {
|
||||
font-family:monospace;
|
||||
padding:1em 1em;
|
||||
background-image: url(green-circle-alpha-32x32.png);
|
||||
}
|
||||
.o0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 0px 0px 0px 10px #00F;
|
||||
box-shadow: 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.o10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 0px 0px 7px 10px #00F;
|
||||
box-shadow: 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.o10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 0px 0px 7px 0px #00F;
|
||||
box-shadow: 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.p0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 15px 9px 0px 10px #00F;
|
||||
box-shadow: 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.p10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 15px 9px 7px 10px #00F;
|
||||
box-shadow: 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.p10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 15px 9px 7px 0px #00F;
|
||||
box-shadow: 15px 9px 7px 0px #00F;
|
||||
}
|
||||
.so0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0px 0px 0px 10px #00F;
|
||||
box-shadow: 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.so10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0px 0px 7px 10px #00F;
|
||||
box-shadow: 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.so10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0px 0px 7px 0px #00F;
|
||||
box-shadow: 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.sp0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 15px 9px 0px 10px #00F;
|
||||
box-shadow: 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.sp10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 15px 9px 7px 10px #00F;
|
||||
box-shadow: 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.sp10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 15px 9px 7px 0px #00F;
|
||||
box-shadow: 15px 9px 7px 0px #00F;
|
||||
}
|
||||
|
||||
.m b { visibility:hidden; }
|
||||
.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
|
||||
.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin:49px 50px;">
|
||||
|
||||
<div style="position:relative">
|
||||
<table border=1 cellpadding=50 ><tr><td>
|
||||
<span class="o0"><b> a </b></span><br><span class="o0"><b> b </b></span><br><span class="o0"><b> c </b></span><br>
|
||||
<span class="o10"><b> a </b></span><br><span class="o10"><b> b </b></span><br><span class="o10"><b> c </b></span><br>
|
||||
<span class="o10x"><b> a </b></span><br><span class="o10x"><b> b </b></span><br><span class="o10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="p0"><b> a </b></span><br><span class="p0"><b> b </b></span><br><span class="p0"><b> c </b></span><br>
|
||||
<span class="p10"><b> a </b></span><br><span class="p10"><b> b </b></span><br><span class="p10"><b> c </b></span><br>
|
||||
<span class="p10x"><b> a </b></span><br><span class="p10x"><b> b </b></span><br><span class="p10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="so0"><b> a </b></span><br><span class="so0"><b> b </b></span><br><span class="so0"><b> c </b></span><br>
|
||||
<span class="so10"><b> a </b></span><br><span class="so10"><b> b </b></span><br><span class="so10"><b> c </b></span><br>
|
||||
<span class="so10x"><b> a </b></span><br><span class="so10x"><b> b </b></span><br><span class="so10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="sp0"><b> a </b></span><br><span class="sp0"><b> b </b></span><br><span class="sp0"><b> c </b></span><br>
|
||||
<span class="sp10"><b> a </b></span><br><span class="sp10"><b> b </b></span><br><span class="sp10"><b> c </b></span><br>
|
||||
<span class="sp10x"><b> a </b></span><br><span class="sp10x"><b> b </b></span><br><span class="sp10x"><b> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
<div style="position:absolute; top:0px;left:0;">
|
||||
<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
|
||||
<table border=1 cellpadding=50 ><tr><td>
|
||||
<span class="m o0"><b> a </b></span><br><span class="m o0"><b> b </b></span><br><span class="m o0"><b> c </b></span><br>
|
||||
<span class="m o10"><b> a </b></span><br><span class="m o10"><b> b </b></span><br><span class="m o10"><b> c </b></span><br>
|
||||
<span class="m o10x"><b> a </b></span><br><span class="m o10x"><b> b </b></span><br><span class="m o10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m p0"><b> a </b></span><br><span class="m p0"><b> b </b></span><br><span class="m p0"><b> c </b></span><br>
|
||||
<span class="m p10"><b> a </b></span><br><span class="m p10"><b> b </b></span><br><span class="m p10"><b> c </b></span><br>
|
||||
<span class="m p10x"><b> a </b></span><br><span class="m p10x"><b> b </b></span><br><span class="m p10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m so0"><b> a </b></span><br><span class="m so0"><b> b </b></span><br><span class="m so0"><b> c </b></span><br>
|
||||
<span class="m so10"><b> a </b></span><br><span class="m so10"><b> b </b></span><br><span class="m so10"><b> c </b></span><br>
|
||||
<span class="m so10x"><b> a </b></span><br><span class="m so10x"><b> b </b></span><br><span class="m so10x"><b> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m sp0"><b> a </b></span><br><span class="m sp0"><b> b </b></span><br><span class="m sp0"><b> c </b></span><br>
|
||||
<span class="m sp10"><b> a </b></span><br><span class="m sp10"><b> b </b></span><br><span class="m sp10"><b> c </b></span><br>
|
||||
<span class="m sp10x"><b> a </b></span><br><span class="m sp10x"><b> b </b></span><br><span class="m sp10x"><b> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@ -0,0 +1,133 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: Testing box-decoration-break:clone with outset box-shadow</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
|
||||
<link rel="match" href="box-decoration-break-with-outset-box-shadow-1-ref.html">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
span { border:3px dashed pink; line-height:80px; box-decoration-break:clone; }
|
||||
|
||||
span {
|
||||
font-family:monospace;
|
||||
padding:1em 1em;
|
||||
background-image: url(green-circle-alpha-32x32.png);
|
||||
}
|
||||
.o0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 0px 0px 0px 10px #00F;
|
||||
box-shadow: 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.o10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 0px 0px 7px 10px #00F;
|
||||
box-shadow: 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.o10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 0px 0px 7px 0px #00F;
|
||||
box-shadow: 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.p0 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 15px 9px 0px 10px #00F;
|
||||
box-shadow: 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.p10 {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 15px 9px 7px 10px #00F;
|
||||
box-shadow: 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.p10x {
|
||||
border-radius: 12px;
|
||||
-webkit-box-shadow: 15px 9px 7px 0px #00F;
|
||||
box-shadow: 15px 9px 7px 0px #00F;
|
||||
}
|
||||
.so0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0px 0px 0px 10px #00F;
|
||||
box-shadow: 0px 0px 0px 10px #00F;
|
||||
}
|
||||
.so10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0px 0px 7px 10px #00F;
|
||||
box-shadow: 0px 0px 7px 10px #00F;
|
||||
}
|
||||
.so10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0px 0px 7px 0px #00F;
|
||||
box-shadow: 0px 0px 7px 0px #00F;
|
||||
}
|
||||
.sp0 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 15px 9px 0px 10px #00F;
|
||||
box-shadow: 15px 9px 0px 10px #00F;
|
||||
}
|
||||
.sp10 {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 15px 9px 7px 10px #00F;
|
||||
box-shadow: 15px 9px 7px 10px #00F;
|
||||
}
|
||||
.sp10x {
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 15px 9px 7px 0px #00F;
|
||||
box-shadow: 15px 9px 7px 0px #00F;
|
||||
}
|
||||
|
||||
.m b { visibility:hidden; }
|
||||
.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
|
||||
.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin:49px 50px;">
|
||||
|
||||
<div style="position:relative">
|
||||
<table border=1 cellpadding=50 ><tr><td>
|
||||
<span class="o0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="o10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="o10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="p0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="p10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="p10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="so0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="so10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="so10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="sp0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="sp10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="sp10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
<div style="position:absolute; top:0px;left:0;">
|
||||
<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
|
||||
<table border=1 cellpadding=50 ><tr><td>
|
||||
<span class="m o0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m o10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m o10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m p0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m p10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m p10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m so0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m so10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m so10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td><td>
|
||||
<span class="m sp0"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m sp10"><b> a <br> b <br> c </b></span><br>
|
||||
<span class="m sp10x"><b> a <br> b <br> c </b></span><br>
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
BIN
layout/reftests/css-break/green-circle-alpha-32x32.png
Normal file
BIN
layout/reftests/css-break/green-circle-alpha-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 396 B |
4
layout/reftests/css-break/reftest.list
Normal file
4
layout/reftests/css-break/reftest.list
Normal file
@ -0,0 +1,4 @@
|
||||
pref(layout.css.box-decoration-break.enabled,true) == box-decoration-break-1.html box-decoration-break-1-ref.html
|
||||
|
||||
fuzzy(1,20) pref(layout.css.box-decoration-break.enabled,true) == box-decoration-break-with-inset-box-shadow-1.html box-decoration-break-with-inset-box-shadow-1-ref.html
|
||||
fuzzy(16,460) pref(layout.css.box-decoration-break.enabled,true) == box-decoration-break-with-outset-box-shadow-1.html box-decoration-break-with-outset-box-shadow-1-ref.html
|
||||
@ -56,6 +56,9 @@ include css-animations/reftest.list
|
||||
# blending/
|
||||
include css-blending/reftest.list
|
||||
|
||||
# Tests for the css-break spec
|
||||
include css-break/reftest.list
|
||||
|
||||
# css calc() tests
|
||||
include css-calc/reftest.list
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user