diff options
| author | Ms2ger <Ms2ger@gmail.com> | 2015-08-21 17:46:44 +0200 |
|---|---|---|
| committer | Ms2ger <Ms2ger@gmail.com> | 2015-08-21 18:40:37 +0200 |
| commit | f235d49372ba86d6d01530fe1b9ebdf8bea74468 (patch) | |
| tree | 13d3535ee53fcae1b8d61265e3d97adb00dd60eb /tests/wpt/css-tests/css-ui-3_dev/xhtml1print | |
| parent | 7c45ff8e05a6ebd21f9aa5c360e997a01d48b1fc (diff) | |
| download | servo-f235d49372ba86d6d01530fe1b9ebdf8bea74468.tar.gz servo-f235d49372ba86d6d01530fe1b9ebdf8bea74468.zip | |
Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0
Diffstat (limited to 'tests/wpt/css-tests/css-ui-3_dev/xhtml1print')
62 files changed, 2519 insertions, 16 deletions
diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-001.xht new file mode 100644 index 00000000000..497d43cd0a8 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-001.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-002.xht new file mode 100644 index 00000000000..f3720edf164 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-002.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-003.xht new file mode 100644 index 00000000000..3dbe9ab3397 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-003.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-004.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-004.xht new file mode 100644 index 00000000000..f3c650d8f41 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-004.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-005.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-005.xht new file mode 100644 index 00000000000..9f1fe2c959a --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-005.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-006.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-006.xht new file mode 100644 index 00000000000..a2744f774aa --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-006.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-007.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-007.xht new file mode 100644 index 00000000000..2bcd6fefdd9 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-007.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-008.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-008.xht new file mode 100644 index 00000000000..7b598bfd44e --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-008.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-009.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-009.xht new file mode 100644 index 00000000000..7605478cf79 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-009.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-010.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-010.xht new file mode 100644 index 00000000000..01e7ae12075 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-010.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-011.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-011.xht new file mode 100644 index 00000000000..55f8d2018c5 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-011.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-012.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-012.xht new file mode 100644 index 00000000000..95cf8722a92 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-012.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-013.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-013.xht new file mode 100644 index 00000000000..5f3a86823a4 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-013.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-014.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-014.xht new file mode 100644 index 00000000000..991d1ae4983 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-014.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-015.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-015.xht new file mode 100644 index 00000000000..4a15b2e1269 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-015.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-016.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-016.xht new file mode 100644 index 00000000000..dffafe5a85d --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-016.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-017.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-017.xht new file mode 100644 index 00000000000..2a094ae4b44 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-017.xht @@ -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 > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-018.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-018.xht new file mode 100644 index 00000000000..b33eaeb9036 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-018.xht @@ -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 > max-wdith and h > 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-019.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-019.xht new file mode 100644 index 00000000000..5cef327afc9 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-019.xht @@ -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 > max-wdith and h > 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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-020.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-020.xht new file mode 100644 index 00000000000..e4eac441c55 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-020.xht @@ -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 < 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 < 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-021.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-021.xht new file mode 100644 index 00000000000..967cad16566 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-021.xht @@ -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 < 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 < 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-022.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-022.xht new file mode 100644 index 00000000000..3ffd72a014d --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-022.xht @@ -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 < 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 < 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-023.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-023.xht new file mode 100644 index 00000000000..8299ad0d66c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-023.xht @@ -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 < 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 < 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-024.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-024.xht new file mode 100644 index 00000000000..f9b960b5ddb --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-024.xht @@ -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 < 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 < 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-025.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-025.xht new file mode 100644 index 00000000000..66a01df0baa --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-025.xht @@ -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 < 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 < 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-001.xht index d182e01d255..743ac6a7473 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-001.xht @@ -13,6 +13,7 @@ </style> <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 { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-002.xht index 7b8bcaad6bd..b8554ce2de9 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-002.xht @@ -13,6 +13,7 @@ </style> <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 { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-003.xht index 86a382409ae..342cd0eacc3 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-003.xht @@ -13,6 +13,7 @@ </style> <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 { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-004.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-004.xht index deea7042720..d1d4882a751 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-004.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-border-box-004.xht @@ -13,6 +13,7 @@ </style> <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 { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-001.xht index b12c46389e3..1fdbcb01f69 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-001.xht @@ -13,6 +13,7 @@ </style> <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 { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-002.xht index d1a85fd3d4d..58a86a9a84e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-002.xht @@ -13,6 +13,7 @@ </style> <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 { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-003.xht index a1a0a083c42..f66dfbc8be2 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-content-box-003.xht @@ -13,6 +13,7 @@ </style> <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 { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-001.xht index be63611923f..08c4ee462c2 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-001.xht @@ -14,6 +14,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." /> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-002.xht index b964e34e8fb..2402868e20b 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-002.xht @@ -14,6 +14,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." /> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-003.xht index 98264075afe..3d5ea252e73 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-replaced-003.xht @@ -14,6 +14,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." /> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/canvas-cursor-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/canvas-cursor-001.xht new file mode 100644 index 00000000000..ba3673e22b4 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/canvas-cursor-001.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/canvas-cursor-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/canvas-cursor-002.xht new file mode 100644 index 00000000000..4d8549ea9ef --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/canvas-cursor-002.xht @@ -0,0 +1,23 @@ +<!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: 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht index da48b06864b..8d22dedd47e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht @@ -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> <col id="refs-column"></col> @@ -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.xht">box-sizing-001</a></strong></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-002</a></strong></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-003</a></strong></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-004</a></strong></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-005</a></strong></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-006</a></strong></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-007</a></strong></td> + <td><a href="reference/box-sizing-007-ref.xht">=</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.xht">box-sizing-008</a></strong></td> + <td><a href="reference/box-sizing-008-ref.xht">=</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.xht">box-sizing-009</a></strong></td> + <td><a href="reference/box-sizing-009-ref.xht">=</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.xht">box-sizing-010</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > 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 > 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.xht">box-sizing-011</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > 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 > 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.xht">box-sizing-012</a></strong></td> + <td><a href="reference/box-sizing-012-ref.xht">=</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 > 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 > 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.xht">box-sizing-013</a></strong></td> + <td><a href="reference/box-sizing-013-ref.xht">=</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 > 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 > 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.xht">box-sizing-014</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > 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 > 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.xht">box-sizing-015</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > 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 > 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.xht">box-sizing-016</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > 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 > 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.xht">box-sizing-017</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > 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 > 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.xht">box-sizing-018</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-wdith and h > max-height and max-width/w &#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 > 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.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-019-3.1" class="primary svg"> + <td><strong> + <a href="box-sizing-019.xht">box-sizing-019</a></strong></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-wdith and h > max-height and max-width/w > 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 > max-width and h > max-height constraint violation and max-width/w > 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.xht">box-sizing-020</a></strong></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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 < 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 < 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.xht">box-sizing-021</a></strong></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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 < 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 < 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.xht">box-sizing-022</a></strong></td> + <td><a href="reference/box-sizing-022-ref.xht">=</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 < 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 < 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.xht">box-sizing-023</a></strong></td> + <td><a href="reference/box-sizing-023-ref.xht">=</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 < 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 < 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.xht">box-sizing-024</a></strong></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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 < 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 < 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.xht">box-sizing-025</a></strong></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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 < 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 < 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.xht">box-sizing-border-box-001</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-001-ref.xht">=</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.xht">box-sizing-border-box-002</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-002-ref.xht">=</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.xht">box-sizing-border-box-003</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-003-ref.xht">=</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.xht">box-sizing-border-box-004</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-004-ref.xht">=</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.xht">box-sizing-content-box-001</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-content-box-001-ref.xht">=</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.xht">box-sizing-content-box-002</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-content-box-002-ref.xht">=</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.xht">box-sizing-content-box-003</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-content-box-003-ref.xht">=</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.xht">box-sizing-replaced-001</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-replaced-001-ref.xht">=</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.xht">box-sizing-replaced-002</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-replaced-002-ref.xht">=</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.xht">box-sizing-replaced-003</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-replaced-003-ref.xht">=</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"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-6.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-6.xht index a84e6d2d825..9655761749d 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-6.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-6.xht @@ -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> <col id="refs-column"></col> @@ -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.xht">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.xht">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"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-001-ref.xht new file mode 100644 index 00000000000..3198c864ece --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-001-ref.xht @@ -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><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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-007-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-007-ref.xht new file mode 100644 index 00000000000..82b4689ad40 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-007-ref.xht @@ -0,0 +1,41 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-008-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-008-ref.xht new file mode 100644 index 00000000000..47d40af0a70 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-008-ref.xht @@ -0,0 +1,27 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-009-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-009-ref.xht new file mode 100644 index 00000000000..40fd13456c6 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-009-ref.xht @@ -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><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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-010-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-010-ref.xht new file mode 100644 index 00000000000..6b73f47945d --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-010-ref.xht @@ -0,0 +1,19 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-012-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-012-ref.xht new file mode 100644 index 00000000000..bed4cffa297 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-012-ref.xht @@ -0,0 +1,19 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-013-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-013-ref.xht new file mode 100644 index 00000000000..3ab60e573f5 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-013-ref.xht @@ -0,0 +1,19 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-020-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-020-ref.xht new file mode 100644 index 00000000000..9ee11444f1e --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-020-ref.xht @@ -0,0 +1,19 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-022-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-022-ref.xht new file mode 100644 index 00000000000..390516b45e2 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-022-ref.xht @@ -0,0 +1,19 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-023-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-023-ref.xht new file mode 100644 index 00000000000..5a811d5d316 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-023-ref.xht @@ -0,0 +1,19 @@ +<!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 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-001-ref.xht new file mode 100644 index 00000000000..4d4c789361a --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-001-ref.xht @@ -0,0 +1,49 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Border-Box with specified width</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-border-box-001-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![CDATA[ + .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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-002-ref.xht new file mode 100644 index 00000000000..b7b1f372bf3 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-002-ref.xht @@ -0,0 +1,50 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Border-Box with specified width</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-border-box-002-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![CDATA[ + .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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-003-ref.xht new file mode 100644 index 00000000000..19e6cefd368 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-003-ref.xht @@ -0,0 +1,52 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Border-Box with specified width/height</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-border-box-003-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![CDATA[ + .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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-004-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-004-ref.xht new file mode 100644 index 00000000000..797a4174408 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-border-box-004-ref.xht @@ -0,0 +1,55 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Border-Box with min/max width/height</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-border-box-004-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![CDATA[ + .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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-001-ref.xht new file mode 100644 index 00000000000..55e5f1e71f0 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-001-ref.xht @@ -0,0 +1,50 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Content-Box with specified width/height</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-content-box-001-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![CDATA[ + .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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-002-ref.xht new file mode 100644 index 00000000000..20a3e67e796 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-002-ref.xht @@ -0,0 +1,51 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Content-Box with specified width/height</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-content-box-002-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![CDATA[ + .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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-003-ref.xht new file mode 100644 index 00000000000..b624669277a --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-content-box-003-ref.xht @@ -0,0 +1,52 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Content-Box with min/max width/height</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-content-box-003-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![CDATA[ + .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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-001-ref.xht new file mode 100644 index 00000000000..507db6203c3 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-001-ref.xht @@ -0,0 +1,61 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-replaced-001-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-002-ref.xht new file mode 100644 index 00000000000..2b8fb1482a4 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-002-ref.xht @@ -0,0 +1,62 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-replaced-002-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-003-ref.xht new file mode 100644 index 00000000000..c0d1b04f083 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-replaced-003-ref.xht @@ -0,0 +1,57 @@ +<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Basic User Interface Module Level 3 CR Test Suite"; } + @top-right { content: "Test box-sizing-replaced-003-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht index 9a36e93af68..30fef4e1b0e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht @@ -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.xht">box-sizing-001</a></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-002</a></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-003</a></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-004</a></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-005</a></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-006</a></td> + <td><a href="reference/box-sizing-001-ref.xht">=</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.xht">box-sizing-007</a></td> + <td><a href="reference/box-sizing-007-ref.xht">=</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.xht">box-sizing-008</a></td> + <td><a href="reference/box-sizing-008-ref.xht">=</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.xht">box-sizing-009</a></td> + <td><a href="reference/box-sizing-009-ref.xht">=</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 > max-height"> + <a href="box-sizing-010.xht">box-sizing-010</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-width"> + <a href="box-sizing-011.xht">box-sizing-011</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-height"> + <a href="box-sizing-012.xht">box-sizing-012</a></td> + <td><a href="reference/box-sizing-012-ref.xht">=</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 > max-width"> + <a href="box-sizing-013.xht">box-sizing-013</a></td> + <td><a href="reference/box-sizing-013-ref.xht">=</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 > max-height"> + <a href="box-sizing-014.xht">box-sizing-014</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-width"> + <a href="box-sizing-015.xht">box-sizing-015</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-height"> + <a href="box-sizing-016.xht">box-sizing-016</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-width"> + <a href="box-sizing-017.xht">box-sizing-017</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-wdith and h > max-height and max-width/w &#8804; max-height/h"> + <a href="box-sizing-018.xht">box-sizing-018</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 > max-wdith and h > max-height and max-width/w > max-height/h"> + <a href="box-sizing-019.xht">box-sizing-019</a></td> + <td><a href="reference/box-sizing-010-ref.xht">=</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 < min-height"> + <a href="box-sizing-020.xht">box-sizing-020</a></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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 < win-width"> + <a href="box-sizing-021.xht">box-sizing-021</a></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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 < min-width"> + <a href="box-sizing-022.xht">box-sizing-022</a></td> + <td><a href="reference/box-sizing-022-ref.xht">=</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 < min-height"> + <a href="box-sizing-023.xht">box-sizing-023</a></td> + <td><a href="reference/box-sizing-023-ref.xht">=</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 < mi:-height"> + <a href="box-sizing-024.xht">box-sizing-024</a></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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 < min-width"> + <a href="box-sizing-025.xht">box-sizing-025</a></td> + <td><a href="reference/box-sizing-020-ref.xht">=</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.xht">box-sizing-border-box-001</a></td> + <td><a href="reference/box-sizing-border-box-001-ref.xht">=</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.xht">box-sizing-border-box-002</a></td> + <td><a href="reference/box-sizing-border-box-002-ref.xht">=</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.xht">box-sizing-border-box-003</a></td> + <td><a href="reference/box-sizing-border-box-003-ref.xht">=</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.xht">box-sizing-border-box-004</a></td> + <td><a href="reference/box-sizing-border-box-004-ref.xht">=</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.xht">box-sizing-content-box-001</a></td> + <td><a href="reference/box-sizing-content-box-001-ref.xht">=</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.xht">box-sizing-content-box-002</a></td> + <td><a href="reference/box-sizing-content-box-002-ref.xht">=</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.xht">box-sizing-content-box-003</a></td> + <td><a href="reference/box-sizing-content-box-003-ref.xht">=</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.xht">box-sizing-replaced-001</a></td> + <td><a href="reference/box-sizing-replaced-001-ref.xht">=</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.xht">box-sizing-replaced-002</a></td> + <td><a href="reference/box-sizing-replaced-002-ref.xht">=</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.xht">box-sizing-replaced-003</a></td> + <td><a href="reference/box-sizing-replaced-003-ref.xht">=</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"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list index bb3a48ad5b8..e971d749b2e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list @@ -1,4 +1,39 @@ +box-sizing-001.xht == reference/box-sizing-001-ref.xht +box-sizing-002.xht == reference/box-sizing-001-ref.xht +box-sizing-003.xht == reference/box-sizing-001-ref.xht +box-sizing-004.xht == reference/box-sizing-001-ref.xht +box-sizing-005.xht == reference/box-sizing-001-ref.xht +box-sizing-006.xht == reference/box-sizing-001-ref.xht +box-sizing-007.xht == reference/box-sizing-007-ref.xht +box-sizing-008.xht == reference/box-sizing-008-ref.xht +box-sizing-009.xht == reference/box-sizing-009-ref.xht +box-sizing-010.xht == reference/box-sizing-010-ref.xht +box-sizing-011.xht == reference/box-sizing-010-ref.xht +box-sizing-012.xht == reference/box-sizing-012-ref.xht +box-sizing-013.xht == reference/box-sizing-013-ref.xht +box-sizing-014.xht == reference/box-sizing-010-ref.xht +box-sizing-015.xht == reference/box-sizing-010-ref.xht +box-sizing-016.xht == reference/box-sizing-010-ref.xht +box-sizing-017.xht == reference/box-sizing-010-ref.xht +box-sizing-018.xht == reference/box-sizing-010-ref.xht +box-sizing-019.xht == reference/box-sizing-010-ref.xht +box-sizing-020.xht == reference/box-sizing-020-ref.xht +box-sizing-021.xht == reference/box-sizing-020-ref.xht +box-sizing-022.xht == reference/box-sizing-022-ref.xht +box-sizing-023.xht == reference/box-sizing-023-ref.xht +box-sizing-024.xht == reference/box-sizing-020-ref.xht +box-sizing-025.xht == reference/box-sizing-020-ref.xht +box-sizing-border-box-001.xht == reference/box-sizing-border-box-001-ref.xht +box-sizing-border-box-002.xht == reference/box-sizing-border-box-002-ref.xht +box-sizing-border-box-003.xht == reference/box-sizing-border-box-003-ref.xht +box-sizing-border-box-004.xht == reference/box-sizing-border-box-004-ref.xht +box-sizing-content-box-001.xht == reference/box-sizing-content-box-001-ref.xht +box-sizing-content-box-002.xht == reference/box-sizing-content-box-002-ref.xht +box-sizing-content-box-003.xht == reference/box-sizing-content-box-003-ref.xht +box-sizing-replaced-001.xht == reference/box-sizing-replaced-001-ref.xht +box-sizing-replaced-002.xht == reference/box-sizing-replaced-002-ref.xht +box-sizing-replaced-003.xht == reference/box-sizing-replaced-003-ref.xht outline-001.xht == reference/ref-filled-green-100px-square.xht outline-002.xht == reference/ref-filled-green-100px-square.xht outline-color-001.xht == reference/ref-filled-green-100px-square.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht index 38013ab3619..82d2780e785 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.xht">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.xht">Chapter 4 - @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.xht">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.xht">Appendix A - |