diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/values')
81 files changed, 1394 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht b/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht new file mode 100644 index 0000000000..9d463033b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/color-000-ref.xht @@ -0,0 +1,22 @@ +<!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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +p { + color: green; +} +</style> +</head> +<body> +<p>This should be green</p> +<p>This should be green</p> +<p>This should be green</p> +<p>This should be green</p> +<p>This should be green</p> +<p>This should be green</p> +<p>This should be green</p> +<p>This should be green</p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/color-000.xht b/testing/web-platform/tests/css/CSS2/values/color-000.xht new file mode 100644 index 0000000000..ea2e3f51d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/color-000.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" + "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: RGB color syntax error handling</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/parsing/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#color-units"/> + <link rel="match" href="color-000-ref.xht"/> + <meta name="flags" content="invalid"/> + <style type="text/css"> + p.correct { color: red } + p.incorrect { color: green } + p#numnumpercent { color: rgb(255, 0, 0%) } + p#percentnumnum { color: rgb(100%, 0, 0) } + p#percentpercentnum { color: rgb(100%, 0%, 0) } + p#percentnumpercent { color: rgb(100%, 0, 0%) } + p#numpercentnum { color: rgb(255, 0%, 0); } + p#numnumnum { color: rgb(0, 128, 0) } + p#percentpercentpercent1 { color: rgb(0%, 50%, 0%) } + p#percentpercentpercent2 { color: rgb(0%, 50.01%, 0%) } + </style> + </head> + <body> + <p class="incorrect" id="numnumpercent">This should be green</p> + <p class="incorrect" id="percentnumnum">This should be green</p> + <p class="incorrect" id="percentpercentnum">This should be green</p> + <p class="incorrect" id="percentnumpercent">This should be green</p> + <p class="incorrect" id="numpercentnum">This should be green</p> + + <p class="correct" id="numnumnum">This should be green</p> + <p class="correct" id="percentpercentpercent1">This should be green</p> + <p class="correct" id="percentpercentpercent2">This should be green</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht new file mode 100644 index 0000000000..dae3fa6df3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-001.xht @@ -0,0 +1,25 @@ +<!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 Test: Parsing invalid numbers - alphanumeric characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#integers" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="An integer cannot have alphanumeric characters within it." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: 9a6px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-002.xht new file mode 100644 index 0000000000..4a0146f077 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-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 Test: Parsing decimal values - decimal with multiple decimal digits</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#numbers" /> + <meta name="assert" content="A number can be zero or more digits followed by a dot (.) followed by multiple digits." /> + <style type="text/css"> + div + { + background: black; + height: 0; + height: 96.111px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled box below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht new file mode 100644 index 0000000000..57600a7c70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-003.xht @@ -0,0 +1,25 @@ +<!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 Test: Parsing invalid decimal values - alphanumeric characters within number</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#numbers" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="An alphanumeric character cannot be within the number value." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: a.6px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht new file mode 100644 index 0000000000..1ce19808ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-004.xht @@ -0,0 +1,24 @@ +<!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 Test: Parsing integer numbers with '+'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#integers" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + <meta name="assert" content="Integers can be preceded by '+'." /> + <style type="text/css"> + div + { + background: black; + height: 0; + height: +1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht new file mode 100644 index 0000000000..a5daced856 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-005.xht @@ -0,0 +1,24 @@ +<!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 Test: Optional unit identifier after 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#lengths" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="After a zero length, the unit identifier is not necessary." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + height: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht new file mode 100644 index 0000000000..24fd36e0ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-006.xht @@ -0,0 +1,25 @@ +<!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 Test: Unsupported negative values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#lengths" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="If a negative length value is set on a property that does not allow negative length values, the declaration is ignored." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + height: -1px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-007-ref.xht new file mode 100644 index 0000000000..ac9b53bd4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-007-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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +div { + margin-top: 10px; + background: black; + height: 1em; + width: 1em; +} +</style> +</head> +<body> +<p>Test passes if the two boxes below are the same size.</p> +<div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht new file mode 100644 index 0000000000..b70cb36ca6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-007.xht @@ -0,0 +1,33 @@ +<!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 Test: Em sizes</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-007-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (default) of the element on which it is used." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + background: black; + height: 1em; + width: 1em; + } + div + { + font-family: Ahem; + margin-top: 10px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="test"></div> + <div>X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-009-ref.xht new file mode 100644 index 0000000000..f55860883c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-009-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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +div { + margin-top: 10px; + background: black; + height: 32px; + width: 32px; +} +</style> +</head> +<body> +<p>Test passes if the two boxes below are the same size.</p> +<div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht new file mode 100644 index 0000000000..78882eba4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-009.xht @@ -0,0 +1,37 @@ +<!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 Test: Em size with the font-size set to px size</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-009-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (pixels) of the element on which it is used." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-size: 32px; + } + #test + { + background: black; + height: 1em; + width: 1em; + } + div + { + font-family: Ahem; + margin-top: 10px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="test"></div> + <div>X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-010-ref.xht new file mode 100644 index 0000000000..a8b9d419f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +div { + margin-top: 10px; + background: black; + height: 1in; + width: 1in; +} +</style> +</head> +<body> +<p>Test passes if the two boxes below are the same size.</p> +<div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht new file mode 100644 index 0000000000..03b0b71aea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-010.xht @@ -0,0 +1,37 @@ +<!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 Test: Em size with font-size set to inch</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-010-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (inches) of the element on which it is used." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-size: 1in; + } + #test + { + background: black; + height: 1em; + width: 1em; + } + div + { + font-family: Ahem; + margin-top: 10px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="test"></div> + <div>X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-011-ref.xht new file mode 100644 index 0000000000..8aa1cabff7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-011-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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +div { + margin-top: 10px; + background: black; + height: 3em; + width: 3em; +} +</style> +</head> +<body> +<p>Test passes if the two boxes below are the same size.</p> +<div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-011.xht new file mode 100644 index 0000000000..e1edfea9e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-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> + <title>CSS Test: Em size with font-size set to em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-011-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="When 'em' is assigned in the value of the 'font-size' property itself, it uses the font size of the parent element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-size: 3em; + } + #test + { + background: black; + height: 1em; + width: 1em; + } + div + { + font-family: Ahem; + margin-top: 10px; + line-height: 1; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"> + <div id="test"></div> + <div>X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-012-ref.xht new file mode 100644 index 0000000000..20b06994a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +div { + margin-top: 5px; + background: black; + height: 1in; + width: 1in; +} +</style> +</head> +<body> +<p>Test passes if the three boxes below are the same size.</p> +<div/><div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-012.xht new file mode 100644 index 0000000000..f24e528c5b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-012.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> + <title>CSS Test: Em size with font-size set to ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-012-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property (ex) of the element on which it is used." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 20px/1 Ahem; + } + #div1 + { + font-size: 6ex; + } + #test + { + background: black; + height: 1em; + width: 1em; + } + div + { + margin-top: 5px; + } + #reference + { + background: black; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the three boxes below are the same size.</p> + <div id="parent"> + <div id="div1"> + <div id="test"></div> + <div>X</div> + <div id="reference"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-013-ref.xht new file mode 100644 index 0000000000..03d382d04d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +div { + margin-top: 5px; + background: black; + height: 100px; + width: 100px; +} +</style> +</head> +<body> +<p>Test passes if the three boxes below are the same size.</p> +<div/><div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-013.xht new file mode 100644 index 0000000000..ac42ede119 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-013.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> + <title>CSS Test: Em size with font-size set to percentage</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-013-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 20px/1 Ahem; + } + #div1 + { + font-size: 500%; + } + #test + { + background: black; + height: 1em; + width: 1em; + } + div + { + margin-top: 5px; + } + #reference + { + background: black; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the three boxes below are the same size.</p> + <div id="parent"> + <div id="div1"> + <div id="test"></div> + <div>X</div> + <div id="reference"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht new file mode 100644 index 0000000000..d40d3b533f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-a.xht @@ -0,0 +1,29 @@ +<!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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style type="text/css"> +div { + background: black; + font-family: Ahem; + margin-top: 2px; +} +#test, #div1 { + height: 0.5em; + width: 0.5em; +} +#div2 { + height: 0.8em; + width: 0.8em; +} +</style> +</head> +<body> +<p>Test passes if any two of the boxes below are the same size.</p> +<div id="test"></div> +<div id="div1"></div> +<div id="div2"></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht new file mode 100644 index 0000000000..2cc17cde6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015-ref-b.xht @@ -0,0 +1,29 @@ +<!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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style type="text/css"> +div { + background: black; + font-family: Ahem; + margin-top: 2px; +} +#div1 { + height: 0.5em; + width: 0.5em; +} +#test, #div2 { + height: 0.8em; + width: 0.8em; +} +</style> +</head> +<body> +<p>Test passes if any two of the boxes below are the same size.</p> +<div id="test"></div> +<div id="div1"></div> +<div id="div2"></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-015.xht new file mode 100644 index 0000000000..d79cce5890 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-015.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> + <title>CSS Test: Height of EX</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-015-ref-a.xht"/> + <link rel="match" href="numbers-units-015-ref-b.xht"/> + <meta name="flags" content="ahem should" /> + <meta name="assert" content="In the cases where it is impossible or impractical to determine the x-height, a value of 0.5em should be used." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + height: 1ex; + width: 1ex; + } + #div1 + { + height: 0.5em; + width: 0.5em; + } + #div2 + { + height: 0.8em; + width: 0.8em; + } + div + { + background: black; + font-family: Ahem; + margin-top: 2px; + } + </style> + </head> + <body> + <p>Test passes if any two of the boxes below are the same size.</p> + <div id="test"></div> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht new file mode 100644 index 0000000000..97b0af5868 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-016.xht @@ -0,0 +1,25 @@ +<!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 Test: Parsing invalid percentage values - decimal value with multiple decimals</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#percentages" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Percentage assignments with more than one decimal are invalid." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: 50.1.1%; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht new file mode 100644 index 0000000000..3ee11a790f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-017.xht @@ -0,0 +1,24 @@ +<!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 Test: Parsing of percentage values - 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#percentages" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Percentage of 0% is valid and calculates to 0." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + height: 0%; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.xht new file mode 100644 index 0000000000..ce9896684b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-018-ref.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> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +html { + border: 1px solid; + margin-left: 400px; + margin-top: 320px; +} +p { + font: 16px serif; +} +div { + position: absolute; +} +#div1 { + background: orange; + height: 20px; + left: 0; + top: 320px; + width: 400px; +} +#div2 { + background: blue; + height: 320px; + left: 400px; + top: 0; + width: 20px; +} +</style> +</head> +<body> +<p>Test passes if the black box containing this text is to the right of the orange box and below the blue box.</p> +<div id="div1"></div> +<div id="div2"></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-018.xht new file mode 100644 index 0000000000..a5c6f76fa3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-018.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> + <title>CSS Test: Specifying em/ex on the root element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="match" href="numbers-units-018-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Units 'em' and 'ex' refer to the initial value of the property when specified on the root element of a document." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + html + { + border: 1px solid; + font: 20px/1 Ahem; + margin-left: 20em; + margin-top: 20ex; + } + div + { + position: absolute; + } + #div1 + { + background: orange; + height: 20px; + left: 0; + top: 320px; + width: 400px; + } + #div2 + { + background: blue; + height: 320px; + left: 400px; + top: 0; + width: 20px; + } + p + { + font: 16px serif; + } + </style> + </head> + <body> + <p>Test passes if the black box containing this text is to the right of the orange box and below the blue box.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht new file mode 100644 index 0000000000..1c8c2e3189 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-019-ref.xht @@ -0,0 +1,22 @@ +<!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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +p { + font-size: 12pt; +} +div { + margin-top: 3px; + background: black; + height: 32px; + width: 32px; +} +</style> +</head> +<body> +<p>Test passes if the two boxes below are the same size.</p> +<div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht new file mode 100644 index 0000000000..205e3b6392 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-019.xht @@ -0,0 +1,44 @@ +<!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 Test: First available font defines the 'ex' unit size</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="numbers-units-019-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'ex' unit size is defined by the element's first available font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + font-size: 40px; + } + p + { + font-size: 12pt; + } + div + { + background: black; + font-family: invalidFont, Ahem; + margin-top: 3px; + } + #test + { + height: 1ex; + width: 1ex; + } + #compare + { + height: 0.8em; + width: 0.8em; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="test"></div> + <div id="compare"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht new file mode 100644 index 0000000000..d8f40a497b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-021-ref.xht @@ -0,0 +1,22 @@ +<!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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +p { + font-family: serif; +} +div { + margin-top: 2px; + background: black; + height: 32px; + width: 32px; +} +</style> +</head> +<body> +<p>Test passes if the two boxes below are the same size.</p> +<div/><div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht b/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht new file mode 100644 index 0000000000..7f3e20aad9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/numbers-units-021.xht @@ -0,0 +1,36 @@ +<!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 Test: Root element and the 'em' unit size</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="match" href="numbers-units-021-ref.xht"/> + <meta name="flags" content="96dpi ahem" /> + <meta name="assert" content="The 'em' unit refers to the property's initial value when specified on the root element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + html + { + font-family: Ahem; + font-size: 2em; + } + #div1 + { + background-color: black; + height: 32px; + margin-bottom: 2px; + width: 32px; + } + p + { + font-family: serif; + font-size: 0.5em; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same size.</p> + <div id="div1"></div> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/README b/testing/web-platform/tests/css/CSS2/values/support/README new file mode 100644 index 0000000000..2e5f2ad073 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/README @@ -0,0 +1,28 @@ +CSS Global Support Directory +============================ + +This directory contains common support files (such as images and external +style sheets). These are sync'ed into the support directories of all our +test suites. If you have test-suite-specific support files, please add +them to the appropriate test-suite-specific support/ directory. + +If you add to a support/ directory, please run the tools/supportprop.py +script from the top of the repository to cascade support files into the +lower-level support directories. + +Description of the Common Support File Collection +------------------------------------------------- + +The 1x1-* images are all exactly one pixel. + +The swatch-* images all use 15x15 cells. + +The square-* images all use 15x15 cells with one pixel borders. + +The pattern-* images use cells of various sizes: + + pattern-grg-rgr-grg.png 20x20 + pattern-rgr-grg-rgr.png 20x20 + pattern-tr.png 15x15 + pattern-grg-rrg-rgg.png 15x15 + diff --git a/testing/web-platform/tests/css/CSS2/values/support/a-green.css b/testing/web-platform/tests/css/CSS2/values/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/values/support/b-green.css b/testing/web-platform/tests/css/CSS2/values/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/c-red.css b/testing/web-platform/tests/css/CSS2/values/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/support/cat.png b/testing/web-platform/tests/css/CSS2/values/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/diamond.png b/testing/web-platform/tests/css/CSS2/values/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/green15x15.png b/testing/web-platform/tests/css/CSS2/values/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/ring.png b/testing/web-platform/tests/css/CSS2/values/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-purple.png b/testing/web-platform/tests/css/CSS2/values/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-teal.png b/testing/web-platform/tests/css/CSS2/values/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/square-white.png b/testing/web-platform/tests/css/CSS2/values/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-bl.png b/testing/web-platform/tests/css/CSS2/values/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-br.png b/testing/web-platform/tests/css/CSS2/values/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-outer.png b/testing/web-platform/tests/css/CSS2/values/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-tl.png b/testing/web-platform/tests/css/CSS2/values/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/values/support/test-tr.png b/testing/web-platform/tests/css/CSS2/values/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/support/test-tr.png diff --git a/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht new file mode 100644 index 0000000000..4de7062fd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-001-ref.xht @@ -0,0 +1,32 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 200px; + margin-left: 2px; + margin-top: 18px; + width: 200px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/units-001.xht b/testing/web-platform/tests/css/CSS2/values/units-001.xht new file mode 100644 index 0000000000..a3e08e4543 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-001.xht @@ -0,0 +1,47 @@ +<!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" lang="en"> + <head> + <title>CSS Test: Units: Equivalence</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" /> + <link rel="match" href="units-001-ref.xht" /> + + <meta name="flags" content="ahem"/> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table { font: 20px/1 Ahem; } + td { padding: 0; background: red; } + div { background: green; height: 1.25em; } + .px { width: 200px; } + .em { width: 10em; } + .ex { width: 12.5ex; } + .in { width: 2.08333in; } + .cm { width: 5.29166cm; } + .mm { width: 52.9166mm; } + .pt { width: 150pt; } + .pc { width: 12.5pc; } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <table> + <tr> + <td> + <div class="px"></div> + <div class="em"></div> + <div class="ex"></div> + <div class="in"></div> + <div class="cm"></div> + <div class="mm"></div> + <div class="pt"></div> + <div class="pc"></div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-002-ref.xht new file mode 100644 index 0000000000..136c097ecb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-002-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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img {vertical-align: top;} + + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the top and the bottom of a filled orange square are exactly flush with, respectively, the top and the bottom of 2 navy rectangles.</p> + + <div><img src="support/1x1-navy.png" width="250" height="200" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="200" height="200" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="250" height="200" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/units-002.xht b/testing/web-platform/tests/css/CSS2/values/units-002.xht new file mode 100644 index 0000000000..8fd7b0bd5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-002.xht @@ -0,0 +1,24 @@ +<!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" lang="en"> + <head> + <title>CSS Test: Units: ex</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="units-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 250px/1 Ahem; margin: 0; color: navy; } + img { height: 1ex; } + </style> + </head> + <body> + <p>Test passes if the top and the bottom of a filled orange square are exactly flush with, respectively, the top and the bottom of 2 navy rectangles.</p> + <div class="test">É<img src="support/swatch-orange.png" alt=" This test needs images." />É</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht new file mode 100644 index 0000000000..8c43d2efa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-003-ref.xht @@ -0,0 +1,28 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {margin-top: 216px;} + + img {vertical-align: bottom;} + + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the top and the bottom of a small filled orange square are exactly flush with, respectively, the top and the bottom of 2 wide navy rectangles.</p> + + <div><img src="support/1x1-navy.png" width="250" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="250" height="50" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/units-003.xht b/testing/web-platform/tests/css/CSS2/values/units-003.xht new file mode 100644 index 0000000000..df6b1ab71e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-003.xht @@ -0,0 +1,24 @@ +<!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" lang="en"> + <head> + <title>CSS Test: Units: ex</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="units-003-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 250px/1 Ahem; margin: 0; color: navy; } + img { height: 0.25ex; vertical-align: bottom; } + </style> + </head> + <body> + <p>Test passes if the top and the bottom of a small filled orange square are exactly flush with, respectively, the top and the bottom of 2 wide navy rectangles.</p> + <div class="test">p<img src="support/swatch-orange.png" alt=" This test needs images. "/>p</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht new file mode 100644 index 0000000000..abe58938f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-004-ref.xht @@ -0,0 +1,30 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 200px; + width: 200px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/units-004.xht b/testing/web-platform/tests/css/CSS2/values/units-004.xht new file mode 100644 index 0000000000..a0e474e0ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-004.xht @@ -0,0 +1,28 @@ +<!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" lang="en"> + <head> + <title>CSS Test: Units: ex</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="units-004-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 20px/1 Ahem; min-width: 200px; min-height: 200px; background: red; float: left; } + .em { width: 10em; height: 5em; background: green; } + .ex { width: 12.5ex; height: 6.25ex; background: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div class="test"> + <div class="em"></div> + <div class="ex"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-005-ref.xht new file mode 100644 index 0000000000..fc78ace42b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-005-ref.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 Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +p { + font-size: 12pt; +} +div { + width: 8.7em; + height: 8.7em; + background: green; + border: solid lime; +} +} +</style> +</head> +<body> +<p>You should see no red below, just a green square with a green border.</p> +<div/> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-005.xht b/testing/web-platform/tests/css/CSS2/values/units-005.xht new file mode 100644 index 0000000000..052b7e3319 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-005.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> + <title>CSS Test: Units: em (0.87em floats)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + <link rel="match" href="units-005-ref.xht"/> + + <style type="text/css"> + div { width: 8.7em; height: 8.7em; background: red; border: solid lime; } + span { float: left; width: 0.87em; height: 0.87em; background: green; } + input[type="text"] { text-align: right; } + </style> + </head> + <body> + <p>You should see no red below, just a green square with a green border.</p> + <div> + <!-- 100 spans --> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + <span></span> <span></span> <span></span> <span></span> <span></span> + </div> + +<!-- Try different font sizes, zooms, and resolutions, as well as + slightly different sizes for the floats.</p> + <form action="" method="get"> + <p> + Set each float to width: <input type="text" name="size" value="${size}" size="5">em. + <input type="submit" value="Generate Test"> + </p> + </form> +--> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht b/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht new file mode 100644 index 0000000000..9828b57a48 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-006-ref.xht @@ -0,0 +1,33 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + height: 20px; + margin: 4px 0; + width: 600px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p> + + <div></div> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/values/units-006.xht b/testing/web-platform/tests/css/CSS2/values/units-006.xht new file mode 100644 index 0000000000..12713a1504 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-006.xht @@ -0,0 +1,30 @@ +<!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" lang="en"> + <head> + <title>CSS Test: Units: px and font-size</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" /> + + <link rel="match" href="units-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { margin: 4px 0; } + .border { border-top: solid 20px blue; width: 600px; } + .font { font: 20px/1 Ahem; color: blue; } + </style> + </head> + <body> + + <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p> + + <div class="border"></div> + <div class="font">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-008.xht b/testing/web-platform/tests/css/CSS2/values/units-008.xht new file mode 100644 index 0000000000..3510f4dfca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-008.xht @@ -0,0 +1,31 @@ +<!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" lang="en"> + <head> + <title>CSS Test: Units: px and inherited font-size</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/008.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#absolute-lengths" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#common-keywords" /> + <link rel="match" href="units-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { margin: 4px 0; } + .border { border-top: solid 20px blue; width: 600px; } + .font { font: 20px/1 Ahem; color: blue; } + .inner { font: inherit; } + </style> + </head> + <body> + + <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p> + + <div class="border"></div> + <div class="font"><div class="inner">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/values/units-009.xht b/testing/web-platform/tests/css/CSS2/values/units-009.xht new file mode 100644 index 0000000000..982fc96f44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/values/units-009.xht @@ -0,0 +1,31 @@ +<!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" lang="en"> + <head> + <title>CSS Test: Units: px and dependent font-size</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-30 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/units/009.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#length-units" /> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths" /> + + <link rel="match" href="units-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { margin: 4px 0; } + .border { border-top: solid 20px blue; width: 600px; } + .font { font: 10px/1 Ahem; color: blue; } + .inner { font-size: 2em; } + </style> + </head> + <body> + + <p>Test passes if the 2 blue bars have the <strong>same width</strong>.</p> + + <div class="border"></div> + <div class="font"><div class="inner">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div></div> + + </body> +</html> |
