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 | |
| 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')
188 files changed, 7488 insertions, 78 deletions
diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-001.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-001.htm new file mode 100644 index 00000000000..7f59c72ea50 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-001.htm @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.3.3</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" rel="help"> +<meta content="" name="flags"> +<link href="reference/box-sizing-001-ref.htm" rel="match"> +<meta content="When box-sizing is border-box, the content width, rather than the computed value of the width property, + is considered when checking whether a block is larger than its containing block." name="assert"> +<style> +#cb { + position: absolute; + width: 100px; + height: 100px; +} +#red { + position:absolute; + top: 25px; + right:5px; + width: 70px; + height: 70px; + background:red; + z-index: -1; +} +#test { + box-sizing: border-box; + margin-top: 25px; + margin-right: 5px; + margin-left: auto; /* should resolve to 25px, but would resolve to 0 if the wrong interpretation of width is used in CSS2.1 10.3.3 */ + padding-left: 25px; + padding-right: 25px; + width: 70px; + height: 70px; + background:green; +} +</style> +</head><body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div id="cb"> + <div id="red"></div> + <div id="test"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-002.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-002.htm new file mode 100644 index 00000000000..e499f334e65 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-002.htm @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.3</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" rel="help"> +<meta content="" name="flags"> +<link href="reference/box-sizing-001-ref.htm" rel="match"> +<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property, + is considered when checking whether a block is larger than its containing block." name="assert"> +<style> +#cb { + position: absolute; + width: 100px; + height: 100px; +} +#red { + position:absolute; + top: 25px; + right:5px; + width: 70px; + height: 70px; + background:red; + z-index: -1; +} +#test { + box-sizing: padding-box; + margin-top: 25px; + margin-right: 5px; + margin-left: auto; /* should resolve to 25px, but would resolve to 0 if the wrong interpretation of width is used in CSS2.1 10.3.3 */ + padding-left: 25px; + padding-right: 25px; + width: 70px; + height: 70px; + background:green; +} +</style> +</head><body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div id="cb"> + <div id="red"></div> + <div id="test"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-003.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-003.htm new file mode 100644 index 00000000000..508c22d8615 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-003.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.3.7</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" rel="help"> +<meta content="" name="flags"> +<link href="reference/box-sizing-001-ref.htm" rel="match"> +<meta content="When box-sizing is border-box, the content width, rather than the computed value of the width property, + should be used in the the constraint that determines the used values of sizing and positioning properties + of absolutely positioned elements." name="assert"> +<style> +#cb { + position: absolute; + width: 100px; + height: 100px; +} +#test { + position:absolute; + box-sizing: border-box; + margin-right: 5px; + margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */ + top: 25px; + left:0; + right:0; + padding-left: 25px; + padding-right: 25px; + width: 70px; + height: 70px; + background:green; +} +</style> +</head><body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div id="cb"> + <div id="test"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-004.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-004.htm new file mode 100644 index 00000000000..c9e1ff91346 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-004.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.3.7</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width" rel="help"> +<meta content="" name="flags"> +<link href="reference/box-sizing-001-ref.htm" rel="match"> +<meta content="When box-sizing is padding-box, the content width, rather than the computed value of the width property, + should be used in the the constraint that determines the used values of sizing and positioning properties + of absolutely positioned elements." name="assert"> +<style> +#cb { + position: absolute; + width: 100px; + height: 100px; +} +#test { + position:absolute; + box-sizing: padding-box; + margin-right: 5px; + margin-left: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.3.7 */ + top: 25px; + left:0; + right:0; + padding-left: 25px; + padding-right: 25px; + width: 70px; + height: 70px; + background:green; +} +</style> +</head><body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div id="cb"> + <div id="test"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-005.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-005.htm new file mode 100644 index 00000000000..08253dfd29e --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-005.htm @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:border-box and CSS2.1 10.6.4</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" rel="help"> +<meta content="" name="flags"> +<link href="reference/box-sizing-001-ref.htm" rel="match"> +<meta content="When box-sizing is border-box, the content height, rather than the computed value of the height property, + should be used in the the constraint that determines the used values of sizing and positioning properties + of absolutely positioned elements." name="assert"> +<style> +#cb { + position: absolute; + width: 100px; + height: 100px; +} +#test { + position:absolute; + box-sizing: border-box; + margin-right: 5px; + margin-left: 25px; + margin-bottom: 5px; + margin-top: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.6.4 */ + top: 0; + left: 0; + right: 0; + bottom: 0; + padding-top: 25px; + padding-bottom: 25px; + width: 70px; + height: 70px; + background:green; +} +</style> +</head><body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div id="cb"> + <div id="test"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-006.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-006.htm new file mode 100644 index 00000000000..fb946d88e67 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-006.htm @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:padding-box and CSS2.1 10.6.4</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height" rel="help"> +<meta content="" name="flags"> +<link href="reference/box-sizing-001-ref.htm" rel="match"> +<meta content="When box-sizing is padding-box, the content height, rather than the computed value of the height property, + should be used in the the constraint that determines the used values of sizing and positioning properties + of absolutely positioned elements." name="assert"> +<style> +#cb { + position: absolute; + width: 100px; + height: 100px; +} +#test { + position:absolute; + box-sizing: padding-box; + margin-right: 5px; + margin-left: 25px; + margin-bottom: 5px; + margin-top: auto; /* should resolve to 25px, but would resolve to -25px if the wrong interpretation of width is used in CSS2.1 10.6.4 */ + top: 0; + left: 0; + right: 0; + bottom: 0; + padding-top: 25px; + padding-bottom: 25px; + width: 70px; + height: 70px; + background:green; +} +</style> +</head><body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div id="cb"> + <div id="test"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-007.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-007.htm new file mode 100644 index 00000000000..1fdc8b8156c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-007.htm @@ -0,0 +1,76 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-007-ref.htm" rel="match"> +<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + margin: 10px; +} + +#t01, #t11, #t21, #t31 { + padding-left: 20px; + margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t02, #t12, #t22, #t32 { + padding-bottom: 20px; + margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t03, #t13, #t23, #t33 { + width: 120px; + padding-left: 20px; + margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t04, #t14, #t24, #t34 { + height: 120px; + padding-bottom: 20px; + margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} + +#t30, #t32 { + width: 100px; +} + +#t31 { + height: 100px; +} +body { + max-width: 700px; +} +</style> +</head><body> + <p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <img src="support/w100_h100.svg" id="t00"> + <img src="support/w100_h100.svg" id="t01"> + <img src="support/w100_h100.svg" id="t02"> + <img src="support/w100_h100.svg" id="t03"> + <img src="support/w100_h100.svg" id="t04"> + + <img src="support/w100_r1-1.svg" id="t10"> + <img src="support/w100_r1-1.svg" id="t11"> + <img src="support/w100_r1-1.svg" id="t12"> + <img src="support/w100_r1-1.svg" id="t13"> + <img src="support/w100_r1-1.svg" id="t14"> + + <img src="support/h100_r1-1.svg" id="t20"> + <img src="support/h100_r1-1.svg" id="t21"> + <img src="support/h100_r1-1.svg" id="t22"> + <img src="support/h100_r1-1.svg" id="t23"> + <img src="support/h100_r1-1.svg" id="t24"> + + <img src="support/r1-1.svg" id="t30"> + <img src="support/r1-1.svg" id="t31"> + <img src="support/r1-1.svg" id="t32"> + <img src="support/r1-1.svg" id="t33"> + <img src="support/r1-1.svg" id="t34"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-008.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-008.htm new file mode 100644 index 00000000000..fa54ad6cb20 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-008.htm @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-008-ref.htm" rel="match"> +<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert"> +<style> +#ref { + width: 100px; + height: 150px; + background: green; + margin: 10px; + display: inline-block; +} +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + margin: 10px; +} + +#t01 { + padding-left: 20px; + margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t02 { + padding-bottom: 20px; + margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t03 { + width: 120px; + padding-left: 20px; + margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t04 { + height: 170px; + padding-bottom: 20px; + margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +body { + max-width: 400px; +} +</style> +</head><body> + <p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100.svg" id="t00"> + <img src="support/w100.svg" id="t01"> + <img src="support/w100.svg" id="t02"> + <img src="support/w100.svg" id="t03"> + <img src="support/w100.svg" id="t04"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-009.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-009.htm new file mode 100644 index 00000000000..0be2c62f872 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-009.htm @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-009-ref.htm" rel="match"> +<meta content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height." name="assert"> +<style> +#ref { + width: 300px; + height: 100px; + background: green; + margin: 10px; + display: inline-block; +} +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + margin: 10px; +} + +#t01 { + padding-left: 20px; + margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t02 { + padding-bottom: 20px; + margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t03 { + width: 320px; + padding-left: 20px; + margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +#t04 { + height: 120px; + padding-bottom: 20px; + margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */ +} +body { + max-width: 700px; +} +</style> +</head><body> + <p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/h100.svg" id="t00"> + <img src="support/h100.svg" id="t01"> + <img src="support/h100.svg" id="t02"> + <img src="support/h100.svg" id="t03"> + <img src="support/h100.svg" id="t04"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-010.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-010.htm new file mode 100644 index 00000000000..69e1aa1a1f5 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-010.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-010-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width and height + with the h > max-height constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-bottom: 30px; + max-height: 100px; +} + +#ref { + display: inline-block; + margin-bottom: 30px; /*for alignement*/ + width: 70px; + height: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100_h100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-011.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-011.htm new file mode 100644 index 00000000000..ac4bd2f010c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-011.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-010-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width and height + with the w > max-width constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-right: 30px; + max-width: 100px; +} + +#ref { + display:inline-block; + height: 70px; + width: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100_h100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-012.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-012.htm new file mode 100644 index 00000000000..23e1d0eaa8d --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-012.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-012-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width + with the h > max-height constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-bottom: 30px; + max-height: 100px; +} + +#ref { + margin-bottom: 10px; + width: 100px; + height: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-013.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-013.htm new file mode 100644 index 00000000000..4bc19cfa8c9 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-013.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-013-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic height + with the w > max-width constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-right: 30px; + max-width: 100px; +} + +#ref { + display:inline-block; + height: 100px; + width: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/h100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-014.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-014.htm new file mode 100644 index 00000000000..2ad27c2b886 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-014.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-010-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width and ratio + with the h > max-height constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-bottom: 30px; + max-height: 100px; +} + +#ref { + display: inline-block; + margin-bottom: 30px; /*for alignement*/ + width: 70px; + height: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100_r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-015.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-015.htm new file mode 100644 index 00000000000..1825c527c82 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-015.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-010-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic height and ratio + with the w > max-width constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-right: 30px; + max-width: 100px; +} + +#ref { + display:inline-block; + height: 70px; + width: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/h100_r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-016.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-016.htm new file mode 100644 index 00000000000..862914b6699 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-016.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-010-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic ratio + with the h > max-height constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-bottom: 30px; + max-height: 100px; +} + +#ref { + display: inline-block; + margin-bottom: 30px; /*for alignement*/ + width: 70px; + height: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-017.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-017.htm new file mode 100644 index 00000000000..ded6538052b --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-017.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-010-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic ratio + with the w > max-width constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-right: 30px; + max-width: 100px; +} + +#ref { + display:inline-block; + height: 70px; + width: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-018.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-018.htm new file mode 100644 index 00000000000..2557cd972f9 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-018.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > 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.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic height and ratio + with the w > max-width and h > max-height constraint violation + and max-width/w ≤ max-height/h + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +#ref { + display: inline-block; + width: 70px; + height: 70px; + background: green; +} + +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + max-height: 100px; + max-width: 70px; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/h100_r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-019.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-019.htm new file mode 100644 index 00000000000..c6004c01d70 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-019.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > 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.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width and ratio + with the w > max-width and h > max-height constraint violation + and max-width/w > max-height/h + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +#ref { + display: inline-block; + width: 70px; + height: 70px; + background: green; +} + +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + max-height: 70px; + max-width: 100px; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100_r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-020.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-020.htm new file mode 100644 index 00000000000..a42377aa996 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-020.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, h < min-height</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-020-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width and height + with the h < min-height constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-bottom: 30px; + min-height: 160px; +} + +#ref { + display: inline-block; + margin-bottom: 30px; /*for alignement*/ + width: 130px; + height: 130px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100_h100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-021.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-021.htm new file mode 100644 index 00000000000..de0351ed6a6 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-021.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and height, w < win-width</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-020-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width and height + with the w < min-width constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-right: 30px; + min-width: 160px; +} + +#ref { + display:inline-block; + height: 130px; + width: 130px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100_h100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-022.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-022.htm new file mode 100644 index 00000000000..6f1f49388fd --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-022.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width, w < min-width</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-022-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width + with the w < min-width constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-right: 30px; + min-width: 160px; +} + +#ref { + display: inline-block; + width: 130px; + height: 150px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-023.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-023.htm new file mode 100644 index 00000000000..9a5dc6a779c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-023.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height, h < min-height</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-023-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic height + with the h < min-height constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-bottom: 30px; + min-height: 160px; +} + +#ref { + height: 130px; + margin-bottom: 10px; + width: 300px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/h100.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-024.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-024.htm new file mode 100644 index 00000000000..330041af4a2 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-024.htm @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < mi:-height</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-020-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic width and ratio + with the h < min-height constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-bottom: 30px; + min-height: 160px; +} + +#ref { + display: inline-block; + margin-bottom: 30px; /*for alignement*/ + width: 130px; + height: 130px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/w100_r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-025.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-025.htm new file mode 100644 index 00000000000..b63c8014136 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-025.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < min-width</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#box-sizing" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help"> +<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help"> +<meta content="svg" name="flags"> +<link href="reference/box-sizing-020-ref.htm" rel="match"> +<meta content="Test checks that the CSS2.1 rules for auto width and height + on replaced elements with intrinsic height and ratio + with the w < min-width constraint violation + are properly interpreted when box-sizing is border-box." name="assert"> +<style> +img { + box-sizing: border-box; + width: auto; + height: auto; + background: white; + padding-right: 30px; + min-width: 160px; +} + +#ref { + display:inline-block; + height: 130px; + width: 130px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div id="ref"></div> + <img src="support/h100_r1-1.svg"> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-001.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-001.htm index b0e1ca74e5d..3810d080391 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-001.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-001.htm @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with specified width</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-border-box-001-ref.htm"> <meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge."> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-002.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-002.htm index 71216ed8b44..2e0010eb2d2 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-002.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-002.htm @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with specified width</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-border-box-002-ref.htm"> <meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge."> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-003.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-003.htm index b910f618d87..2d062ca0aab 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-003.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-003.htm @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with specified width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-border-box-003-ref.htm"> <meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge."> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-004.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-004.htm index 6dc9de16a35..e5b9502cfe9 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-004.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-border-box-004.htm @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with min/max width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-border-box-004-ref.htm"> <meta name="assert" content="box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge."> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-001.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-001.htm index 72ab400d099..345d1c6f3a4 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-001.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-001.htm @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Content-Box with specified width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-content-box-001-ref.htm"> <meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge."> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-002.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-002.htm index 4b06094ab84..11c38c77985 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-002.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-002.htm @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Content-Box with specified width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-content-box-002-ref.htm"> <meta name="assert" content="box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge."> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-003.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-003.htm index ab88600a894..39f97db4669 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-003.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-content-box-003.htm @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Content-Box with min/max width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-content-box-003-ref.htm"> <meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge."> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-001.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-001.htm index f0c1c7b445b..96507d4fe2c 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-001.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-001.htm @@ -5,6 +5,7 @@ <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"> <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-replaced-001-ref.htm"> <meta content="image" name="flags"> <meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding around each."> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-002.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-002.htm index 4c4cc76d99f..7e79390ac3f 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-002.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-002.htm @@ -5,6 +5,7 @@ <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"> <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-replaced-002-ref.htm"> <meta content="image" name="flags"> <meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each."> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-003.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-003.htm index b7bd264c029..a6bbf7811bb 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-003.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-replaced-003.htm @@ -5,6 +5,7 @@ <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"> <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing"> + <link rel="match" href="reference/box-sizing-replaced-003-ref.htm"> <meta content="image" name="flags"> <meta name="assert" content="All images should be sized at 75px x 75px."> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-001.htm b/tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-001.htm new file mode 100644 index 00000000000..60fe75bfca3 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-001.htm @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head><title>CSS UI Test: propagating the root cursor to the canvas</title> +<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#canvas_cursor" rel="help"> +<meta content="interact image" name="flags"> +<meta content="Test checks the cursor applied to the root element is propagated to the canvas." name="assert"> +<style> +:root { + padding:0; + background:blue; + cursor: url(support/green.ico), pointer; +} +body { + margin:0; +} +p { + background: white; + cursor: default; + position:absolute; + /* the p is taken out of flow to make the html and body elements collapse to nothing, + leaving the whole background area empty of any element, + as that's what we want to hover over */ } +</style> +</head><body> +<p>Place the mouse cursor over the blue area. You should see a green square. +</p></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-002.htm b/tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-002.htm new file mode 100644 index 00000000000..ffba15b6294 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/canvas-cursor-002.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html><head><title>CSS UI Test: not propagating the body cursor to the canvas</title> +<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal"> +<link href="https://drafts.csswg.org/css-ui-3/#canvas_cursor" rel="help"> +<meta content="interact image" name="flags"> +<meta content="Test checks the cursor applied to the body element is not propagated to the canvas." name="assert"> +<style> +:root { padding:0; background:blue;} +body { + margin:0; + cursor: url(support/red.ico), pointer; +} +p { + background: white; + cursor: default; + position:absolute; + /* the p is taken out of flow to make the html and body elements collapse to nothing, + leaving the whole background area empty of any element, + as that's what we want to hover over */ } +</style> +</head><body> +<p>Place the mouse cursor over the blue area. You should see no red. +</p></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm index 362b46ec58f..5c0faf0b0a9 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Box Model addition (10 tests)</h2> + <h2>Box Model addition (35 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -37,11 +37,286 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr> - <!-- 10 tests --> + <!-- 35 tests --> + <tr id="box-sizing-001-3.1" class="primary"> + <td><strong> + <a href="box-sizing-001.htm">box-sizing-001</a></strong></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td></td> + <td>box-sizing:border-box and CSS2.1 10.3.3 + <ul class="assert"> + <li>When box-sizing is border-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-002-3.1" class="primary"> + <td><strong> + <a href="box-sizing-002.htm">box-sizing-002</a></strong></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td></td> + <td>box-sizing:padding-box and CSS2.1 10.3.3 + <ul class="assert"> + <li>When box-sizing is padding-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-003-3.1" class="primary"> + <td><strong> + <a href="box-sizing-003.htm">box-sizing-003</a></strong></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td></td> + <td>box-sizing:border-box and CSS2.1 10.3.7 + <ul class="assert"> + <li>When box-sizing is border-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-004-3.1" class="primary"> + <td><strong> + <a href="box-sizing-004.htm">box-sizing-004</a></strong></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td></td> + <td>box-sizing:padding-box and CSS2.1 10.3.7 + <ul class="assert"> + <li>When box-sizing is padding-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-005-3.1" class="primary"> + <td><strong> + <a href="box-sizing-005.htm">box-sizing-005</a></strong></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td></td> + <td>box-sizing:border-box and CSS2.1 10.6.4 + <ul class="assert"> + <li>When box-sizing is border-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-006-3.1" class="primary"> + <td><strong> + <a href="box-sizing-006.htm">box-sizing-006</a></strong></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td></td> + <td>box-sizing:padding-box and CSS2.1 10.6.4 + <ul class="assert"> + <li>When box-sizing is padding-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-007-3.1" class="primary svg"> + <td><strong> + <a href="box-sizing-007.htm">box-sizing-007</a></strong></td> + <td><a href="reference/box-sizing-007-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>box-sizing:border-box and auto sizing of intrinsicly sized replaced elements. + <ul class="assert"> + <li>Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-008-3.1" class="primary svg"> + <td><strong> + <a href="box-sizing-008.htm">box-sizing-008</a></strong></td> + <td><a href="reference/box-sizing-008-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>box-sizing:border-box and auto sizing of replaced elements with intrinisic width only. + <ul class="assert"> + <li>Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-009-3.1" class="primary svg"> + <td><strong> + <a href="box-sizing-009.htm">box-sizing-009</a></strong></td> + <td><a href="reference/box-sizing-009-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>box-sizing:border-box and auto sizing of replaced elements with intrinisic height only. + <ul class="assert"> + <li>Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height.</li> + </ul> + </td> + </tr> + <tr id="box-sizing-010-3.1" class="primary svg"> + <td><strong> + <a href="box-sizing-010.htm">box-sizing-010</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width and height, h > 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.htm">box-sizing-011</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width and height, w > 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.htm">box-sizing-012</a></strong></td> + <td><a href="reference/box-sizing-012-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width, h > 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.htm">box-sizing-013</a></strong></td> + <td><a href="reference/box-sizing-013-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic height, w > 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.htm">box-sizing-014</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > 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.htm">box-sizing-015</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > 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.htm">box-sizing-016</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic ratio, h > 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.htm">box-sizing-017</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic ratio, w > 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.htm">box-sizing-018</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > 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.htm">box-sizing-019</a></strong></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > 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.htm">box-sizing-020</a></strong></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width and height, h < 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.htm">box-sizing-021</a></strong></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width and height, w < 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.htm">box-sizing-022</a></strong></td> + <td><a href="reference/box-sizing-022-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width, w < 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.htm">box-sizing-023</a></strong></td> + <td><a href="reference/box-sizing-023-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic height, h < 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.htm">box-sizing-024</a></strong></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < 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.htm">box-sizing-025</a></strong></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + <td>auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < 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.htm">box-sizing-border-box-001</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-001-ref.htm">=</a> </td> <td></td> <td>Box Sizing - Border-Box with specified width <ul class="assert"> @@ -52,7 +327,7 @@ <tr id="box-sizing-border-box-002-3.1" class="primary"> <td><strong> <a href="box-sizing-border-box-002.htm">box-sizing-border-box-002</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-002-ref.htm">=</a> </td> <td></td> <td>Box Sizing - Border-Box with specified width <ul class="assert"> @@ -63,7 +338,7 @@ <tr id="box-sizing-border-box-003-3.1" class="primary"> <td><strong> <a href="box-sizing-border-box-003.htm">box-sizing-border-box-003</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-003-ref.htm">=</a> </td> <td></td> <td>Box Sizing - Border-Box with specified width/height <ul class="assert"> @@ -74,7 +349,7 @@ <tr id="box-sizing-border-box-004-3.1" class="primary"> <td><strong> <a href="box-sizing-border-box-004.htm">box-sizing-border-box-004</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-border-box-004-ref.htm">=</a> </td> <td></td> <td>Box Sizing - Border-Box with min/max width/height <ul class="assert"> @@ -85,7 +360,7 @@ <tr id="box-sizing-content-box-001-3.1" class="primary"> <td><strong> <a href="box-sizing-content-box-001.htm">box-sizing-content-box-001</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-content-box-001-ref.htm">=</a> </td> <td></td> <td>Box Sizing - Content-Box with specified width/height <ul class="assert"> @@ -96,7 +371,7 @@ <tr id="box-sizing-content-box-002-3.1" class="primary"> <td><strong> <a href="box-sizing-content-box-002.htm">box-sizing-content-box-002</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-content-box-002-ref.htm">=</a> </td> <td></td> <td>Box Sizing - Content-Box with specified width/height <ul class="assert"> @@ -107,7 +382,7 @@ <tr id="box-sizing-content-box-003-3.1" class="primary"> <td><strong> <a href="box-sizing-content-box-003.htm">box-sizing-content-box-003</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-content-box-003-ref.htm">=</a> </td> <td></td> <td>Box Sizing - Content-Box with min/max width/height <ul class="assert"> @@ -118,7 +393,7 @@ <tr id="box-sizing-replaced-001-3.1" class="primary image"> <td><strong> <a href="box-sizing-replaced-001.htm">box-sizing-replaced-001</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-replaced-001-ref.htm">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing <ul class="assert"> @@ -129,7 +404,7 @@ <tr id="box-sizing-replaced-002-3.1" class="primary image"> <td><strong> <a href="box-sizing-replaced-002.htm">box-sizing-replaced-002</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-replaced-002-ref.htm">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing <ul class="assert"> @@ -140,7 +415,7 @@ <tr id="box-sizing-replaced-003-3.1" class="primary image"> <td><strong> <a href="box-sizing-replaced-003.htm">box-sizing-replaced-003</a></strong></td> - <td></td> + <td><a href="reference/box-sizing-replaced-003-ref.htm">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing <ul class="assert"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-6.htm b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-6.htm index c55a9c49df4..633e7446e8e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-6.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-6.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Pointing Devices and Keyboards (142 tests)</h2> + <h2>Pointing Devices and Keyboards (144 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -671,7 +671,29 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.1.1.1">+</a> <a href="http://www.w3.org/TR/css3-ui/#canvas_cursor">6.1.1.1 Cursor of the canvas</a></th></tr> - <!-- 0 tests --> + <!-- 2 tests --> + <tr id="canvas-cursor-001-6.1.1.1" class="primary image interact"> + <td><strong> + <a href="canvas-cursor-001.htm">canvas-cursor-001</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td> + <td>propagating the root cursor to the canvas + <ul class="assert"> + <li>Test checks the cursor applied to the root element is propagated to the canvas.</li> + </ul> + </td> + </tr> + <tr id="canvas-cursor-002-6.1.1.1" class="primary image interact"> + <td><strong> + <a href="canvas-cursor-002.htm">canvas-cursor-002</a></strong></td> + <td></td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr><abbr class="interact" title="Requires user interaction">Interact</abbr></td> + <td>not propagating the body cursor to the canvas + <ul class="assert"> + <li>Test checks the cursor applied to the body element is not propagated to the canvas.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.2"> <tr><th colspan="4" scope="rowgroup"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-001-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-001-ref.htm new file mode 100644 index 00000000000..1305d6cf463 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-001-ref.htm @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +#cb { + position: absolute; + width: 100px; + height: 100px; +} +#test { + margin-right: 5px; + margin-top: 25px; + margin-left: 25px; + width: 70px; + height: 70px; + background:green; +} +</style> +</head><body> + <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> + <div id="cb"> + <div id="test"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-007-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-007-ref.htm new file mode 100644 index 00000000000..6643d380c91 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-007-ref.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + display: inline-block; + width: 100px; + height: 100px; + background: green; + margin: 10px; +} + +body { + max-width: 700px; +} +</style> +</head><body> + <p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-008-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-008-ref.htm new file mode 100644 index 00000000000..c12aa229a94 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-008-ref.htm @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + width: 100px; + height: 150px; + background: green; + margin: 10px; + display: inline-block; +} + +body { + max-width: 400px; +} +</style> +</head><body> + <p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-009-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-009-ref.htm new file mode 100644 index 00000000000..40a0a9d75f0 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-009-ref.htm @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + width: 300px; + height: 100px; + background: green; + margin: 10px; + display: inline-block; +} +body { + max-width: 700px; +} +</style> +</head><body> + <p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-010-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-010-ref.htm new file mode 100644 index 00000000000..04a9e310c24 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-010-ref.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + display: inline-block; + width: 70px; + height: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-012-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-012-ref.htm new file mode 100644 index 00000000000..d4f978bd1fa --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-012-ref.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + margin-bottom: 10px; + width: 100px; + height: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-013-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-013-ref.htm new file mode 100644 index 00000000000..da519db38c1 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-013-ref.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + display:inline-block; + height: 100px; + width: 70px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-020-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-020-ref.htm new file mode 100644 index 00000000000..e75feb97bd0 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-020-ref.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="mailto:florian@rivoal.net" rel="author" title="Florian Rivoal"> +<style> +div { + display: inline-block; + width: 130px; + height: 130px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-022-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-022-ref.htm new file mode 100644 index 00000000000..febb56f7eee --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-022-ref.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + display: inline-block; + width: 130px; + height: 150px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-023-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-023-ref.htm new file mode 100644 index 00000000000..8be0fdf8500 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-023-ref.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Reference File</title> +<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal"> +<style> +div { + height: 130px; + margin-bottom: 10px; + width: 300px; + background: green; +} + +</style> +</head><body> + <p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p> + <div></div> + <div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-001-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-001-ref.htm new file mode 100644 index 00000000000..a73d0ef4919 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-001-ref.htm @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Box Sizing - Border-Box with specified width</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> + <style type="text/css"> + .container { + width: 300px; + border: 2px solid black; + position: absolute; + left: 25px; + top: 25px; + background-color: red; + } + + .box-sized { + width: 140px; + z-index: 1; + float: left; + border: 5px solid black; + } + + #one { + background-color: green; + } + + #two { + background-color: blue; + } + </style> + </head> + <body> + The two divs should be side-by-side, not one on top of another. No red should be visible. + <br> + <div class="container"> + <div class="box-sized" id="one">LEFT HALF</div> + <div class="box-sized" id="two">RIGHT HALF</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-002-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-002-ref.htm new file mode 100644 index 00000000000..3d2e3962861 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-002-ref.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Box Sizing - Border-Box with specified width</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> + <style type="text/css"> + .container { + width: 300px; + border: 2px solid black; + position: absolute; + left: 25px; + top: 25px; + background-color: red; + } + + .box-sized { + width: 120px; + z-index: 1; + float: left; + border: 5px solid black; + padding: 0px 10px; + } + + #one { + background-color: green; + } + + #two { + background-color: blue; + } + </style> + </head> + <body> + The two divs should be side-by-side, not one on top of another. No red should be visible. + <br> + <div class="container"> + <div class="box-sized" id="one">LEFT HALF</div> + <div class="box-sized" id="two">RIGHT HALF</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-003-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-003-ref.htm new file mode 100644 index 00000000000..a1661aaa61f --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-003-ref.htm @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Box Sizing - Border-Box with specified width/height</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> + <style type="text/css"> + .container { + width: 300px; + height: 400px; + border: 2px solid black; + position: absolute; + left: 25px; + top: 25px; + background-color: red; + } + + .box-sized { + width: 120px; + height: 340px; + z-index: 1; + float: left; + border: 5px solid black; + padding: 25px 10px; + } + + #one { + background-color: green; + } + + #two { + background-color: blue; + } + </style> + </head> + <body> + The two divs should be side-by-side, not one on top of another. No red should be visible. + <br> + <div class="container"> + <div class="box-sized" id="one">LEFT HALF</div> + <div class="box-sized" id="two">RIGHT HALF</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-004-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-004-ref.htm new file mode 100644 index 00000000000..31d95a8d38b --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-border-box-004-ref.htm @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Box Sizing - Border-Box with min/max width/height</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> + <style type="text/css"> + .container { + min-width: 500px; + max-width: 700px; + min-height: 70px; + max-height: 90px; + border: 2px solid black; + position: absolute; + left: 25px; + top: 25px; + background-color: red; + } + + .box-sized { + min-width: 240px; + max-width: 340px; + min-height: 60px; + max-height: 80px; + z-index: 1; + float: left; + border: 5px solid black; + } + + #one { + background-color: green; + } + + #two { + background-color: blue; + } + </style> + </head> + <body> + The two divs should be side-by-side, not one on top of another. No red should be visible. + <br> + <div class="container"> + <div class="box-sized" id="one">LEFT HALF</div> + <div class="box-sized" id="two">RIGHT HALF</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-001-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-001-ref.htm new file mode 100644 index 00000000000..3afd745a036 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-001-ref.htm @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Box Sizing - Content-Box with specified width/height</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> + <style type="text/css"> + .container { + width: 300px; + height: 110px; + border: 2px solid black; + position: absolute; + left: 25px; + top: 25px; + background-color: red; + } + + .box-sized { + width: 150px; + height: 110px; + z-index: 1; + float: left; + } + + #one { + background-color: green; + } + + #two { + background-color: blue; + } + </style> + </head> + <body> + The two divs should be side-by-side, not one on top of another. No red should be visible. + <br> + <div class="container"> + <div class="box-sized" id="one">LEFT HALF</div> + <div class="box-sized" id="two">RIGHT HALF</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-002-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-002-ref.htm new file mode 100644 index 00000000000..e5f4efcb898 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-002-ref.htm @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Box Sizing - Content-Box with specified width/height</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> + <style type="text/css"> + .container { + width: 300px; + height: 100px; + border: 2px solid black; + position: absolute; + left: 25px; + top: 25px; + background-color: red; + } + + .box-sized { + width: 140px; + height: 90px; + z-index: 1; + float: left; + padding: 5px 5px; + } + + #one { + background-color: green; + } + + #two { + background-color: blue; + } + </style> + </head> + <body> + The two divs should be side-by-side, not one on top of another. No red should be visible. + <br> + <div class="container"> + <div class="box-sized" id="one">LEFT HALF</div> + <div class="box-sized" id="two">RIGHT HALF</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-003-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-003-ref.htm new file mode 100644 index 00000000000..19def711642 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-content-box-003-ref.htm @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Box Sizing - Content-Box with min/max width/height</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com"> + <style type="text/css"> + .container { + min-width: 500px; + max-width: 700px; + height: 90px; + border: 2px solid black; + position: absolute; + left: 25px; + top: 25px; + background-color: red; + } + + .box-sized { + min-width: 250px; + max-width: 350px; + height: 100%; + z-index: 1; + float: left; + } + + #one { + background-color: green; + } + + #two { + background-color: blue; + } + </style> + </head> + <body> + The two divs should be side-by-side, not one on top of another. No red should be visible. + <br> + <div class="container"> + <div class="box-sized" id="one">LEFT HALF</div> + <div class="box-sized" id="two">RIGHT HALF</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-001-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-001-ref.htm new file mode 100644 index 00000000000..d84614793fe --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-001-ref.htm @@ -0,0 +1,52 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title> + <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"> + <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"> + <meta content="image" name="flags"> + <!-- + <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing"> + --> + <style type="text/css"> + p { + display: inline-block; + background-color: white; + margin: 0px 0px; + padding: 0px 0px; + } + + .with-padding { + padding: 5px 5px; + } + + #img { + width: 75px; + height: 75px; + } + </style> + </head> + <body> + <div>All rectangles should be the same size.</div> + <p><img class="with-padding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></p> + <p><img id="img" class="with-padding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></p> + <p><img id="img" class="with-padding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></p> + <p><img id="img" class="with-padding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></p> + <p><img id="img" class="with-padding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></p> + <p><img id="img" class="with-padding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></p> + <p><img id="img" class="with-padding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></p> + <p><img id="img" class="with-padding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></p> + <p><img id="img" class="with-padding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></p> + <p><img id="img" class="with-padding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></p> + <p><img id="img" class="with-padding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></p> + <p><img id="img" class="with-padding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></p> + <p><img id="img" class="with-padding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></p> + <p><img id="img" class="with-padding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></p> + <p><img id="img" class="with-padding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></p> + <p><img id="img" class="with-padding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></p> + <p><img id="img" class="with-padding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></p> + <p><img id="img" class="with-padding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></p> + <p><img id="img" class="with-padding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></p> + <p><img id="img" class="with-padding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></p> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-002-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-002-ref.htm new file mode 100644 index 00000000000..04571f1eabc --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-002-ref.htm @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title> + <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"> + <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"> + <meta content="image" name="flags"> + <!-- + <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing"> + --> + <style type="text/css"> + p { + display: inline-block; + background-color: white; + margin: 0px 0px; + padding: 0px 0px; + } + + .with-borderpadding { + padding: 5px 5px; + border: 5px solid blue; + } + + #img { + width: 75px; + height: 75px; + } + </style> + </head> + <body> + <div>All rectangles should be the same size.</div> + <p><img class="with-borderpadding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></p> + <p><img id="img" class="with-borderpadding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></p> + <p><img id="img" class="with-borderpadding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></p> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-003-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-003-ref.htm new file mode 100644 index 00000000000..65cf461e99c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-replaced-003-ref.htm @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reference: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title> + <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author"> + <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author"> + <meta content="image" name="flags"> + <!-- + <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing"> + --> + <style type="text/css"> + p { + display: inline-block; + background-color: white; + margin: 0px 0px; + padding: 0px 0px; + } + + #img { + width: 75px; + height: 75px; + } + </style> + </head> + <body> + <div>All rectangles should be the same size.</div> + <p><img src="support/replaced-min-max.png" alt="FAIL" title="Test 0"></p> + <p><img id="img" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png"></p> + <p><img id="img" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png"></p> + <p><img id="img" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png"></p> + <p><img id="img" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png"></p> + <p><img id="img" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png"></p> + <p><img id="img" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png"></p> + <p><img id="img" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png"></p> + <p><img id="img" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png"></p> + <p><img id="img" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png"></p> + <p><img id="img" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png"></p> + <p><img id="img" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png"></p> + <p><img id="img" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png"></p> + <p><img id="img" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png"></p> + <p><img id="img" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png"></p> + <p><img id="img" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png"></p> + <p><img id="img" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png"></p> + <p><img id="img" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png"></p> + <p><img id="img" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png"></p> + <p><img id="img" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png"></p> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm index 00826c85296..8873dcac45c 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm @@ -24,6 +24,286 @@ <th>Flags</th> </tr> </thead> + <tbody id="box-sizing-001" class=""> + <tr> + <td rowspan="1" title="box-sizing:border-box and CSS2.1 10.3.3"> + <a href="box-sizing-001.htm">box-sizing-001</a></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-002" class=""> + <tr> + <td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.3.3"> + <a href="box-sizing-002.htm">box-sizing-002</a></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-003" class=""> + <tr> + <td rowspan="1" title="box-sizing:border-box and CSS2.1 10.3.7"> + <a href="box-sizing-003.htm">box-sizing-003</a></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-004" class=""> + <tr> + <td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.3.7"> + <a href="box-sizing-004.htm">box-sizing-004</a></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-005" class=""> + <tr> + <td rowspan="1" title="box-sizing:border-box and CSS2.1 10.6.4"> + <a href="box-sizing-005.htm">box-sizing-005</a></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-006" class=""> + <tr> + <td rowspan="1" title="box-sizing:padding-box and CSS2.1 10.6.4"> + <a href="box-sizing-006.htm">box-sizing-006</a></td> + <td><a href="reference/box-sizing-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-007" class="svg"> + <tr> + <td rowspan="1" title="box-sizing:border-box and auto sizing of intrinsicly sized replaced elements."> + <a href="box-sizing-007.htm">box-sizing-007</a></td> + <td><a href="reference/box-sizing-007-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-008" class="svg"> + <tr> + <td rowspan="1" title="box-sizing:border-box and auto sizing of replaced elements with intrinisic width only."> + <a href="box-sizing-008.htm">box-sizing-008</a></td> + <td><a href="reference/box-sizing-008-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-009" class="svg"> + <tr> + <td rowspan="1" title="box-sizing:border-box and auto sizing of replaced elements with intrinisic height only."> + <a href="box-sizing-009.htm">box-sizing-009</a></td> + <td><a href="reference/box-sizing-009-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-010" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height"> + <a href="box-sizing-010.htm">box-sizing-010</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-011" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width"> + <a href="box-sizing-011.htm">box-sizing-011</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-012" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height"> + <a href="box-sizing-012.htm">box-sizing-012</a></td> + <td><a href="reference/box-sizing-012-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-013" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width"> + <a href="box-sizing-013.htm">box-sizing-013</a></td> + <td><a href="reference/box-sizing-013-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-014" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height"> + <a href="box-sizing-014.htm">box-sizing-014</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-015" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width"> + <a href="box-sizing-015.htm">box-sizing-015</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-016" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height"> + <a href="box-sizing-016.htm">box-sizing-016</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-017" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width"> + <a href="box-sizing-017.htm">box-sizing-017</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-018" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w &#8804; max-height/h"> + <a href="box-sizing-018.htm">box-sizing-018</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-019" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > max-wdith and h > max-height and max-width/w > max-height/h"> + <a href="box-sizing-019.htm">box-sizing-019</a></td> + <td><a href="reference/box-sizing-010-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-020" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, h < min-height"> + <a href="box-sizing-020.htm">box-sizing-020</a></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-021" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and height, w < win-width"> + <a href="box-sizing-021.htm">box-sizing-021</a></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-022" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width, w < min-width"> + <a href="box-sizing-022.htm">box-sizing-022</a></td> + <td><a href="reference/box-sizing-022-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-023" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height, h < min-height"> + <a href="box-sizing-023.htm">box-sizing-023</a></td> + <td><a href="reference/box-sizing-023-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-024" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < mi:-height"> + <a href="box-sizing-024.htm">box-sizing-024</a></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-025" class="svg"> + <tr> + <td rowspan="1" title="auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < min-width"> + <a href="box-sizing-025.htm">box-sizing-025</a></td> + <td><a href="reference/box-sizing-020-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="svg" title="Requires SVG support">SVG</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-border-box-001" class=""> + <tr> + <td rowspan="1" title="Box Sizing - Border-Box with specified width"> + <a href="box-sizing-border-box-001.htm">box-sizing-border-box-001</a></td> + <td><a href="reference/box-sizing-border-box-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-border-box-002" class=""> + <tr> + <td rowspan="1" title="Box Sizing - Border-Box with specified width"> + <a href="box-sizing-border-box-002.htm">box-sizing-border-box-002</a></td> + <td><a href="reference/box-sizing-border-box-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-border-box-003" class=""> + <tr> + <td rowspan="1" title="Box Sizing - Border-Box with specified width/height"> + <a href="box-sizing-border-box-003.htm">box-sizing-border-box-003</a></td> + <td><a href="reference/box-sizing-border-box-003-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-border-box-004" class=""> + <tr> + <td rowspan="1" title="Box Sizing - Border-Box with min/max width/height"> + <a href="box-sizing-border-box-004.htm">box-sizing-border-box-004</a></td> + <td><a href="reference/box-sizing-border-box-004-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-content-box-001" class=""> + <tr> + <td rowspan="1" title="Box Sizing - Content-Box with specified width/height"> + <a href="box-sizing-content-box-001.htm">box-sizing-content-box-001</a></td> + <td><a href="reference/box-sizing-content-box-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-content-box-002" class=""> + <tr> + <td rowspan="1" title="Box Sizing - Content-Box with specified width/height"> + <a href="box-sizing-content-box-002.htm">box-sizing-content-box-002</a></td> + <td><a href="reference/box-sizing-content-box-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-content-box-003" class=""> + <tr> + <td rowspan="1" title="Box Sizing - Content-Box with min/max width/height"> + <a href="box-sizing-content-box-003.htm">box-sizing-content-box-003</a></td> + <td><a href="reference/box-sizing-content-box-003-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="box-sizing-replaced-001" class="image"> + <tr> + <td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing"> + <a href="box-sizing-replaced-001.htm">box-sizing-replaced-001</a></td> + <td><a href="reference/box-sizing-replaced-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-replaced-002" class="image"> + <tr> + <td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing"> + <a href="box-sizing-replaced-002.htm">box-sizing-replaced-002</a></td> + <td><a href="reference/box-sizing-replaced-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="box-sizing-replaced-003" class="image"> + <tr> + <td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing"> + <a href="box-sizing-replaced-003.htm">box-sizing-replaced-003</a></td> + <td><a href="reference/box-sizing-replaced-003-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> <tbody id="outline-001" class=""> <tr> <td rowspan="1" title="outline - create outline likes border property"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list b/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list index 6b509999cb6..dd93eaf6c0c 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list @@ -1,4 +1,39 @@ +box-sizing-001.htm == reference/box-sizing-001-ref.htm +box-sizing-002.htm == reference/box-sizing-001-ref.htm +box-sizing-003.htm == reference/box-sizing-001-ref.htm +box-sizing-004.htm == reference/box-sizing-001-ref.htm +box-sizing-005.htm == reference/box-sizing-001-ref.htm +box-sizing-006.htm == reference/box-sizing-001-ref.htm +box-sizing-007.htm == reference/box-sizing-007-ref.htm +box-sizing-008.htm == reference/box-sizing-008-ref.htm +box-sizing-009.htm == reference/box-sizing-009-ref.htm +box-sizing-010.htm == reference/box-sizing-010-ref.htm +box-sizing-011.htm == reference/box-sizing-010-ref.htm +box-sizing-012.htm == reference/box-sizing-012-ref.htm +box-sizing-013.htm == reference/box-sizing-013-ref.htm +box-sizing-014.htm == reference/box-sizing-010-ref.htm +box-sizing-015.htm == reference/box-sizing-010-ref.htm +box-sizing-016.htm == reference/box-sizing-010-ref.htm +box-sizing-017.htm == reference/box-sizing-010-ref.htm +box-sizing-018.htm == reference/box-sizing-010-ref.htm +box-sizing-019.htm == reference/box-sizing-010-ref.htm +box-sizing-020.htm == reference/box-sizing-020-ref.htm +box-sizing-021.htm == reference/box-sizing-020-ref.htm +box-sizing-022.htm == reference/box-sizing-022-ref.htm +box-sizing-023.htm == reference/box-sizing-023-ref.htm +box-sizing-024.htm == reference/box-sizing-020-ref.htm +box-sizing-025.htm == reference/box-sizing-020-ref.htm +box-sizing-border-box-001.htm == reference/box-sizing-border-box-001-ref.htm +box-sizing-border-box-002.htm == reference/box-sizing-border-box-002-ref.htm +box-sizing-border-box-003.htm == reference/box-sizing-border-box-003-ref.htm +box-sizing-border-box-004.htm == reference/box-sizing-border-box-004-ref.htm +box-sizing-content-box-001.htm == reference/box-sizing-content-box-001-ref.htm +box-sizing-content-box-002.htm == reference/box-sizing-content-box-002-ref.htm +box-sizing-content-box-003.htm == reference/box-sizing-content-box-003-ref.htm +box-sizing-replaced-001.htm == reference/box-sizing-replaced-001-ref.htm +box-sizing-replaced-002.htm == reference/box-sizing-replaced-002-ref.htm +box-sizing-replaced-003.htm == reference/box-sizing-replaced-003-ref.htm outline-001.htm == reference/ref-filled-green-100px-square.htm outline-002.htm == reference/ref-filled-green-100px-square.htm outline-color-001.htm == reference/ref-filled-green-100px-square.htm diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm b/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm index 82247e92f93..1d6e4af4e16 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Box Model addition</a></th> - <td>(10 Tests)</td></tr> + <td>(35 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - Pointing Devices and Keyboards</a></th> - <td>(142 Tests)</td></tr> + <td>(144 Tests)</td></tr> </tbody> <tbody id="sA"> <tr><th><a href="chapter-A.htm">Appendix A - diff --git a/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data index 5ceb8a7c1ed..44be0ceb438 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data @@ -3,26 +3,80 @@ # http://test.csswg.org/suites/css-ui-3_dev/DATESTAMP/ # See http://wiki.csswg.org/test/implementation-report for instructions testname revision result comment -html/box-sizing-border-box-001.htm c5cdf6d1b6cfbc79d283a1dec5d2c2caade1c2cd ? -xhtml1/box-sizing-border-box-001.xht c5cdf6d1b6cfbc79d283a1dec5d2c2caade1c2cd ? -html/box-sizing-border-box-002.htm 788dd3b8575e389acd8b5cc169c5b28010ce96ea ? -xhtml1/box-sizing-border-box-002.xht 788dd3b8575e389acd8b5cc169c5b28010ce96ea ? -html/box-sizing-border-box-003.htm 9f7e319f985315b8aa670ad38ab1aa15f41e2c59 ? -xhtml1/box-sizing-border-box-003.xht 9f7e319f985315b8aa670ad38ab1aa15f41e2c59 ? -html/box-sizing-border-box-004.htm e0b7289fb7644222450cdfcbc3deadb9b641e904 ? -xhtml1/box-sizing-border-box-004.xht e0b7289fb7644222450cdfcbc3deadb9b641e904 ? -html/box-sizing-content-box-001.htm 3e690e79ebf0eda200bbf003d7c10c21701172b8 ? -xhtml1/box-sizing-content-box-001.xht 3e690e79ebf0eda200bbf003d7c10c21701172b8 ? -html/box-sizing-content-box-002.htm 1c2f73d2c628ae2c7fd7bfacde0225107c34865f ? -xhtml1/box-sizing-content-box-002.xht 1c2f73d2c628ae2c7fd7bfacde0225107c34865f ? -html/box-sizing-content-box-003.htm 0832ce514f23392781427aac6cff958217486bed ? -xhtml1/box-sizing-content-box-003.xht 0832ce514f23392781427aac6cff958217486bed ? -html/box-sizing-replaced-001.htm 883da133947f490fd29a3c971a3fbe405c45b762 ? -xhtml1/box-sizing-replaced-001.xht 883da133947f490fd29a3c971a3fbe405c45b762 ? -html/box-sizing-replaced-002.htm 52a88f82acf6e1a04762ca1c461f0371a117b1b0 ? -xhtml1/box-sizing-replaced-002.xht 52a88f82acf6e1a04762ca1c461f0371a117b1b0 ? -html/box-sizing-replaced-003.htm b430f0b75fc9343f8a7b2063b91a10eb9bef9dcc ? -xhtml1/box-sizing-replaced-003.xht b430f0b75fc9343f8a7b2063b91a10eb9bef9dcc ? +html/box-sizing-001.htm 615898f337b8ce0337f1360d145d2d38dec45b5c ? +xhtml1/box-sizing-001.xht 615898f337b8ce0337f1360d145d2d38dec45b5c ? +html/box-sizing-002.htm b9c41043dfd84bddebce91fab68a511ac4617dab ? +xhtml1/box-sizing-002.xht b9c41043dfd84bddebce91fab68a511ac4617dab ? +html/box-sizing-003.htm c61f2c8769183ae0d9adeee16a13361e703a367a ? +xhtml1/box-sizing-003.xht c61f2c8769183ae0d9adeee16a13361e703a367a ? +html/box-sizing-004.htm 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 ? +xhtml1/box-sizing-004.xht 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 ? +html/box-sizing-005.htm 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a ? +xhtml1/box-sizing-005.xht 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a ? +html/box-sizing-006.htm 1ad8344b1537924b3ed9ea14f36faff891d6957d ? +xhtml1/box-sizing-006.xht 1ad8344b1537924b3ed9ea14f36faff891d6957d ? +html/box-sizing-007.htm 470a1d40e93f37987e3a1050d90c9b5e9acfe263 ? +xhtml1/box-sizing-007.xht 470a1d40e93f37987e3a1050d90c9b5e9acfe263 ? +html/box-sizing-008.htm 7e06d64d703830c06b9d61c75d3be230bd1b56bc ? +xhtml1/box-sizing-008.xht 7e06d64d703830c06b9d61c75d3be230bd1b56bc ? +html/box-sizing-009.htm 2aaccf9cc7ddbd222494f28fd6cd7f725a18c1e8 ? +xhtml1/box-sizing-009.xht 2aaccf9cc7ddbd222494f28fd6cd7f725a18c1e8 ? +html/box-sizing-010.htm 16d056c92b9d78cfe112a2e01c21a24660f09034 ? +xhtml1/box-sizing-010.xht 16d056c92b9d78cfe112a2e01c21a24660f09034 ? +html/box-sizing-011.htm b3e88665f1dd9498ac21d4ce6817fdf1b1b9ca0c ? +xhtml1/box-sizing-011.xht b3e88665f1dd9498ac21d4ce6817fdf1b1b9ca0c ? +html/box-sizing-012.htm bb62d1bd00a0012a210cebe7cbfd7de79c69d8c7 ? +xhtml1/box-sizing-012.xht bb62d1bd00a0012a210cebe7cbfd7de79c69d8c7 ? +html/box-sizing-013.htm b4f00771638d47828b441719fd6cb4d78ce34c8e ? +xhtml1/box-sizing-013.xht b4f00771638d47828b441719fd6cb4d78ce34c8e ? +html/box-sizing-014.htm 9eed262fdecb09ddedc7372ebc5b89aa362051f3 ? +xhtml1/box-sizing-014.xht 9eed262fdecb09ddedc7372ebc5b89aa362051f3 ? +html/box-sizing-015.htm 1dfa7e938400ea80391641feab6ed5f0f7c35c20 ? +xhtml1/box-sizing-015.xht 1dfa7e938400ea80391641feab6ed5f0f7c35c20 ? +html/box-sizing-016.htm 0f2e4c999e68b3bd44e760c4b4c8dab2aff0fe7a ? +xhtml1/box-sizing-016.xht 0f2e4c999e68b3bd44e760c4b4c8dab2aff0fe7a ? +html/box-sizing-017.htm 4ffe61120e2b6c38f7251c28e91e5c8ad9ef315e ? +xhtml1/box-sizing-017.xht 4ffe61120e2b6c38f7251c28e91e5c8ad9ef315e ? +html/box-sizing-018.htm 53fcf5ba2e73e1baebb4075afc0e4a2ac22dc66c ? +xhtml1/box-sizing-018.xht 53fcf5ba2e73e1baebb4075afc0e4a2ac22dc66c ? +html/box-sizing-019.htm 8b30a14f8d246239fc79de2142088e891ffdb1ab ? +xhtml1/box-sizing-019.xht 8b30a14f8d246239fc79de2142088e891ffdb1ab ? +html/box-sizing-020.htm b38180876fbf67ab948c45ebe88bd53dfa994adc ? +xhtml1/box-sizing-020.xht b38180876fbf67ab948c45ebe88bd53dfa994adc ? +html/box-sizing-021.htm a2e85d04e37f717cba23331fdc093f7f630248ba ? +xhtml1/box-sizing-021.xht a2e85d04e37f717cba23331fdc093f7f630248ba ? +html/box-sizing-022.htm b6035a0711e61bdce98c049147b0d0fe686bd3f2 ? +xhtml1/box-sizing-022.xht b6035a0711e61bdce98c049147b0d0fe686bd3f2 ? +html/box-sizing-023.htm a32c06a67906426e1115f353b7f3d073d168ddc7 ? +xhtml1/box-sizing-023.xht a32c06a67906426e1115f353b7f3d073d168ddc7 ? +html/box-sizing-024.htm 548f17fe7c624a449372ed9a34cc5581db4b8c0b ? +xhtml1/box-sizing-024.xht 548f17fe7c624a449372ed9a34cc5581db4b8c0b ? +html/box-sizing-025.htm 12c1f92805199bb395b41521df5eac9a73efc1c3 ? +xhtml1/box-sizing-025.xht 12c1f92805199bb395b41521df5eac9a73efc1c3 ? +html/box-sizing-border-box-001.htm 4c63d6fda4dd34a4f89bfb66a943904951cb7f41 ? +xhtml1/box-sizing-border-box-001.xht 4c63d6fda4dd34a4f89bfb66a943904951cb7f41 ? +html/box-sizing-border-box-002.htm b49ca4e6161e1aa24c4ef8fb9626cea26c1d26a3 ? +xhtml1/box-sizing-border-box-002.xht b49ca4e6161e1aa24c4ef8fb9626cea26c1d26a3 ? +html/box-sizing-border-box-003.htm 1b41472fdaf436fc11bb1b864a367bd649ab2089 ? +xhtml1/box-sizing-border-box-003.xht 1b41472fdaf436fc11bb1b864a367bd649ab2089 ? +html/box-sizing-border-box-004.htm dfda8e453a374d002a81b40fdd01dbf56319fa9c ? +xhtml1/box-sizing-border-box-004.xht dfda8e453a374d002a81b40fdd01dbf56319fa9c ? +html/box-sizing-content-box-001.htm 4b3056f655bbe35540eadfe3888d48f1961dfafc ? +xhtml1/box-sizing-content-box-001.xht 4b3056f655bbe35540eadfe3888d48f1961dfafc ? +html/box-sizing-content-box-002.htm 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ? +xhtml1/box-sizing-content-box-002.xht 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ? +html/box-sizing-content-box-003.htm 397bec8981e201e663ea97b4b265aa45fff08bd5 ? +xhtml1/box-sizing-content-box-003.xht 397bec8981e201e663ea97b4b265aa45fff08bd5 ? +html/box-sizing-replaced-001.htm a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ? +xhtml1/box-sizing-replaced-001.xht a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ? +html/box-sizing-replaced-002.htm d4148a5cae7298ba17c8257c328e4f622edfc689 ? +xhtml1/box-sizing-replaced-002.xht d4148a5cae7298ba17c8257c328e4f622edfc689 ? +html/box-sizing-replaced-003.htm 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 ? +xhtml1/box-sizing-replaced-003.xht 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 ? +html/canvas-cursor-001.htm d776271759adae48748f2424d34012fe871acef8 ? +xhtml1/canvas-cursor-001.xht d776271759adae48748f2424d34012fe871acef8 ? +html/canvas-cursor-002.htm 96e20addfadf1ec458f9867bb586adb925b6b2c1 ? +xhtml1/canvas-cursor-002.xht 96e20addfadf1ec458f9867bb586adb925b6b2c1 ? html/caret-color-001.htm d51a15636bbc1a93132d4dba71ff6de6c08c1c1f ? xhtml1/caret-color-001.xht d51a15636bbc1a93132d4dba71ff6de6c08c1c1f ? html/caret-color-002.htm 02a3dcc0a7054487ffd77b21aa525a3e8cad0dfc ? diff --git a/tests/wpt/css-tests/css-ui-3_dev/testinfo.data b/tests/wpt/css-tests/css-ui-3_dev/testinfo.data index c1370493e40..bb6b66bcd29 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-ui-3_dev/testinfo.data @@ -1,14 +1,41 @@ id references title flags links revision credits assertion -box-sizing-border-box-001 Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing c5cdf6d1b6cfbc79d283a1dec5d2c2caade1c2cd `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge. -box-sizing-border-box-002 Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing 788dd3b8575e389acd8b5cc169c5b28010ce96ea `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge. -box-sizing-border-box-003 Box Sizing - Border-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 9f7e319f985315b8aa670ad38ab1aa15f41e2c59 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge. -box-sizing-border-box-004 Box Sizing - Border-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing e0b7289fb7644222450cdfcbc3deadb9b641e904 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge. -box-sizing-content-box-001 Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 3e690e79ebf0eda200bbf003d7c10c21701172b8 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. -box-sizing-content-box-002 Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 1c2f73d2c628ae2c7fd7bfacde0225107c34865f `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. -box-sizing-content-box-003 Box Sizing - Content-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing 0832ce514f23392781427aac6cff958217486bed `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. -box-sizing-replaced-001 Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 883da133947f490fd29a3c971a3fbe405c45b762 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding around each. -box-sizing-replaced-002 Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 52a88f82acf6e1a04762ca1c461f0371a117b1b0 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each. -box-sizing-replaced-003 Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing b430f0b75fc9343f8a7b2063b91a10eb9bef9dcc `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px. +box-sizing-001 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.3.3 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#blockwidth 615898f337b8ce0337f1360d145d2d38dec45b5c `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block. +box-sizing-002 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.3.3 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#blockwidth b9c41043dfd84bddebce91fab68a511ac4617dab `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is padding-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block. +box-sizing-003 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.3.7 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width c61f2c8769183ae0d9adeee16a13361e703a367a `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements. +box-sizing-004 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.3.7 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width 20b8bc04ea6e4ef064d4fe2af58a3aa28f5bd995 `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is padding-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements. +box-sizing-005 reference/box-sizing-001-ref box-sizing:border-box and CSS2.1 10.6.4 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height 5c91e57581a3e2ac9b430f1afcb26eec0bc3094a `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is border-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements. +box-sizing-006 reference/box-sizing-001-ref box-sizing:padding-box and CSS2.1 10.6.4 https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height 1ad8344b1537924b3ed9ea14f36faff891d6957d `Florian Rivoal`<http://florian.rivoal.net/> When box-sizing is padding-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements. +box-sizing-007 reference/box-sizing-007-ref box-sizing:border-box and auto sizing of intrinsicly sized replaced elements. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 470a1d40e93f37987e3a1050d90c9b5e9acfe263 `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height. +box-sizing-008 reference/box-sizing-008-ref box-sizing:border-box and auto sizing of replaced elements with intrinisic width only. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 7e06d64d703830c06b9d61c75d3be230bd1b56bc `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height. +box-sizing-009 reference/box-sizing-009-ref box-sizing:border-box and auto sizing of replaced elements with intrinisic height only. svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 2aaccf9cc7ddbd222494f28fd6cd7f725a18c1e8 `Florian Rivoal`<http://florian.rivoal.net/> Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height. +box-sizing-010 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 16d056c92b9d78cfe112a2e01c21a24660f09034 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h > max-height constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-011 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b3e88665f1dd9498ac21d4ce6817fdf1b1b9ca0c `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-012 reference/box-sizing-012-ref auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths bb62d1bd00a0012a210cebe7cbfd7de79c69d8c7 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h > max-height constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-013 reference/box-sizing-013-ref auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b4f00771638d47828b441719fd6cb4d78ce34c8e `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-014 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 9eed262fdecb09ddedc7372ebc5b89aa362051f3 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-015 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 1dfa7e938400ea80391641feab6ed5f0f7c35c20 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-016 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 0f2e4c999e68b3bd44e760c4b4c8dab2aff0fe7a `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-017 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 4ffe61120e2b6c38f7251c28e91e5c8ad9ef315e `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-018 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w ≤ max-height/h svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 53fcf5ba2e73e1baebb4075afc0e4a2ac22dc66c `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width and h > max-height constraint violation and max-width/w ≤ max-height/h are properly interpreted when box-sizing is border-box. +box-sizing-019 reference/box-sizing-010-ref auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > max-wdith and h > max-height and max-width/w > max-height/h svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 8b30a14f8d246239fc79de2142088e891ffdb1ab `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the w > max-width and h > max-height constraint violation and max-width/w > max-height/h are properly interpreted when box-sizing is border-box. +box-sizing-020 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, h < min-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b38180876fbf67ab948c45ebe88bd53dfa994adc `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-021 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic width and height, w < win-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths a2e85d04e37f717cba23331fdc093f7f630248ba `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w < min-width constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-022 reference/box-sizing-022-ref auto sizing rules with box-sizing:border-box, intrinsic width, w < min-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths b6035a0711e61bdce98c049147b0d0fe686bd3f2 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the w < min-width constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-023 reference/box-sizing-023-ref auto sizing rules with box-sizing:border-box, intrinsic height, h < min-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths a32c06a67906426e1115f353b7f3d073d168ddc7 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-024 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < mi:-height svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 548f17fe7c624a449372ed9a34cc5581db4b8c0b `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h < min-height constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-025 reference/box-sizing-020-ref auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < min-width svg https://drafts.csswg.org/css-ui-3/#box-sizing,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width,http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height,http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 12c1f92805199bb395b41521df5eac9a73efc1c3 `Florian Rivoal`<http://florian.rivoal.net/> Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w < min-width constraint violation are properly interpreted when box-sizing is border-box. +box-sizing-border-box-001 reference/box-sizing-border-box-001-ref Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing 4c63d6fda4dd34a4f89bfb66a943904951cb7f41 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge. +box-sizing-border-box-002 reference/box-sizing-border-box-002-ref Box Sizing - Border-Box with specified width http://www.w3.org/TR/css3-ui/#box-sizing b49ca4e6161e1aa24c4ef8fb9626cea26c1d26a3 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge. +box-sizing-border-box-003 reference/box-sizing-border-box-003-ref Box Sizing - Border-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 1b41472fdaf436fc11bb1b864a367bd649ab2089 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge. +box-sizing-border-box-004 reference/box-sizing-border-box-004-ref Box Sizing - Border-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing dfda8e453a374d002a81b40fdd01dbf56319fa9c `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge. +box-sizing-content-box-001 reference/box-sizing-content-box-001-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 4b3056f655bbe35540eadfe3888d48f1961dfafc `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. +box-sizing-content-box-002 reference/box-sizing-content-box-002-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. +box-sizing-content-box-003 reference/box-sizing-content-box-003-ref Box Sizing - Content-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing 397bec8981e201e663ea97b4b265aa45fff08bd5 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. +box-sizing-replaced-001 reference/box-sizing-replaced-001-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing a8e28589639906e9ad2c23f3875a1b84b9edc2c3 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding around each. +box-sizing-replaced-002 reference/box-sizing-replaced-002-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing d4148a5cae7298ba17c8257c328e4f622edfc689 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each. +box-sizing-replaced-003 reference/box-sizing-replaced-003-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px. +canvas-cursor-001 propagating the root cursor to the canvas image,interact https://drafts.csswg.org/css-ui-3/#canvas_cursor d776271759adae48748f2424d34012fe871acef8 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks the cursor applied to the root element is propagated to the canvas. +canvas-cursor-002 not propagating the body cursor to the canvas image,interact https://drafts.csswg.org/css-ui-3/#canvas_cursor 96e20addfadf1ec458f9867bb586adb925b6b2c1 `Florian Rivoal`<mailto:florian@rivoal.net> Test checks the cursor applied to the body element is not propagated to the canvas. caret-color-001 caret-color http://www.w3.org/TR/css3-ui/#caret-color d51a15636bbc1a93132d4dba71ff6de6c08c1c1f `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color can be set on a textarea caret-color-002 caret-color is not inherited http://www.w3.org/TR/css3-ui/#caret-color 02a3dcc0a7054487ffd77b21aa525a3e8cad0dfc `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color value does not inherit caret-color-003 caret-color auto http://www.w3.org/TR/css3-ui/#caret-color 2b11748c87a4cb16a19ef484bd474e26faf5aac5 `Chris Lilley`<mailto:chris@w3.org> Test checks that caret-color: auto resolves to currentColor diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-001.xht new file mode 100644 index 00000000000..497d43cd0a8 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-002.xht new file mode 100644 index 00000000000..f3720edf164 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-003.xht new file mode 100644 index 00000000000..3dbe9ab3397 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-004.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-004.xht new file mode 100644 index 00000000000..f3c650d8f41 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-005.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-005.xht new file mode 100644 index 00000000000..9f1fe2c959a --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-006.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-006.xht new file mode 100644 index 00000000000..a2744f774aa --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-007.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-007.xht new file mode 100644 index 00000000000..2bcd6fefdd9 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-008.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-008.xht new file mode 100644 index 00000000000..7b598bfd44e --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-009.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-009.xht new file mode 100644 index 00000000000..7605478cf79 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-010.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-010.xht new file mode 100644 index 00000000000..01e7ae12075 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-011.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-011.xht new file mode 100644 index 00000000000..55f8d2018c5 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-012.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-012.xht new file mode 100644 index 00000000000..95cf8722a92 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-013.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-013.xht new file mode 100644 index 00000000000..5f3a86823a4 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-014.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-014.xht new file mode 100644 index 00000000000..991d1ae4983 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-015.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-015.xht new file mode 100644 index 00000000000..4a15b2e1269 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-016.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-016.xht new file mode 100644 index 00000000000..dffafe5a85d --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-017.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-017.xht new file mode 100644 index 00000000000..2a094ae4b44 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-018.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-018.xht new file mode 100644 index 00000000000..b33eaeb9036 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-019.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-019.xht new file mode 100644 index 00000000000..5cef327afc9 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-020.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-020.xht new file mode 100644 index 00000000000..e4eac441c55 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-021.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-021.xht new file mode 100644 index 00000000000..967cad16566 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-022.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-022.xht new file mode 100644 index 00000000000..3ffd72a014d --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-023.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-023.xht new file mode 100644 index 00000000000..8299ad0d66c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-024.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-024.xht new file mode 100644 index 00000000000..f9b960b5ddb --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-025.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-025.xht new file mode 100644 index 00000000000..66a01df0baa --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/box-sizing-border-box-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-001.xht index 37ec8870bcd..0ac19148bbc 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-001.xht @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with specified width</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-border-box-001-ref.xht" /> <meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge." /> <style type="text/css"><![CDATA[ .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-002.xht index dfac90756d2..f6a2467de02 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-002.xht @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with specified width</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-border-box-002-ref.xht" /> <meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge." /> <style type="text/css"><![CDATA[ .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-003.xht index 1b43f7be2f5..2ed24d4a8cd 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-003.xht @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with specified width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-border-box-003-ref.xht" /> <meta name="assert" content="box-sizing: border-box should make the element's (percentage) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge." /> <style type="text/css"><![CDATA[ .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-004.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-004.xht index e0378c0a133..15704ce8763 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-004.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-border-box-004.xht @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Border-Box with min/max width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-border-box-004-ref.xht" /> <meta name="assert" content="box-sizing: border-box should make the element's (length) width be the distance from the left border edge to the right border edge and the height be the distance from the top border edge to the bottom border edge." /> <style type="text/css"><![CDATA[ .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-001.xht index 49a2fcdc9af..fe543827e68 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-001.xht @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Content-Box with specified width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-content-box-001-ref.xht" /> <meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge." /> <style type="text/css"><![CDATA[ .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-002.xht index 14f8aaa0b63..4e8f15be527 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-002.xht @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Content-Box with specified width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-content-box-002-ref.xht" /> <meta name="assert" content="box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge." /> <style type="text/css"><![CDATA[ .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-003.xht index 7fb319c9aa9..5df60535943 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-content-box-003.xht @@ -4,6 +4,7 @@ <title>CSS Test: Box Sizing - Content-Box with min/max width/height</title> <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-content-box-003-ref.xht" /> <meta name="assert" content="box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge." /> <style type="text/css"><![CDATA[ .container { diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-001.xht index cd034e8d277..fd49a6dd4c7 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-001.xht @@ -5,6 +5,7 @@ <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author" /> <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-replaced-001-ref.xht" /> <meta content="image" name="flags" /> <meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding around each." /> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-002.xht index 793a590f9c8..7417fd61786 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-002.xht @@ -5,6 +5,7 @@ <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author" /> <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-replaced-002-ref.xht" /> <meta content="image" name="flags" /> <meta name="assert" content="All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each." /> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-003.xht index a01c1072650..537616ff017 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-replaced-003.xht @@ -5,6 +5,7 @@ <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author" /> <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author" /> <link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing" /> + <link rel="match" href="reference/box-sizing-replaced-003-ref.xht" /> <meta content="image" name="flags" /> <meta name="assert" content="All images should be sized at 75px x 75px." /> <!-- diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/canvas-cursor-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/canvas-cursor-001.xht new file mode 100644 index 00000000000..ba3673e22b4 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/canvas-cursor-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/canvas-cursor-002.xht new file mode 100644 index 00000000000..4d8549ea9ef --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-3.xht index da48b06864b..8d22dedd47e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-6.xht index a84e6d2d825..9655761749d 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-6.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-001-ref.xht new file mode 100644 index 00000000000..3198c864ece --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-007-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-007-ref.xht new file mode 100644 index 00000000000..82b4689ad40 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-008-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-008-ref.xht new file mode 100644 index 00000000000..47d40af0a70 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-009-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-009-ref.xht new file mode 100644 index 00000000000..40fd13456c6 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-010-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-010-ref.xht new file mode 100644 index 00000000000..6b73f47945d --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-012-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-012-ref.xht new file mode 100644 index 00000000000..bed4cffa297 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-013-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-013-ref.xht new file mode 100644 index 00000000000..3ab60e573f5 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-020-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-020-ref.xht new file mode 100644 index 00000000000..9ee11444f1e --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-022-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-022-ref.xht new file mode 100644 index 00000000000..390516b45e2 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-023-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-023-ref.xht new file mode 100644 index 00000000000..5a811d5d316 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reference/box-sizing-border-box-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-001-ref.xht new file mode 100644 index 00000000000..d414aa61b0e --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-001-ref.xht @@ -0,0 +1,40 @@ +<!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> + <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/xhtml1/reference/box-sizing-border-box-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-002-ref.xht new file mode 100644 index 00000000000..86eb9254333 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-002-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Border-Box with specified width</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![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/xhtml1/reference/box-sizing-border-box-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-003-ref.xht new file mode 100644 index 00000000000..a69fd64534c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-003-ref.xht @@ -0,0 +1,43 @@ +<!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> + <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/xhtml1/reference/box-sizing-border-box-004-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-004-ref.xht new file mode 100644 index 00000000000..287c886e9b2 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-border-box-004-ref.xht @@ -0,0 +1,46 @@ +<!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> + <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/xhtml1/reference/box-sizing-content-box-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-content-box-001-ref.xht new file mode 100644 index 00000000000..106cddc3f18 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-content-box-001-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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Content-Box with specified width/height</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![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/xhtml1/reference/box-sizing-content-box-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-content-box-002-ref.xht new file mode 100644 index 00000000000..a482c9933e9 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-content-box-002-ref.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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reference: Box Sizing - Content-Box with specified width/height</title> + <link rel="author" title="Scott Johnson" href="mailto:sjohnson@mozilla.com" /> + <style type="text/css"><![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/xhtml1/reference/box-sizing-content-box-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-content-box-003-ref.xht new file mode 100644 index 00000000000..5276100ea9c --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-content-box-003-ref.xht @@ -0,0 +1,43 @@ +<!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> + <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/xhtml1/reference/box-sizing-replaced-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-replaced-001-ref.xht new file mode 100644 index 00000000000..6c524b3d18f --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-replaced-001-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: Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing</title> + <link href="http://fantasai.inkedblade.net/contact" title="Elika J. Etemad" rel="author" /> + <link href="mailto:sjohnson@mozilla.com" title="Scott Johnson" rel="author" /> + <meta content="image" name="flags" /> + <!-- + <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/#box-sizing"> + --> + <style type="text/css"> + p { + display: inline-block; + background-color: white; + margin: 0px 0px; + padding: 0px 0px; + } + + .with-padding { + padding: 5px 5px; + } + + #img { + width: 75px; + height: 75px; + } + </style> + </head> + <body> + <div>All rectangles should be the same size.</div> + <p><img class="with-padding" src="support/replaced-min-max.png" alt="FAIL" title="Test 0" /></p> + <p><img id="img" class="with-padding" title="Test 1" alt="FAIL" src="support/replaced-min-max-1.png" /></p> + <p><img id="img" class="with-padding" title="Test 2" alt="FAIL" src="support/replaced-min-max-2.png" /></p> + <p><img id="img" class="with-padding" title="Test 3" alt="FAIL" src="support/replaced-min-max-3.png" /></p> + <p><img id="img" class="with-padding" title="Test 4" alt="FAIL" src="support/replaced-min-max-4.png" /></p> + <p><img id="img" class="with-padding" title="Test 5" alt="FAIL" src="support/replaced-min-max-5.png" /></p> + <p><img id="img" class="with-padding" title="Test 6" alt="FAIL" src="support/replaced-min-max-6.png" /></p> + <p><img id="img" class="with-padding" title="Test 7" alt="FAIL" src="support/replaced-min-max-7.png" /></p> + <p><img id="img" class="with-padding" title="Test 8" alt="FAIL" src="support/replaced-min-max-8.png" /></p> + <p><img id="img" class="with-padding" title="Test 9" alt="FAIL" src="support/replaced-min-max-9.png" /></p> + <p><img id="img" class="with-padding" title="Test 10" alt="FAIL" src="support/replaced-min-max-10.png" /></p> + <p><img id="img" class="with-padding" title="Test 11" alt="FAIL" src="support/replaced-min-max-11.png" /></p> + <p><img id="img" class="with-padding" title="Test 12" alt="FAIL" src="support/replaced-min-max-12.png" /></p> + <p><img id="img" class="with-padding" title="Test 13" alt="FAIL" src="support/replaced-min-max-13.png" /></p> + <p><img id="img" class="with-padding" title="Test 14" alt="FAIL" src="support/replaced-min-max-14.png" /></p> + <p><img id="img" class="with-padding" title="Test 15" alt="FAIL" src="support/replaced-min-max-15.png" /></p> + <p><img id="img" class="with-padding" title="Test 16" alt="FAIL" src="support/replaced-min-max-16.png" /></p> + <p><img id="img" class="with-padding" title="Test 17" alt="FAIL" src="support/replaced-min-max-17.png" /></p> + <p><img id="img" class="with-padding" title="Test 18" alt="FAIL" src="support/replaced-min-max-18.png" /></p> + <p><img id="img" class="with-padding" title="Test 19" alt="FAIL" src="support/replaced-min-max-19.png" /></p> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-replaced-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-replaced-002-ref.xht new file mode 100644 index 00000000000..5a092802b4f --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-replaced-002-ref.xht @@ -0,0 +1,53 @@ +<!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> + <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/xhtml1/reference/box-sizing-replaced-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-replaced-003-ref.xht new file mode 100644 index 00000000000..a07182d6c75 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-replaced-003-ref.xht @@ -0,0 +1,48 @@ +<!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> + <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/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest-toc.xht index 9a36e93af68..30fef4e1b0e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/reftest.list b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest.list index bb3a48ad5b8..e971d749b2e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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/xhtml1/toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/toc.xht index 38013ab3619..82d2780e785 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/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 - 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 - |