зеркало из https://github.com/mozilla/gecko-dev.git
Bug 998535 - Reftests for box-decoration-break:clone that use block border/padding. Tweak an older test that depended on b-d-b:clone not working correctly for blocks. r=roc
This commit is contained in:
Mats Palmgren
Родитель
bc1ff0e0a3
Коммит
c8d44c8f9e
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Testcase for box-decoration-break:clone, block border+padding</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=988653">
|
||||
<meta charset="utf-8">
|
||||
<style type="text/css">
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:10px; margin:0;
|
||||
}
|
||||
|
||||
.inner {
|
||||
border: 5px dashed blue;
|
||||
height: 33px;
|
||||
width: 40px;
|
||||
background: lime;
|
||||
background-clip: content-box;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.columns {
|
||||
-moz-columns: 3;
|
||||
width: 250px;
|
||||
height: 50px;
|
||||
background: grey;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.unbalanced {
|
||||
-moz-column-fill: auto;
|
||||
}
|
||||
|
||||
.inner.p { height:31px; padding:1px 3px 5px 7px; }
|
||||
.unbalanced .inner { height:40px; margin-bottom: 0px;}
|
||||
.unbalanced .inner.p { height:34px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="columns"><div class="inner"></div><div class="inner"></div><div class="inner"></div></div>
|
||||
<div class="columns unbalanced"><div class="inner"></div><div class="inner"></div><div class="inner" style="height:19px"></div></div>
|
||||
<div class="columns"><div class="p inner"></div><div class="p inner"></div><div class="p inner"></div></div>
|
||||
<div class="columns unbalanced"><div class="p inner"></div><div class="p inner"></div><div class="p inner" style="height:25px"></div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Testcase for box-decoration-break:clone, block border+padding</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=988653">
|
||||
<link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
|
||||
<link rel="match" href="box-decoration-break-block-border-padding-ref.html">
|
||||
<meta charset="utf-8">
|
||||
<style type="text/css">
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:10px; margin:0;
|
||||
}
|
||||
|
||||
.inner {
|
||||
box-decoration-break: clone;
|
||||
border: 5px dashed blue;
|
||||
height: 99px;
|
||||
width: 40px;
|
||||
background: lime;
|
||||
background-clip: content-box;
|
||||
}
|
||||
|
||||
.columns {
|
||||
-moz-columns: 3;
|
||||
width: 250px;
|
||||
height: 50px;
|
||||
background: grey;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.unbalanced {
|
||||
-moz-column-fill: auto;
|
||||
}
|
||||
|
||||
.inner.p { height:93px; padding:1px 3px 5px 7px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="columns"><div class="inner"></div></div>
|
||||
<div class="columns unbalanced"><div class="inner"></div></div>
|
||||
<div class="columns"><div class="p inner"></div></div>
|
||||
<div class="columns unbalanced"><div class="p inner"></div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -48,10 +48,13 @@ b1,b2,b3,b4,b5,b6,b7,b8,b9,b10,.b.clone {
|
|||
.col3 {
|
||||
-moz-columns: 3;
|
||||
}
|
||||
.unbalanced { -moz-column-fill:auto; }
|
||||
.vbreak { height:65px; width:41px; }
|
||||
.unbalanced .vbreak { height:40px; }
|
||||
.h { width:30px;height:30px; background:grey; }
|
||||
.m { margin-left:15px; }
|
||||
.col3 .vbreak { height:115px; }
|
||||
.unbalanced.col3 .vbreak { height:40px; }
|
||||
x { display:inline-block; width:31px; height:18px; line-height:1; }
|
||||
y { display:inline-block; width:47px; height:18px; line-height:1; }
|
||||
pos1 { position:absolute; top:50px; width:700px; }
|
||||
|
|
@ -122,8 +125,8 @@ c10 { top:274px; left:20px; height:300px; width:156px; }
|
|||
</pos2>
|
||||
|
||||
<pos3>
|
||||
<div class="columns"><div class="b vbreak clone"></div><div class="b vbreak clone"></div></div>
|
||||
<div class="columns col3"><div class="b vbreak clone"></div><div class="b vbreak clone"></div><div class="b vbreak clone"></div></div>
|
||||
<div class="unbalanced columns"><div class="b vbreak clone"></div><div class="b vbreak clone" style="height:25px"></div></div>
|
||||
<div class="unbalanced columns col3"><div class="b vbreak clone"></div><div class="b vbreak clone"></div><div class="b vbreak clone" style="height:35px"></div></div>
|
||||
</pos3>
|
||||
|
||||
<pos4>
|
||||
|
|
|
|||
|
|
@ -40,6 +40,7 @@ html,body {
|
|||
.col3 {
|
||||
-moz-columns: 3;
|
||||
}
|
||||
.unbalanced { -moz-column-fill:auto; }
|
||||
.vbreak { height:65px; width:41px; }
|
||||
.h { width:30px;height:30px; background:grey; }
|
||||
.m { margin-left:15px; }
|
||||
|
|
@ -70,8 +71,8 @@ pos4 { position:absolute; top:510px; width:700px; }
|
|||
</pos2>
|
||||
|
||||
<pos3>
|
||||
<div class="columns"><div class="b vbreak clone"></div></div>
|
||||
<div class="columns col3"><div class="b vbreak clone"></div></div>
|
||||
<div class="unbalanced columns"><div class="b vbreak clone"></div></div>
|
||||
<div class="unbalanced columns col3"><div class="b vbreak clone"></div></div>
|
||||
</pos3>
|
||||
|
||||
<pos4>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
pref(layout.css.box-decoration-break.enabled,true) == box-decoration-break-1.html box-decoration-break-1-ref.html
|
||||
default-preferences pref(layout.css.box-decoration-break.enabled,true)
|
||||
|
||||
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
|
||||
random-if(!gtk2Widget) pref(layout.css.box-decoration-break.enabled,true) HTTP(..) == box-decoration-break-border-image.html box-decoration-break-border-image-ref.html
|
||||
== box-decoration-break-1.html box-decoration-break-1-ref.html
|
||||
fuzzy(1,20) == box-decoration-break-with-inset-box-shadow-1.html box-decoration-break-with-inset-box-shadow-1-ref.html
|
||||
fuzzy(16,460) == box-decoration-break-with-outset-box-shadow-1.html box-decoration-break-with-outset-box-shadow-1-ref.html
|
||||
random-if(!gtk2Widget) HTTP(..) == box-decoration-break-border-image.html box-decoration-break-border-image-ref.html
|
||||
== box-decoration-break-block-border-padding.html box-decoration-break-block-border-padding-ref.html
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче