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/reference | |
| 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/reference')
20 files changed, 773 insertions, 0 deletions
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 |