Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 14:10:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0

Browse source
This commit is contained in:
Ms2ger 2015-08-21 17:46:44 +02:00
parent 7c45ff8e05
commit f235d49372
6623 changed files with 267392 additions and 10061 deletions
Download patch file Download diff file Expand all files Collapse all files

45
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-001.htm Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.3.3</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" rel="help">
<meta content="" name="flags">
<link href="reference/box-sizing-001-ref.htm" rel="match">
<meta content="When box-sizing is border-box, the content width, rather than the computed value of the width property,
is considered when checking whether a block is larger than its containing block." name="assert">
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#red {
position:absolute;
top: 25px;
right:5px;
width: 70px;
height: 70px;
background:red;
z-index: -1;
}
#test {
box-sizing: border-box;
margin-top: 25px;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to 0 if the wrong interpretation of width is used in CSS2.1 10.3.3 */
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="red"></div>
<div id="test"></div>
</div>
</body></html>

45
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-002.htm Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.3</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" rel="help">
<meta content="" name="flags">
<link href="reference/box-sizing-001-ref.htm" rel="match">
<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property,
is considered when checking whether a block is larger than its containing block." name="assert">
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#red {
position:absolute;
top: 25px;
right:5px;
width: 70px;
height: 70px;
background:red;
z-index: -1;
}
#test {
box-sizing: padding-box;
margin-top: 25px;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to 0 if the wrong interpretation of width is used in CSS2.1 10.3.3 */
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="red"></div>
<div id="test"></div>
</div>
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-003.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.3.7</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" rel="help">
<meta content="" name="flags">
<link href="reference/box-sizing-001-ref.htm" rel="match">
<meta content="When box-sizing is border-box, the content width, rather than the computed value of the width property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert">
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: border-box;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */
top: 25px;
left:0;
right:0;
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-004.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.7</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" rel="help">
<meta content="" name="flags">
<link href="reference/box-sizing-001-ref.htm" rel="match">
<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert">
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: padding-box;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */
top: 25px;
left:0;
right:0;
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

42
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-005.htm Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.6.4</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" rel="help">
<meta content="" name="flags">
<link href="reference/box-sizing-001-ref.htm" rel="match">
<meta content="When box-sizing is border-box, the content height, rather than the computed value of the height property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert">
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: border-box;
margin-right: 5px;
margin-left: 25px;
margin-bottom: 5px;
margin-top: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.6.4 */
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 25px;
padding-bottom: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

42
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-006.htm Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.6.4</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" rel="help">
<meta content="" name="flags">
<link href="reference/box-sizing-001-ref.htm" rel="match">
<meta content="When box-sizing is padding-box, the content height, rather than the computed value of the height property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert">
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: padding-box;
margin-right: 5px;
margin-left: 25px;
margin-bottom: 5px;
margin-top: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.6.4 */
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 25px;
padding-bottom: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

76
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-007.htm Normal file
View file

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-007-ref.htm" rel="match">
<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01, #t11, #t21, #t31 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02, #t12, #t22, #t32 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03, #t13, #t23, #t33 {
width: 120px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04, #t14, #t24, #t34 {
height: 120px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t30, #t32 {
width: 100px;
}
#t31 {
height: 100px;
}
body {
max-width: 700px;
}
</style>
</head><body>
<p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<img src="support/w100_h100.svg" id="t00">
<img src="support/w100_h100.svg" id="t01">
<img src="support/w100_h100.svg" id="t02">
<img src="support/w100_h100.svg" id="t03">
<img src="support/w100_h100.svg" id="t04">
<img src="support/w100_r1-1.svg" id="t10">
<img src="support/w100_r1-1.svg" id="t11">
<img src="support/w100_r1-1.svg" id="t12">
<img src="support/w100_r1-1.svg" id="t13">
<img src="support/w100_r1-1.svg" id="t14">
<img src="support/h100_r1-1.svg" id="t20">
<img src="support/h100_r1-1.svg" id="t21">
<img src="support/h100_r1-1.svg" id="t22">
<img src="support/h100_r1-1.svg" id="t23">
<img src="support/h100_r1-1.svg" id="t24">
<img src="support/r1-1.svg" id="t30">
<img src="support/r1-1.svg" id="t31">
<img src="support/r1-1.svg" id="t32">
<img src="support/r1-1.svg" id="t33">
<img src="support/r1-1.svg" id="t34">
</body></html>

58
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-008.htm Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-008-ref.htm" rel="match">
<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert">
<style>
#ref {
width: 100px;
height: 150px;
background: green;
margin: 10px;
display: inline-block;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03 {
width: 120px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04 {
height: 170px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
body {
max-width: 400px;
}
</style>
</head><body>
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100.svg" id="t00">
<img src="support/w100.svg" id="t01">
<img src="support/w100.svg" id="t02">
<img src="support/w100.svg" id="t03">
<img src="support/w100.svg" id="t04">
</body></html>

58
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-009.htm Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-009-ref.htm" rel="match">
<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert">
<style>
#ref {
width: 300px;
height: 100px;
background: green;
margin: 10px;
display: inline-block;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03 {
width: 320px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04 {
height: 120px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
body {
max-width: 700px;
}
</style>
</head><body>
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100.svg" id="t00">
<img src="support/h100.svg" id="t01">
<img src="support/h100.svg" id="t02">
<img src="support/h100.svg" id="t03">
<img src="support/h100.svg" id="t04">
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-010.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 70px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-011.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 70px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-012.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-012-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
margin-bottom: 10px;
width: 100px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-013.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-013-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 100px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100.svg">
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-014.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and ratio
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 70px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_r1-1.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-015.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height and ratio
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 70px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100_r1-1.svg">
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-016.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic ratio, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic ratio
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 70px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/r1-1.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-017.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic ratio, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic ratio
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 70px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/r1-1.svg">
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-018.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w ≤ max-height/h</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height and ratio
with the w > max-width and h > max-height constraint violation
and max-width/w ≤ max-height/h
are properly interpreted when box-sizing is border-box." name="assert">
<style>
#ref {
display: inline-block;
width: 70px;
height: 70px;
background: green;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
max-height: 100px;
max-width: 70px;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100_r1-1.svg">
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-019.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w &gt; max-height/h</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-010-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and ratio
with the w > max-width and h > max-height constraint violation
and max-width/w > max-height/h
are properly interpreted when box-sizing is border-box." name="assert">
<style>
#ref {
display: inline-block;
width: 70px;
height: 70px;
background: green;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
max-height: 70px;
max-width: 100px;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_r1-1.svg">
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-020.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, h &lt; min-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-020-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the h < min-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
min-height: 160px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 130px;
height: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-021.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, w &lt; win-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-020-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the w < min-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
min-width: 160px;
}
#ref {
display:inline-block;
height: 130px;
width: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-022.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width, w &lt; min-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-022-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width
with the w < min-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
min-width: 160px;
}
#ref {
display: inline-block;
width: 130px;
height: 150px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-023.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height, h &lt; min-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-023-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height
with the h < min-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
min-height: 160px;
}
#ref {
height: 130px;
margin-bottom: 10px;
width: 300px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100.svg">
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-024.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &lt; mi:-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-020-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and ratio
with the h < min-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
min-height: 160px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 130px;
height: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_r1-1.svg">
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-025.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &lt; min-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
<meta content="svg" name="flags">
<link href="reference/box-sizing-020-ref.htm" rel="match">
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height and ratio
with the w < min-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
min-width: 160px;
}
#ref {
display:inline-block;
height: 130px;
width: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100_r1-1.svg">
</body></html>

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-001.htm
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with specified width</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-border-box-001-ref.htm">
<meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.">
<style type="text/css">
.container {

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-002.htm
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with specified width</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-border-box-002-ref.htm">
<meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.">
<style type="text/css">
.container {

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-003.htm
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-border-box-003-ref.htm">
<meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.">
<style type="text/css">
.container {

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-004.htm
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with min/max width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-border-box-004-ref.htm">
<meta name="assert" content="box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.">
<style type="text/css">
.container {

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-001.htm
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Content-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-content-box-001-ref.htm">
<meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.">
<style type="text/css">
.container {

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-002.htm
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Content-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-content-box-002-ref.htm">
<meta name="assert" content="box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.">
<style type="text/css">
.container {

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-003.htm
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Content-Box with min/max width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-content-box-003-ref.htm">
<meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.">
<style type="text/css">
.container {

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-001.htm
View file

@ -5,6 +5,7 @@
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author">
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-replaced-001-ref.htm">
<meta content="image" name="flags">
<meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding around each.">
<!--

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-002.htm
View file

@ -5,6 +5,7 @@
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author">
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-replaced-002-ref.htm">
<meta content="image" name="flags">
<meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each.">
<!--

1
tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-003.htm
View file

@ -5,6 +5,7 @@
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author">
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing">
<link rel="match" href="reference/box-sizing-replaced-003-ref.htm">
<meta content="image" name="flags">
<meta name="assert" content="All images should be sized at 75px x 75px.">
<!--

26
tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-001.htm Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html><head><title>CSS UI Test: propagating the root cursor to the canvas</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#canvas_cursor" rel="help">
<meta content="interact image" name="flags">
<meta content="Test checks the cursor applied to the root element is propagated to the canvas." name="assert">
<style>
:root {
padding:0;
background:blue;
cursor: url(support/green.ico), pointer;
}
body {
margin:0;
}
p {
background: white;
cursor: default;
position:absolute;
/* the p is taken out of flow to make the html and body elements collapse to nothing,
leaving the whole background area empty of any element,
as that's what we want to hover over */ }
</style>
</head><body>
<p>Place the mouse cursor over the blue area. You should see a green square.
</p></body></html>

23
tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-002.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html><head><title>CSS UI Test: not propagating the body cursor to the canvas</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
<link href="https://drafts.csswg.org/css-ui-3/#canvas_cursor" rel="help">
<meta content="interact image" name="flags">
<meta content="Test checks the cursor applied to the body element is not propagated to the canvas." name="assert">
<style>
:root { padding:0; background:blue;}
body {
margin:0;
cursor: url(support/red.ico), pointer;
}
p {
background: white;
cursor: default;
position:absolute;
/* the p is taken out of flow to make the html and body elements collapse to nothing,
leaving the whole background area empty of any element,
as that's what we want to hover over */ }
</style>
</head><body>
<p>Place the mouse cursor over the blue area. You should see no red.
</p></body></html>

299
tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
<h2>Box Model addition (10 tests)</h2>
<h2>Box Model addition (35 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -37,11 +37,286 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr>
<!-- 10 tests -->
<!-- 35 tests -->
<tr id="box-sizing-001-3.1" class="primary">
<td><strong>
<a href="box-sizing-001.htm">box-sizing-001</a></strong></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td></td>
<td>box-sizing:border-box and CSS2.1 10.3.3
<ul class="assert">
<li>When box-sizing is border-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-002-3.1" class="primary">
<td><strong>
<a href="box-sizing-002.htm">box-sizing-002</a></strong></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td></td>
<td>box-sizing:padding-box and CSS2.1 10.3.3
<ul class="assert">
<li>When box-sizing is padding-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-003-3.1" class="primary">
<td><strong>
<a href="box-sizing-003.htm">box-sizing-003</a></strong></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td></td>
<td>box-sizing:border-box and CSS2.1 10.3.7
<ul class="assert">
<li>When box-sizing is border-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-004-3.1" class="primary">
<td><strong>
<a href="box-sizing-004.htm">box-sizing-004</a></strong></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td></td>
<td>box-sizing:padding-box and CSS2.1 10.3.7
<ul class="assert">
<li>When box-sizing is padding-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-005-3.1" class="primary">
<td><strong>
<a href="box-sizing-005.htm">box-sizing-005</a></strong></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td></td>
<td>box-sizing:border-box and CSS2.1 10.6.4
<ul class="assert">
<li>When box-sizing is border-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-006-3.1" class="primary">
<td><strong>
<a href="box-sizing-006.htm">box-sizing-006</a></strong></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td></td>
<td>box-sizing:padding-box and CSS2.1 10.6.4
<ul class="assert">
<li>When box-sizing is padding-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-007-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-007.htm">box-sizing-007</a></strong></td>
<td><a href="reference/box-sizing-007-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.
<ul class="assert">
<li>Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-008-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-008.htm">box-sizing-008</a></strong></td>
<td><a href="reference/box-sizing-008-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.
<ul class="assert">
<li>Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-009-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-009.htm">box-sizing-009</a></strong></td>
<td><a href="reference/box-sizing-009-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.
<ul class="assert">
<li>Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-010-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-010.htm">box-sizing-010</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width and height, h &gt; max-height
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h &gt; max-height constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-011-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-011.htm">box-sizing-011</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width and height, w &gt; max-width
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w &gt; max-width constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-012-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-012.htm">box-sizing-012</a></strong></td>
<td><a href="reference/box-sizing-012-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width, h &gt; max-height
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h &gt; max-height constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-013-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-013.htm">box-sizing-013</a></strong></td>
<td><a href="reference/box-sizing-013-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic height, w &gt; max-width
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w &gt; max-width constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-014-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-014.htm">box-sizing-014</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &gt; max-height
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h &gt; max-height constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-015-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-015.htm">box-sizing-015</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-width
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w &gt; max-width constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-016-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-016.htm">box-sizing-016</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic ratio, h &gt; max-height
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h &gt; max-height constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-017-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-017.htm">box-sizing-017</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic ratio, w &gt; max-width
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w &gt; max-width constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-018-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-018.htm">box-sizing-018</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w &amp;#8804; max-height/h
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w &gt; max-width and h &gt; max-height constraint violation and max-width/w &amp;#8804; max-height/h are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-019-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-019.htm">box-sizing-019</a></strong></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w &gt; max-height/h
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the w &gt; max-width and h &gt; max-height constraint violation and max-width/w &gt; max-height/h are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-020-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-020.htm">box-sizing-020</a></strong></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width and height, h &lt; min-height
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h &lt; min-height constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-021-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-021.htm">box-sizing-021</a></strong></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width and height, w &lt; win-width
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w &lt; min-width constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-022-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-022.htm">box-sizing-022</a></strong></td>
<td><a href="reference/box-sizing-022-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width, w &lt; min-width
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the w &lt; min-width constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-023-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-023.htm">box-sizing-023</a></strong></td>
<td><a href="reference/box-sizing-023-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic height, h &lt; min-height
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the h &lt; min-height constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-024-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-024.htm">box-sizing-024</a></strong></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &lt; mi:-height
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h &lt; min-height constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-025-3.1" class="primary svg">
<td><strong>
<a href="box-sizing-025.htm">box-sizing-025</a></strong></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
<td>auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &lt; min-width
<ul class="assert">
<li>Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w &lt; min-width constraint violation are properly interpreted when box-sizing is border-box.</li>
</ul>
</td>
</tr>
<tr id="box-sizing-border-box-001-3.1" class="primary">
<td><strong>
<a href="box-sizing-border-box-001.htm">box-sizing-border-box-001</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-border-box-001-ref.htm">=</a> </td>
<td></td>
<td>Box Sizing - Border-Box with specified width
<ul class="assert">
@ -52,7 +327,7 @@
<tr id="box-sizing-border-box-002-3.1" class="primary">
<td><strong>
<a href="box-sizing-border-box-002.htm">box-sizing-border-box-002</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-border-box-002-ref.htm">=</a> </td>
<td></td>
<td>Box Sizing - Border-Box with specified width
<ul class="assert">
@ -63,7 +338,7 @@
<tr id="box-sizing-border-box-003-3.1" class="primary">
<td><strong>
<a href="box-sizing-border-box-003.htm">box-sizing-border-box-003</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-border-box-003-ref.htm">=</a> </td>
<td></td>
<td>Box Sizing - Border-Box with specified width/height
<ul class="assert">
@ -74,7 +349,7 @@
<tr id="box-sizing-border-box-004-3.1" class="primary">
<td><strong>
<a href="box-sizing-border-box-004.htm">box-sizing-border-box-004</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-border-box-004-ref.htm">=</a> </td>
<td></td>
<td>Box Sizing - Border-Box with min/max width/height
<ul class="assert">
@ -85,7 +360,7 @@
<tr id="box-sizing-content-box-001-3.1" class="primary">
<td><strong>
<a href="box-sizing-content-box-001.htm">box-sizing-content-box-001</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-content-box-001-ref.htm">=</a> </td>
<td></td>
<td>Box Sizing - Content-Box with specified width/height
<ul class="assert">
@ -96,7 +371,7 @@
<tr id="box-sizing-content-box-002-3.1" class="primary">
<td><strong>
<a href="box-sizing-content-box-002.htm">box-sizing-content-box-002</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-content-box-002-ref.htm">=</a> </td>
<td></td>
<td>Box Sizing - Content-Box with specified width/height
<ul class="assert">
@ -107,7 +382,7 @@
<tr id="box-sizing-content-box-003-3.1" class="primary">
<td><strong>
<a href="box-sizing-content-box-003.htm">box-sizing-content-box-003</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-content-box-003-ref.htm">=</a> </td>
<td></td>
<td>Box Sizing - Content-Box with min/max width/height
<ul class="assert">
@ -118,7 +393,7 @@
<tr id="box-sizing-replaced-001-3.1" class="primary image">
<td><strong>
<a href="box-sizing-replaced-001.htm">box-sizing-replaced-001</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-replaced-001-ref.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing
<ul class="assert">
@ -129,7 +404,7 @@
<tr id="box-sizing-replaced-002-3.1" class="primary image">
<td><strong>
<a href="box-sizing-replaced-002.htm">box-sizing-replaced-002</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-replaced-002-ref.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing
<ul class="assert">
@ -140,7 +415,7 @@
<tr id="box-sizing-replaced-003-3.1" class="primary image">
<td><strong>
<a href="box-sizing-replaced-003.htm">box-sizing-replaced-003</a></strong></td>
<td></td>
<td><a href="reference/box-sizing-replaced-003-ref.htm">=</a> </td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing
<ul class="assert">

26
tests/wpt/css-tests/css-ui-3_dev/html/chapter-6.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1>
<h2>Pointing Devices and Keyboards (142 tests)</h2>
<h2>Pointing Devices and Keyboards (144 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -671,7 +671,29 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1.1.1">+</a>
<a href="http://www.w3.org/TR/css3-ui/#canvas_cursor">6.1.1.1 Cursor of the canvas</a></th></tr>
<!-- 0 tests -->
<!-- 2 tests -->
<tr id="canvas-cursor-001-6.1.1.1" class="primary image interact">
<td><strong>
<a href="canvas-cursor-001.htm">canvas-cursor-001</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td>propagating the root cursor to the canvas
<ul class="assert">
<li>Test checks the cursor applied to the root element is propagated to the canvas.</li>
</ul>
</td>
</tr>
<tr id="canvas-cursor-002-6.1.1.1" class="primary image interact">
<td><strong>
<a href="canvas-cursor-002.htm">canvas-cursor-002</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
<td>not propagating the body cursor to the canvas
<ul class="assert">
<li>Test checks the cursor applied to the body element is not propagated to the canvas.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">

26
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-001-ref.htm Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
margin-right: 5px;
margin-top: 25px;
margin-left: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

41
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-007-ref.htm Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
display: inline-block;
width: 100px;
height: 100px;
background: green;
margin: 10px;
}
body {
max-width: 700px;
}
</style>
</head><body>
<p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body></html>

27
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-008-ref.htm Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
width: 100px;
height: 150px;
background: green;
margin: 10px;
display: inline-block;
}
body {
max-width: 400px;
}
</style>
</head><body>
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body></html>

26
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-009-ref.htm Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
width: 300px;
height: 100px;
background: green;
margin: 10px;
display: inline-block;
}
body {
max-width: 700px;
}
</style>
</head><body>
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body></html>

19
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-010-ref.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
display: inline-block;
width: 70px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
</body></html>

19
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-012-ref.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
margin-bottom: 10px;
width: 100px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
</body></html>

19
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-013-ref.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
display:inline-block;
height: 100px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
</body></html>

19
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-020-ref.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal">
<style>
div {
display: inline-block;
width: 130px;
height: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
</body></html>

19
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-022-ref.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
display: inline-block;
width: 130px;
height: 150px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
</body></html>

19
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-023-ref.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Basic User Interface Reference File</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
<style>
div {
height: 130px;
margin-bottom: 10px;
width: 300px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div></div>
<div></div>
</body></html>

40
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-001-ref.htm Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Box Sizing - Border-Box with specified width</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<style type="text/css">
.container {
width: 300px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
width: 140px;
z-index: 1;
float: left;
border: 5px solid black;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
</style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br>
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

41
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-002-ref.htm Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Box Sizing - Border-Box with specified width</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<style type="text/css">
.container {
width: 300px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
width: 120px;
z-index: 1;
float: left;
border: 5px solid black;
padding: 0px 10px;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
</style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br>
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

43
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-003-ref.htm Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Box Sizing - Border-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<style type="text/css">
.container {
width: 300px;
height: 400px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
width: 120px;
height: 340px;
z-index: 1;
float: left;
border: 5px solid black;
padding: 25px 10px;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
</style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br>
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

46
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-004-ref.htm Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Box Sizing - Border-Box with min/max width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<style type="text/css">
.container {
min-width: 500px;
max-width: 700px;
min-height: 70px;
max-height: 90px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
min-width: 240px;
max-width: 340px;
min-height: 60px;
max-height: 80px;
z-index: 1;
float: left;
border: 5px solid black;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
</style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br>
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

41
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-001-ref.htm Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Box Sizing - Content-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<style type="text/css">
.container {
width: 300px;
height: 110px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
width: 150px;
height: 110px;
z-index: 1;
float: left;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
</style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br>
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

42
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-002-ref.htm Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Box Sizing - Content-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<style type="text/css">
.container {
width: 300px;
height: 100px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
width: 140px;
height: 90px;
z-index: 1;
float: left;
padding: 5px 5px;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
</style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br>
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

43
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-003-ref.htm Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Box Sizing - Content-Box with min/max width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com">
<style type="text/css">
.container {
min-width: 500px;
max-width: 700px;
height: 90px;
border: 2px solid black;
position: absolute;
left: 25px;
top: 25px;
background-color: red;
}
.box-sized {
min-width: 250px;
max-width: 350px;
height: 100%;
z-index: 1;
float: left;
}
#one {
background-color: green;
}
#two {
background-color: blue;
}
</style>
</head>
<body>
The two divs should be side-by-side, not one on top of another. No red should be visible.
<br>
<div class="container">
<div class="box-sized" id="one">LEFT HALF</div>
<div class="box-sized" id="two">RIGHT HALF</div>
</div>
</body>
</html>

52
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-001-ref.htm Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author">
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author">
<meta content="image" name="flags">
<!--
<link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing">
-->
<style type="text/css">
p {
display: inline-block;
background-color: white;
margin: 0px 0px;
padding: 0px 0px;
}
.with-padding {
padding: 5px 5px;
}
#img {
width: 75px;
height: 75px;
}
</style>
</head>
<body>
<div>All rectangles should be the same size.</div>
<p><img class="with-padding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></p>
<p><img id="img" class="with-padding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></p>
<p><img id="img" class="with-padding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></p>
<p><img id="img" class="with-padding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></p>
<p><img id="img" class="with-padding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></p>
<p><img id="img" class="with-padding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></p>
<p><img id="img" class="with-padding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></p>
<p><img id="img" class="with-padding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></p>
<p><img id="img" class="with-padding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></p>
<p><img id="img" class="with-padding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></p>
<p><img id="img" class="with-padding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></p>
<p><img id="img" class="with-padding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></p>
<p><img id="img" class="with-padding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></p>
<p><img id="img" class="with-padding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></p>
<p><img id="img" class="with-padding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></p>
<p><img id="img" class="with-padding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></p>
<p><img id="img" class="with-padding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></p>
<p><img id="img" class="with-padding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></p>
<p><img id="img" class="with-padding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></p>
<p><img id="img" class="with-padding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></p>
</body>
</html>

53
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-002-ref.htm Normal file
View file

@ -0,0 +1,53 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author">
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author">
<meta content="image" name="flags">
<!--
<link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing">
-->
<style type="text/css">
p {
display: inline-block;
background-color: white;
margin: 0px 0px;
padding: 0px 0px;
}
.with-borderpadding {
padding: 5px 5px;
border: 5px solid blue;
}
#img {
width: 75px;
height: 75px;
}
</style>
</head>
<body>
<div>All rectangles should be the same size.</div>
<p><img class="with-borderpadding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></p>
<p><img id="img" class="with-borderpadding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></p>
<p><img id="img" class="with-borderpadding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></p>
</body>
</html>

48
tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-003-ref.htm Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title>
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author">
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author">
<meta content="image" name="flags">
<!--
<link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing">
-->
<style type="text/css">
p {
display: inline-block;
background-color: white;
margin: 0px 0px;
padding: 0px 0px;
}
#img {
width: 75px;
height: 75px;
}
</style>
</head>
<body>
<div>All rectangles should be the same size.</div>
<p><img src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></p>
<p><img id="img" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></p>
<p><img id="img" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></p>
<p><img id="img" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></p>
<p><img id="img" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></p>
<p><img id="img" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></p>
<p><img id="img" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></p>
<p><img id="img" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></p>
<p><img id="img" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></p>
<p><img id="img" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></p>
<p><img id="img" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></p>
<p><img id="img" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></p>
<p><img id="img" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></p>
<p><img id="img" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></p>
<p><img id="img" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></p>
<p><img id="img" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></p>
<p><img id="img" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></p>
<p><img id="img" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></p>
<p><img id="img" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></p>
<p><img id="img" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></p>
</body>
</html>

280
tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm
View file

@ -24,6 +24,286 @@
<th>Flags</th>
</tr>
</thead>
<tbody id="box-sizing-001" class="">
<tr>
<td rowspan="1" title="box-sizing:border-box and CSS2.1 10.3.3">
<a href="box-sizing-001.htm">box-sizing-001</a></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-002" class="">
<tr>
<td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.3.3">
<a href="box-sizing-002.htm">box-sizing-002</a></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-003" class="">
<tr>
<td rowspan="1" title="box-sizing:border-box and CSS2.1 10.3.7">
<a href="box-sizing-003.htm">box-sizing-003</a></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-004" class="">
<tr>
<td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.3.7">
<a href="box-sizing-004.htm">box-sizing-004</a></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-005" class="">
<tr>
<td rowspan="1" title="box-sizing:border-box and CSS2.1 10.6.4">
<a href="box-sizing-005.htm">box-sizing-005</a></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-006" class="">
<tr>
<td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.6.4">
<a href="box-sizing-006.htm">box-sizing-006</a></td>
<td><a href="reference/box-sizing-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-007" class="svg">
<tr>
<td rowspan="1" title="box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.">
<a href="box-sizing-007.htm">box-sizing-007</a></td>
<td><a href="reference/box-sizing-007-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-008" class="svg">
<tr>
<td rowspan="1" title="box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.">
<a href="box-sizing-008.htm">box-sizing-008</a></td>
<td><a href="reference/box-sizing-008-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-009" class="svg">
<tr>
<td rowspan="1" title="box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.">
<a href="box-sizing-009.htm">box-sizing-009</a></td>
<td><a href="reference/box-sizing-009-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-010" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, h &gt; max-height">
<a href="box-sizing-010.htm">box-sizing-010</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-011" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, w &gt; max-width">
<a href="box-sizing-011.htm">box-sizing-011</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-012" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width, h &gt; max-height">
<a href="box-sizing-012.htm">box-sizing-012</a></td>
<td><a href="reference/box-sizing-012-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-013" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height, w &gt; max-width">
<a href="box-sizing-013.htm">box-sizing-013</a></td>
<td><a href="reference/box-sizing-013-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-014" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &gt; max-height">
<a href="box-sizing-014.htm">box-sizing-014</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-015" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-width">
<a href="box-sizing-015.htm">box-sizing-015</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-016" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic ratio, h &gt; max-height">
<a href="box-sizing-016.htm">box-sizing-016</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-017" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic ratio, w &gt; max-width">
<a href="box-sizing-017.htm">box-sizing-017</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-018" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w &amp;#8804; max-height/h">
<a href="box-sizing-018.htm">box-sizing-018</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-019" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w &gt; max-height/h">
<a href="box-sizing-019.htm">box-sizing-019</a></td>
<td><a href="reference/box-sizing-010-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-020" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, h &lt; min-height">
<a href="box-sizing-020.htm">box-sizing-020</a></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-021" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, w &lt; win-width">
<a href="box-sizing-021.htm">box-sizing-021</a></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-022" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width, w &lt; min-width">
<a href="box-sizing-022.htm">box-sizing-022</a></td>
<td><a href="reference/box-sizing-022-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-023" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height, h &lt; min-height">
<a href="box-sizing-023.htm">box-sizing-023</a></td>
<td><a href="reference/box-sizing-023-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-024" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &lt; mi:-height">
<a href="box-sizing-024.htm">box-sizing-024</a></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-025" class="svg">
<tr>
<td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &lt; min-width">
<a href="box-sizing-025.htm">box-sizing-025</a></td>
<td><a href="reference/box-sizing-020-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-border-box-001" class="">
<tr>
<td rowspan="1" title="Box Sizing - Border-Box with specified width">
<a href="box-sizing-border-box-001.htm">box-sizing-border-box-001</a></td>
<td><a href="reference/box-sizing-border-box-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-border-box-002" class="">
<tr>
<td rowspan="1" title="Box Sizing - Border-Box with specified width">
<a href="box-sizing-border-box-002.htm">box-sizing-border-box-002</a></td>
<td><a href="reference/box-sizing-border-box-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-border-box-003" class="">
<tr>
<td rowspan="1" title="Box Sizing - Border-Box with specified width/height">
<a href="box-sizing-border-box-003.htm">box-sizing-border-box-003</a></td>
<td><a href="reference/box-sizing-border-box-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-border-box-004" class="">
<tr>
<td rowspan="1" title="Box Sizing - Border-Box with min/max width/height">
<a href="box-sizing-border-box-004.htm">box-sizing-border-box-004</a></td>
<td><a href="reference/box-sizing-border-box-004-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-content-box-001" class="">
<tr>
<td rowspan="1" title="Box Sizing - Content-Box with specified width/height">
<a href="box-sizing-content-box-001.htm">box-sizing-content-box-001</a></td>
<td><a href="reference/box-sizing-content-box-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-content-box-002" class="">
<tr>
<td rowspan="1" title="Box Sizing - Content-Box with specified width/height">
<a href="box-sizing-content-box-002.htm">box-sizing-content-box-002</a></td>
<td><a href="reference/box-sizing-content-box-002-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-content-box-003" class="">
<tr>
<td rowspan="1" title="Box Sizing - Content-Box with min/max width/height">
<a href="box-sizing-content-box-003.htm">box-sizing-content-box-003</a></td>
<td><a href="reference/box-sizing-content-box-003-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="box-sizing-replaced-001" class="image">
<tr>
<td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing">
<a href="box-sizing-replaced-001.htm">box-sizing-replaced-001</a></td>
<td><a href="reference/box-sizing-replaced-001-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-replaced-002" class="image">
<tr>
<td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing">
<a href="box-sizing-replaced-002.htm">box-sizing-replaced-002</a></td>
<td><a href="reference/box-sizing-replaced-002-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="box-sizing-replaced-003" class="image">
<tr>
<td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing">
<a href="box-sizing-replaced-003.htm">box-sizing-replaced-003</a></td>
<td><a href="reference/box-sizing-replaced-003-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="outline-001" class="">
<tr>
<td rowspan="1" title="outline - create outline likes border property">

35
tests/wpt/css-tests/css-ui-3_dev/html/reftest.list
View file

@ -1,4 +1,39 @@
box-sizing-001.htm == reference/box-sizing-001-ref.htm
box-sizing-002.htm == reference/box-sizing-001-ref.htm
box-sizing-003.htm == reference/box-sizing-001-ref.htm
box-sizing-004.htm == reference/box-sizing-001-ref.htm
box-sizing-005.htm == reference/box-sizing-001-ref.htm
box-sizing-006.htm == reference/box-sizing-001-ref.htm
box-sizing-007.htm == reference/box-sizing-007-ref.htm
box-sizing-008.htm == reference/box-sizing-008-ref.htm
box-sizing-009.htm == reference/box-sizing-009-ref.htm
box-sizing-010.htm == reference/box-sizing-010-ref.htm
box-sizing-011.htm == reference/box-sizing-010-ref.htm
box-sizing-012.htm == reference/box-sizing-012-ref.htm
box-sizing-013.htm == reference/box-sizing-013-ref.htm
box-sizing-014.htm == reference/box-sizing-010-ref.htm
box-sizing-015.htm == reference/box-sizing-010-ref.htm
box-sizing-016.htm == reference/box-sizing-010-ref.htm
box-sizing-017.htm == reference/box-sizing-010-ref.htm
box-sizing-018.htm == reference/box-sizing-010-ref.htm
box-sizing-019.htm == reference/box-sizing-010-ref.htm
box-sizing-020.htm == reference/box-sizing-020-ref.htm
box-sizing-021.htm == reference/box-sizing-020-ref.htm
box-sizing-022.htm == reference/box-sizing-022-ref.htm
box-sizing-023.htm == reference/box-sizing-023-ref.htm
box-sizing-024.htm == reference/box-sizing-020-ref.htm
box-sizing-025.htm == reference/box-sizing-020-ref.htm
box-sizing-border-box-001.htm == reference/box-sizing-border-box-001-ref.htm
box-sizing-border-box-002.htm == reference/box-sizing-border-box-002-ref.htm
box-sizing-border-box-003.htm == reference/box-sizing-border-box-003-ref.htm
box-sizing-border-box-004.htm == reference/box-sizing-border-box-004-ref.htm
box-sizing-content-box-001.htm == reference/box-sizing-content-box-001-ref.htm
box-sizing-content-box-002.htm == reference/box-sizing-content-box-002-ref.htm
box-sizing-content-box-003.htm == reference/box-sizing-content-box-003-ref.htm
box-sizing-replaced-001.htm == reference/box-sizing-replaced-001-ref.htm
box-sizing-replaced-002.htm == reference/box-sizing-replaced-002-ref.htm
box-sizing-replaced-003.htm == reference/box-sizing-replaced-003-ref.htm
outline-001.htm == reference/ref-filled-green-100px-square.htm
outline-002.htm == reference/ref-filled-green-100px-square.htm
outline-color-001.htm == reference/ref-filled-green-100px-square.htm

4
tests/wpt/css-tests/css-ui-3_dev/html/toc.htm
View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Box Model addition</a></th>
<td>(10 Tests)</td></tr>
<td>(35 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
@ -47,7 +47,7 @@
<tbody id="s6">
<tr><th><a href="chapter-6.htm">Chapter 6 -
Pointing Devices and Keyboards</a></th>
<td>(142 Tests)</td></tr>
<td>(144 Tests)</td></tr>
</tbody>
<tbody id="sA">
<tr><th><a href="chapter-A.htm">Appendix A -

94
tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data
View file

@ -3,26 +3,80 @@
# http://test.csswg.org/suites/css-ui-3_dev/DATESTAMP/
# See http://wiki.csswg.org/test/implementation-report for instructions
testname revision result comment
html/box-sizing-border-box-001.htm c5cdf6d1b6cfbc79d283a1dec5d2c2caade1c2cd ?
xhtml1/box-sizing-border-box-001.xht c5cdf6d1b6cfbc79d283a1dec5d2c2caade1c2cd ?
html/box-sizing-border-box-002.htm 788dd3b8575e389acd8b5cc169c5b28010ce96ea ?
xhtml1/box-sizing-border-box-002.xht 788dd3b8575e389acd8b5cc169c5b28010ce96ea ?
html/box-sizing-border-box-003.htm 9f7e319f985315b8aa670ad38ab1aa15f41e2c59 ?
xhtml1/box-sizing-border-box-003.xht 9f7e319f985315b8aa670ad38ab1aa15f41e2c59 ?
html/box-sizing-border-box-004.htm e0b7289fb7644222450cdfcbc3deadb9b641e904 ?
xhtml1/box-sizing-border-box-004.xht e0b7289fb7644222450cdfcbc3deadb9b641e904 ?
html/box-sizing-content-box-001.htm 3e690e79ebf0eda200bbf003d7c10c21701172b8 ?
xhtml1/box-sizing-content-box-001.xht 3e690e79ebf0eda200bbf003d7c10c21701172b8 ?
html/box-sizing-content-box-002.htm 1c2f73d2c628ae2c7fd7bfacde0225107c34865f ?
xhtml1/box-sizing-content-box-002.xht 1c2f73d2c628ae2c7fd7bfacde0225107c34865f ?
html/box-sizing-content-box-003.htm 0832ce514f23392781427aac6cff958217486bed ?
xhtml1/box-sizing-content-box-003.xht 0832ce514f23392781427aac6cff958217486bed ?
html/box-sizing-replaced-001.htm 883da133947f490fd29a3c971a3fbe405c45b762 ?
xhtml1/box-sizing-replaced-001.xht 883da133947f490fd29a3c971a3fbe405c45b762 ?
html/box-sizing-replaced-002.htm 52a88f82acf6e1a04762ca1c461f0371a117b1b0 ?
xhtml1/box-sizing-replaced-002.xht 52a88f82acf6e1a04762ca1c461f0371a117b1b0 ?
html/box-sizing-replaced-003.htm b430f0b75fc9343f8a7b2063b91a10eb9bef9dcc ?
xhtml1/box-sizing-replaced-003.xht b430f0b75fc9343f8a7b2063b91a10eb9bef9dcc ?
html/box-sizing-001.htm 615898f337b8ce0337f1360d145d2d38dec45b5c ?
xhtml1/box-sizing-001.xht 615898f337b8ce0337f1360d145d2d38dec45b5c ?
html/box-sizing-002.htm b9c41043dfd84bddebce91fab68a511ac4617dab ?
xhtml1/box-sizing-002.xht b9c41043dfd84bddebce91fab68a511ac4617dab ?
html/box-sizing-003.htm c61f2c8769183ae0d9adeee16a13361e703a367a ?
xhtml1/box-sizing-003.xht c61f2c8769183ae0d9adeee16a13361e703a367a ?
html/box-sizing-004.htm 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 ?
xhtml1/box-sizing-004.xht 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 ?
html/box-sizing-005.htm 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a ?
xhtml1/box-sizing-005.xht 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a ?
html/box-sizing-006.htm 1ad8344b1537924b3ed9ea14f36faff891d6957d ?
xhtml1/box-sizing-006.xht 1ad8344b1537924b3ed9ea14f36faff891d6957d ?
html/box-sizing-007.htm 470a1d40e93f37987e3a1050d90c9b5e9acfe263 ?
xhtml1/box-sizing-007.xht 470a1d40e93f37987e3a1050d90c9b5e9acfe263 ?
html/box-sizing-008.htm 7e06d64d703830c06b9d61c75d3be230bd1b56bc ?
xhtml1/box-sizing-008.xht 7e06d64d703830c06b9d61c75d3be230bd1b56bc ?
html/box-sizing-009.htm 2aaccf9cc7ddbd222494f28fd6cd7f725a18c1e8 ?
xhtml1/box-sizing-009.xht 2aaccf9cc7ddbd222494f28fd6cd7f725a18c1e8 ?
html/box-sizing-010.htm 16d056c92b9d78cfe112a2e01c21a24660f09034 ?
xhtml1/box-sizing-010.xht 16d056c92b9d78cfe112a2e01c21a24660f09034 ?
html/box-sizing-011.htm b3e88665f1dd9498ac21d4ce6817fdf1b1b9ca0c ?
xhtml1/box-sizing-011.xht b3e88665f1dd9498ac21d4ce6817fdf1b1b9ca0c ?
html/box-sizing-012.htm bb62d1bd00a0012a210cebe7cbfd7de79c69d8c7 ?
xhtml1/box-sizing-012.xht bb62d1bd00a0012a210cebe7cbfd7de79c69d8c7 ?
html/box-sizing-013.htm b4f00771638d47828b441719fd6cb4d78ce34c8e ?
xhtml1/box-sizing-013.xht b4f00771638d47828b441719fd6cb4d78ce34c8e ?
html/box-sizing-014.htm 9eed262fdecb09ddedc7372ebc5b89aa362051f3 ?
xhtml1/box-sizing-014.xht 9eed262fdecb09ddedc7372ebc5b89aa362051f3 ?
html/box-sizing-015.htm 1dfa7e938400ea80391641feab6ed5f0f7c35c20 ?
xhtml1/box-sizing-015.xht 1dfa7e938400ea80391641feab6ed5f0f7c35c20 ?
html/box-sizing-016.htm 0f2e4c999e68b3bd44e760c4b4c8dab2aff0fe7a ?
xhtml1/box-sizing-016.xht 0f2e4c999e68b3bd44e760c4b4c8dab2aff0fe7a ?
html/box-sizing-017.htm 4ffe61120e2b6c38f7251c28e91e5c8ad9ef315e ?
xhtml1/box-sizing-017.xht 4ffe61120e2b6c38f7251c28e91e5c8ad9ef315e ?
html/box-sizing-018.htm 53fcf5ba2e73e1baebb4075afc0e4a2ac22dc66c ?
xhtml1/box-sizing-018.xht 53fcf5ba2e73e1baebb4075afc0e4a2ac22dc66c ?
html/box-sizing-019.htm 8b30a14f8d246239fc79de2142088e891ffdb1ab ?
xhtml1/box-sizing-019.xht 8b30a14f8d246239fc79de2142088e891ffdb1ab ?
html/box-sizing-020.htm b38180876fbf67ab948c45ebe88bd53dfa994adc ?
xhtml1/box-sizing-020.xht b38180876fbf67ab948c45ebe88bd53dfa994adc ?
html/box-sizing-021.htm a2e85d04e37f717cba23331fdc093f7f630248ba ?
xhtml1/box-sizing-021.xht a2e85d04e37f717cba23331fdc093f7f630248ba ?
html/box-sizing-022.htm b6035a0711e61bdce98c049147b0d0fe686bd3f2 ?
xhtml1/box-sizing-022.xht b6035a0711e61bdce98c049147b0d0fe686bd3f2 ?
html/box-sizing-023.htm a32c06a67906426e1115f353b7f3d073d168ddc7 ?
xhtml1/box-sizing-023.xht a32c06a67906426e1115f353b7f3d073d168ddc7 ?
html/box-sizing-024.htm 548f17fe7c624a449372ed9a34cc5581db4b8c0b ?
xhtml1/box-sizing-024.xht 548f17fe7c624a449372ed9a34cc5581db4b8c0b ?
html/box-sizing-025.htm 12c1f92805199bb395b41521df5eac9a73efc1c3 ?
xhtml1/box-sizing-025.xht 12c1f92805199bb395b41521df5eac9a73efc1c3 ?
html/box-sizing-border-box-001.htm 4c63d6fda4dd34a4f89bfb66a943904951cb7f41 ?
xhtml1/box-sizing-border-box-001.xht 4c63d6fda4dd34a4f89bfb66a943904951cb7f41 ?
html/box-sizing-border-box-002.htm b49ca4e6161e1aa24c4ef8fb9626cea26c1d26a3 ?
xhtml1/box-sizing-border-box-002.xht b49ca4e6161e1aa24c4ef8fb9626cea26c1d26a3 ?
html/box-sizing-border-box-003.htm 1b41472fdaf436fc11bb1b864a367bd649ab2089 ?
xhtml1/box-sizing-border-box-003.xht 1b41472fdaf436fc11bb1b864a367bd649ab2089 ?
html/box-sizing-border-box-004.htm dfda8e453a374d002a81b40fdd01dbf56319fa9c ?
xhtml1/box-sizing-border-box-004.xht dfda8e453a374d002a81b40fdd01dbf56319fa9c ?
html/box-sizing-content-box-001.htm 4b3056f655bbe35540eadfe3888d48f1961dfafc ?
xhtml1/box-sizing-content-box-001.xht 4b3056f655bbe35540eadfe3888d48f1961dfafc ?
html/box-sizing-content-box-002.htm 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ?
xhtml1/box-sizing-content-box-002.xht 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ?
html/box-sizing-content-box-003.htm 397bec8981e201e663ea97b4b265aa45fff08bd5 ?
xhtml1/box-sizing-content-box-003.xht 397bec8981e201e663ea97b4b265aa45fff08bd5 ?
html/box-sizing-replaced-001.htm a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ?
xhtml1/box-sizing-replaced-001.xht a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ?
html/box-sizing-replaced-002.htm d4148a5cae7298ba17c8257c328e4f622edfc689 ?
xhtml1/box-sizing-replaced-002.xht d4148a5cae7298ba17c8257c328e4f622edfc689 ?
html/box-sizing-replaced-003.htm 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 ?
xhtml1/box-sizing-replaced-003.xht 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 ?
html/canvas-cursor-001.htm d776271759adae48748f2424d34012fe871acef8 ?
xhtml1/canvas-cursor-001.xht d776271759adae48748f2424d34012fe871acef8 ?
html/canvas-cursor-002.htm 96e20addfadf1ec458f9867bb586adb925b6b2c1 ?
xhtml1/canvas-cursor-002.xht 96e20addfadf1ec458f9867bb586adb925b6b2c1 ?
html/caret-color-001.htm d51a15636bbc1a93132d4dba71ff6de6c08c1c1f ?
xhtml1/caret-color-001.xht d51a15636bbc1a93132d4dba71ff6de6c08c1c1f ?
html/caret-color-002.htm 02a3dcc0a7054487ffd77b21aa525a3e8cad0dfc ?

47
tests/wpt/css-tests/css-ui-3_dev/testinfo.data
View file

@ -1,14 +1,41 @@
id references title flags links revision credits assertion
box-sizing-border-box-001 Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing c5cdf6d1b6cfbc79d283a1dec5d2c2caade1c2cd `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.
box-sizing-border-box-002 Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing 788dd3b8575e389acd8b5cc169c5b28010ce96ea `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.
box-sizing-border-box-003 Box Sizing - Border-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 9f7e319f985315b8aa670ad38ab1aa15f41e2c59 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.
box-sizing-border-box-004 Box Sizing - Border-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing e0b7289fb7644222450cdfcbc3deadb9b641e904 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.
box-sizing-content-box-001 Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 3e690e79ebf0eda200bbf003d7c10c21701172b8 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
box-sizing-content-box-002 Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 1c2f73d2c628ae2c7fd7bfacde0225107c34865f `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
box-sizing-content-box-003 Box Sizing - Content-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing 0832ce514f23392781427aac6cff958217486bed `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
box-sizing-replaced-001 Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 883da133947f490fd29a3c971a3fbe405c45b762 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding around each.
box-sizing-replaced-002 Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 52a88f82acf6e1a04762ca1c461f0371a117b1b0 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each.
box-sizing-replaced-003 Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing b430f0b75fc9343f8a7b2063b91a10eb9bef9dcc `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px.
box-sizing-001 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.3.3 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#blockwidth 615898f337b8ce0337f1360d145d2d38dec45b5c `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.
box-sizing-002 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.3.3 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#blockwidth b9c41043dfd84bddebce91fab68a511ac4617dab `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is padding-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.
box-sizing-003 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.3.7 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width c61f2c8769183ae0d9adeee16a13361e703a367a `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.
box-sizing-004 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.3.7 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is padding-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.
box-sizing-005 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.6.4 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.
box-sizing-006 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.6.4 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height 1ad8344b1537924b3ed9ea14f36faff891d6957d `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is padding-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.
box-sizing-007 reference/box-sizing-007-ref box-sizing:border-box and auto sizing of intrinsicly sized replaced elements. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 470a1d40e93f37987e3a1050d90c9b5e9acfe263 `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-008 reference/box-sizing-008-ref box-sizing:border-box and auto sizing of replaced elements with intrinisic width only. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 7e06d64d703830c06b9d61c75d3be230bd1b56bc `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-009 reference/box-sizing-009-ref box-sizing:border-box and auto sizing of replaced elements with intrinisic height only. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 2aaccf9cc7ddbd222494f28fd6cd7f725a18c1e8 `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-010 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 16d056c92b9d78cfe112a2e01c21a24660f09034 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-011 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b3e88665f1dd9498ac21d4ce6817fdf1b1b9ca0c `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-012 reference/box-sizing-012-ref auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths bb62d1bd00a0012a210cebe7cbfd7de79c69d8c7 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-013 reference/box-sizing-013-ref auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b4f00771638d47828b441719fd6cb4d78ce34c8e `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-014 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 9eed262fdecb09ddedc7372ebc5b89aa362051f3 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-015 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 1dfa7e938400ea80391641feab6ed5f0f7c35c20 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-016 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 0f2e4c999e68b3bd44e760c4b4c8dab2aff0fe7a `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-017 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 4ffe61120e2b6c38f7251c28e91e5c8ad9ef315e `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-018 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w &#8804; max-height/h svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 53fcf5ba2e73e1baebb4075afc0e4a2ac22dc66c `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width and h > max-height constraint violation and max-width/w &#8804; max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-019 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > max-wdith and h > max-height and max-width/w > max-height/h svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 8b30a14f8d246239fc79de2142088e891ffdb1ab `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the w > max-width and h > max-height constraint violation and max-width/w > max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-020 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, h < min-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b38180876fbf67ab948c45ebe88bd53dfa994adc `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-021 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, w < win-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths a2e85d04e37f717cba23331fdc093f7f630248ba `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-022 reference/box-sizing-022-ref auto sizing rules with box-sizing:border-box, intrinsic width, w < min-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b6035a0711e61bdce98c049147b0d0fe686bd3f2 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-023 reference/box-sizing-023-ref auto sizing rules with box-sizing:border-box, intrinsic height, h < min-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths a32c06a67906426e1115f353b7f3d073d168ddc7 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-024 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < mi:-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 548f17fe7c624a449372ed9a34cc5581db4b8c0b `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-025 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < min-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 12c1f92805199bb395b41521df5eac9a73efc1c3 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-border-box-001 reference/box-sizing-border-box-001-ref Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing 4c63d6fda4dd34a4f89bfb66a943904951cb7f41 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.
box-sizing-border-box-002 reference/box-sizing-border-box-002-ref Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing b49ca4e6161e1aa24c4ef8fb9626cea26c1d26a3 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge.
box-sizing-border-box-003 reference/box-sizing-border-box-003-ref Box Sizing - Border-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 1b41472fdaf436fc11bb1b864a367bd649ab2089 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.
box-sizing-border-box-004 reference/box-sizing-border-box-004-ref Box Sizing - Border-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing dfda8e453a374d002a81b40fdd01dbf56319fa9c `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge.
box-sizing-content-box-001 reference/box-sizing-content-box-001-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 4b3056f655bbe35540eadfe3888d48f1961dfafc `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
box-sizing-content-box-002 reference/box-sizing-content-box-002-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
box-sizing-content-box-003 reference/box-sizing-content-box-003-ref Box Sizing - Content-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing 397bec8981e201e663ea97b4b265aa45fff08bd5 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge.
box-sizing-replaced-001 reference/box-sizing-replaced-001-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing a8e28589639906e9ad2c23f3875a1b84b9edc2c3 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding around each.
box-sizing-replaced-002 reference/box-sizing-replaced-002-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing d4148a5cae7298ba17c8257c328e4f622edfc689 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each.
box-sizing-replaced-003 reference/box-sizing-replaced-003-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px.
canvas-cursor-001 propagating the root cursor to the canvas image,interact https://drafts.csswg.org/css-ui-3/#canvas_cursor d776271759adae48748f2424d34012fe871acef8 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks the cursor applied to the root element is propagated to the canvas.
canvas-cursor-002 not propagating the body cursor to the canvas image,interact https://drafts.csswg.org/css-ui-3/#canvas_cursor 96e20addfadf1ec458f9867bb586adb925b6b2c1 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks the cursor applied to the body element is not propagated to the canvas.
caret-color-001 caret-color http://www.w3.org/TR/css3-ui/#caret-color d51a15636bbc1a93132d4dba71ff6de6c08c1c1f `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color can be set on a textarea
caret-color-002 caret-color is not inherited http://www.w3.org/TR/css3-ui/#caret-color 02a3dcc0a7054487ffd77b21aa525a3e8cad0dfc `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color value does not inherit
caret-color-003 caret-color auto http://www.w3.org/TR/css3-ui/#caret-color 2b11748c87a4cb16a19ef484bd474e26faf5aac5 `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color: auto resolves to currentColor

45
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-001.xht Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.3.3</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" rel="help" />
<meta content="" name="flags" />
<link href="reference/box-sizing-001-ref.xht" rel="match" />
<meta content="When box-sizing is border-box, the content width, rather than the computed value of the width property,
is considered when checking whether a block is larger than its containing block." name="assert" />
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#red {
position:absolute;
top: 25px;
right:5px;
width: 70px;
height: 70px;
background:red;
z-index: -1;
}
#test {
box-sizing: border-box;
margin-top: 25px;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to 0 if the wrong interpretation of width is used in CSS2.1 10.3.3 */
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="red"></div>
<div id="test"></div>
</div>
</body></html>

45
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-002.xht Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.3</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" rel="help" />
<meta content="" name="flags" />
<link href="reference/box-sizing-001-ref.xht" rel="match" />
<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property,
is considered when checking whether a block is larger than its containing block." name="assert" />
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#red {
position:absolute;
top: 25px;
right:5px;
width: 70px;
height: 70px;
background:red;
z-index: -1;
}
#test {
box-sizing: padding-box;
margin-top: 25px;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to 0 if the wrong interpretation of width is used in CSS2.1 10.3.3 */
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="red"></div>
<div id="test"></div>
</div>
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-003.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.3.7</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" rel="help" />
<meta content="" name="flags" />
<link href="reference/box-sizing-001-ref.xht" rel="match" />
<meta content="When box-sizing is border-box, the content width, rather than the computed value of the width property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert" />
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: border-box;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */
top: 25px;
left:0;
right:0;
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-004.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.7</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" rel="help" />
<meta content="" name="flags" />
<link href="reference/box-sizing-001-ref.xht" rel="match" />
<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert" />
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: padding-box;
margin-right: 5px;
margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */
top: 25px;
left:0;
right:0;
padding-left: 25px;
padding-right: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

42
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-005.xht Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.6.4</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" rel="help" />
<meta content="" name="flags" />
<link href="reference/box-sizing-001-ref.xht" rel="match" />
<meta content="When box-sizing is border-box, the content height, rather than the computed value of the height property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert" />
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: border-box;
margin-right: 5px;
margin-left: 25px;
margin-bottom: 5px;
margin-top: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.6.4 */
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 25px;
padding-bottom: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

42
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-006.xht Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.6.4</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" rel="help" />
<meta content="" name="flags" />
<link href="reference/box-sizing-001-ref.xht" rel="match" />
<meta content="When box-sizing is padding-box, the content height, rather than the computed value of the height property,
should be used in the the constraint that determines the used values of sizing and positioning properties
of absolutely positioned elements." name="assert" />
<style>
#cb {
position: absolute;
width: 100px;
height: 100px;
}
#test {
position:absolute;
box-sizing: padding-box;
margin-right: 5px;
margin-left: 25px;
margin-bottom: 5px;
margin-top: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.6.4 */
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 25px;
padding-bottom: 25px;
width: 70px;
height: 70px;
background:green;
}
</style>
</head><body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div id="cb">
<div id="test"></div>
</div>
</body></html>

76
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-007.xht Normal file
View file

@ -0,0 +1,76 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-007-ref.xht" rel="match" />
<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01, #t11, #t21, #t31 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02, #t12, #t22, #t32 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03, #t13, #t23, #t33 {
width: 120px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04, #t14, #t24, #t34 {
height: 120px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t30, #t32 {
width: 100px;
}
#t31 {
height: 100px;
}
body {
max-width: 700px;
}
</style>
</head><body>
<p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<img src="support/w100_h100.svg" id="t00" />
<img src="support/w100_h100.svg" id="t01" />
<img src="support/w100_h100.svg" id="t02" />
<img src="support/w100_h100.svg" id="t03" />
<img src="support/w100_h100.svg" id="t04" />
<img src="support/w100_r1-1.svg" id="t10" />
<img src="support/w100_r1-1.svg" id="t11" />
<img src="support/w100_r1-1.svg" id="t12" />
<img src="support/w100_r1-1.svg" id="t13" />
<img src="support/w100_r1-1.svg" id="t14" />
<img src="support/h100_r1-1.svg" id="t20" />
<img src="support/h100_r1-1.svg" id="t21" />
<img src="support/h100_r1-1.svg" id="t22" />
<img src="support/h100_r1-1.svg" id="t23" />
<img src="support/h100_r1-1.svg" id="t24" />
<img src="support/r1-1.svg" id="t30" />
<img src="support/r1-1.svg" id="t31" />
<img src="support/r1-1.svg" id="t32" />
<img src="support/r1-1.svg" id="t33" />
<img src="support/r1-1.svg" id="t34" />
</body></html>

58
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-008.xht Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-008-ref.xht" rel="match" />
<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert" />
<style>
#ref {
width: 100px;
height: 150px;
background: green;
margin: 10px;
display: inline-block;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03 {
width: 120px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04 {
height: 170px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
body {
max-width: 400px;
}
</style>
</head><body>
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100.svg" id="t00" />
<img src="support/w100.svg" id="t01" />
<img src="support/w100.svg" id="t02" />
<img src="support/w100.svg" id="t03" />
<img src="support/w100.svg" id="t04" />
</body></html>

58
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-009.xht Normal file
View file

@ -0,0 +1,58 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-009-ref.xht" rel="match" />
<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert" />
<style>
#ref {
width: 300px;
height: 100px;
background: green;
margin: 10px;
display: inline-block;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03 {
width: 320px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04 {
height: 120px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
body {
max-width: 700px;
}
</style>
</head><body>
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100.svg" id="t00" />
<img src="support/h100.svg" id="t01" />
<img src="support/h100.svg" id="t02" />
<img src="support/h100.svg" id="t03" />
<img src="support/h100.svg" id="t04" />
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-010.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 70px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-011.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 70px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-012.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-012-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
margin-bottom: 10px;
width: 100px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-013.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-013-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 100px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100.svg" />
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-014.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and ratio
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 70px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_r1-1.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-015.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height and ratio
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 70px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100_r1-1.svg" />
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-016.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic ratio, h &gt; max-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic ratio
with the h > max-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
max-height: 100px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 70px;
height: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/r1-1.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-017.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic ratio, w &gt; max-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic ratio
with the w > max-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
max-width: 100px;
}
#ref {
display:inline-block;
height: 70px;
width: 70px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/r1-1.svg" />
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-018.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w ≤ max-height/h</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height and ratio
with the w > max-width and h > max-height constraint violation
and max-width/w ≤ max-height/h
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
#ref {
display: inline-block;
width: 70px;
height: 70px;
background: green;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
max-height: 100px;
max-width: 70px;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100_r1-1.svg" />
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-019.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w &gt; max-wdith and h &gt; max-height and max-width/w &gt; max-height/h</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-010-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and ratio
with the w > max-width and h > max-height constraint violation
and max-width/w > max-height/h
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
#ref {
display: inline-block;
width: 70px;
height: 70px;
background: green;
}
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
max-height: 70px;
max-width: 100px;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_r1-1.svg" />
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-020.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, h &lt; min-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-020-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the h &lt; min-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
min-height: 160px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 130px;
height: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-021.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, w &lt; win-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-020-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and height
with the w &lt; min-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
min-width: 160px;
}
#ref {
display:inline-block;
height: 130px;
width: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_h100.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-022.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width, w &lt; min-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-022-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width
with the w &lt; min-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
min-width: 160px;
}
#ref {
display: inline-block;
width: 130px;
height: 150px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-023.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height, h &lt; min-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-023-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height
with the h &lt; min-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
min-height: 160px;
}
#ref {
height: 130px;
margin-bottom: 10px;
width: 300px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100.svg" />
</body></html>

39
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-024.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h &lt; mi:-height</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-020-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic width and ratio
with the h &lt; min-height constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-bottom: 30px;
min-height: 160px;
}
#ref {
display: inline-block;
margin-bottom: 30px; /*for alignement*/
width: 130px;
height: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/w100_r1-1.svg" />
</body></html>

38
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-025.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w &lt; min-width</title>
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help" />
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help" />
<meta content="svg" name="flags" />
<link href="reference/box-sizing-020-ref.xht" rel="match" />
<meta content="Test checks that the CSS2.1 rules for auto width and height
on replaced elements with intrinsic height and ratio
with the w &lt; min-width constraint violation
are properly interpreted when box-sizing is border-box." name="assert" />
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
padding-right: 30px;
min-width: 160px;
}
#ref {
display:inline-block;
height: 130px;
width: 130px;
background: green;
}
</style>
</head><body>
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
<div id="ref"></div>
<img src="support/h100_r1-1.svg" />
</body></html>

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-001.xht
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with specified width</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-border-box-001-ref.xht" />
<meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge." />
<style type="text/css"><![CDATA[
.container {

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-002.xht
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with specified width</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-border-box-002-ref.xht" />
<meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge." />
<style type="text/css"><![CDATA[
.container {

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-003.xht
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-border-box-003-ref.xht" />
<meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge." />
<style type="text/css"><![CDATA[
.container {

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-004.xht
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Border-Box with min/max width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-border-box-004-ref.xht" />
<meta name="assert" content="box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge." />
<style type="text/css"><![CDATA[
.container {

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-001.xht
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Content-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-content-box-001-ref.xht" />
<meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge." />
<style type="text/css"><![CDATA[
.container {

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-002.xht
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Content-Box with specified width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-content-box-002-ref.xht" />
<meta name="assert" content="box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge." />
<style type="text/css"><![CDATA[
.container {

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-003.xht
View file

@ -4,6 +4,7 @@
<title>CSS Test: Box Sizing - Content-Box with min/max width/height</title>
<link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-content-box-003-ref.xht" />
<meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge." />
<style type="text/css"><![CDATA[
.container {

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-001.xht
View file

@ -5,6 +5,7 @@
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author" />
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-replaced-001-ref.xht" />
<meta content="image" name="flags" />
<meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding around each." />
<!--

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-002.xht
View file

@ -5,6 +5,7 @@
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author" />
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-replaced-002-ref.xht" />
<meta content="image" name="flags" />
<meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each." />
<!--

1
tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-003.xht
View file

@ -5,6 +5,7 @@
<link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author" />
<link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author" />
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" />
<link rel="match" href="reference/box-sizing-replaced-003-ref.xht" />
<meta content="image" name="flags" />
<meta name="assert" content="All images should be sized at 75px x 75px." />
<!--

26
tests/wpt/css-tests/css-ui-3_dev/xhtml1/canvas-cursor-001.xht Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS UI Test: propagating the root cursor to the canvas</title>
<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal" />
<link href="https://drafts.csswg.org/css-ui-3/#canvas_cursor" rel="help" />
<meta content="interact image" name="flags" />
<meta content="Test checks the cursor applied to the root element is propagated to the canvas." name="assert" />
<style>
:root {
padding:0;
background:blue;
cursor: url(support/green.ico), pointer;
}
body {
margin:0;
}
p {
background: white;
cursor: default;
position:absolute;
/* the p is taken out of flow to make the html and body elements collapse to nothing,
leaving the whole background area empty of any element,
as that's what we want to hover over */ }
</style>
</head><body>
<p>Place the mouse cursor over the blue area. You should see a green square.
</p></body></html>

Some files were not shown because too many files have changed in this diff Show more