diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/lists | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/lists')
333 files changed, 9256 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-003.xht new file mode 100644 index 0000000000..ec01daee98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-003.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 Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-004.xht new file mode 100644 index 0000000000..05be93183d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-004.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 Test: Counter-increment with an identifier and a number set to the minimum plus one value, ident -2147483647</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum plus one value." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-005.xht new file mode 100644 index 0000000000..c6f2367a21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-005.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 Test: Counter-increment with an identifier and a number set to negative zero, ident -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero." /> + <style type="text/css"> + div + { + counter-increment: ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-006.xht new file mode 100644 index 0000000000..9f6921cbb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-006.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 Test: Counter-increment with an identifier and a number set to zero, ident 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero." /> + <style type="text/css"> + div + { + counter-increment: ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-007.xht new file mode 100644 index 0000000000..a3fd93209c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-007.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 Test: Counter-increment with an identifier and a number set to positive zero, ident +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero." /> + <style type="text/css"> + div + { + counter-increment: ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-008.xht new file mode 100644 index 0000000000..256f977dbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-008.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 Test: Counter-increment with an identifier and a number set to nominal value, ident 10</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value." /> + <style type="text/css"> + div + { + counter-increment: ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-009.xht new file mode 100644 index 0000000000..c7278a3d02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-009.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 Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value." /> + <style type="text/css"> + div + { + counter-increment: ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-010.xht new file mode 100644 index 0000000000..a3b82497f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-010.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 Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483646'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-011.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-011.xht new file mode 100644 index 0000000000..2cc34bb3e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-011.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-012.xht new file mode 100644 index 0000000000..4b75715956 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-012.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign." /> + <style type="text/css"> + div + { + counter-increment: ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-013.xht new file mode 100644 index 0000000000..b363ef1ce4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-013.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 Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-014-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014-ref.html new file mode 100644 index 0000000000..c436edd94d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the number '2' appears below.</p> + <div>2</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014.xht new file mode 100644 index 0000000000..f9894a023b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-014.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 Test: Counter-increment with only an identifier, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-014-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with only an identifier, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '2' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-015.xht new file mode 100644 index 0000000000..5451cb5252 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-015.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 Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483649 ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-016.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-016.xht new file mode 100644 index 0000000000..5191fa3877 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-016.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 Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483648 ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-017.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-017.xht new file mode 100644 index 0000000000..2f89f1ba1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-017.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 Test: Counter-increment with an identifier and a number set to the minimum plus one value, ident -2147483647, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum plus one value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483647 ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-018.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-018.xht new file mode 100644 index 0000000000..ed469a582f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-018.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 Test: Counter-increment with an identifier and a number set to negative zero, ident -0, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident -0 ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-019.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-019.xht new file mode 100644 index 0000000000..8b243c94e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-019.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 Test: Counter-increment with an identifier and a number set to zero, ident 0, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident 0 ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-020.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-020.xht new file mode 100644 index 0000000000..d6ec612ab4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-020.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 Test: Counter-increment with an identifier and a number set to positive zero, ident +0, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident +0 ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-021-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021-ref.html new file mode 100644 index 0000000000..39f51548ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the number '20' appears below.</p> + <div>20</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-021.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021.xht new file mode 100644 index 0000000000..b3234d6824 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-021.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 Test: Counter-increment with an identifier and a number set to nominal value, ident 10, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-021-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident 10 ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '20' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-022.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-022.xht new file mode 100644 index 0000000000..09655dbb12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-022.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 Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-021-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident +10 ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '20' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-023.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-023.xht new file mode 100644 index 0000000000..8610cebb55 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-023.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 Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483646 ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-024.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-024.xht new file mode 100644 index 0000000000..16378996a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-024.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483647 ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-025.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-025.xht new file mode 100644 index 0000000000..7d4edcbb5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-025.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident +2147483647 ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-026.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-026.xht new file mode 100644 index 0000000000..5a4006a21d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-026.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 Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped twice." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483648 ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-027-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027-ref.html new file mode 100644 index 0000000000..232149e5f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the number '3' appears below.</p> + <div>3</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-027.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027.xht new file mode 100644 index 0000000000..fbd5c9a98a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-027.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 Test: Counter-increment with only an identifier, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-027-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with only an identifier, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident ident ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '3' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-028.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-028.xht new file mode 100644 index 0000000000..1473bb3f08 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-028.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 Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483649 ident -2147483649 ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-029.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-029.xht new file mode 100644 index 0000000000..5e45193ac6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-029.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 Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483648 ident -2147483648 ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-030.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-030.xht new file mode 100644 index 0000000000..669ed514d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-030.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 Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483647 ident -2147483647 ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-031.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-031.xht new file mode 100644 index 0000000000..21a1fc20be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-031.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 Test: Counter-increment with an identifier and a number set to negative zero, ident -0, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident -0 ident -0 ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-032.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-032.xht new file mode 100644 index 0000000000..cf1e6f7bcd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-032.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 Test: Counter-increment with an identifier and a number set to zero, ident 0, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident 0 ident 0 ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-033.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-033.xht new file mode 100644 index 0000000000..3185559ec0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-033.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 Test: Counter-increment with an identifier and a number set to positive zero, ident +0, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident +0 ident +0 ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-034-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034-ref.html new file mode 100644 index 0000000000..7acce361bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the number '30' appears below.</p> + <div>30</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-034.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034.xht new file mode 100644 index 0000000000..6a43e87800 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-034.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 Test: Counter-increment with an identifier and a number set to nominal value, ident 10, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-034-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident 10 ident 10 ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '30' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-035.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-035.xht new file mode 100644 index 0000000000..4670a659a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-035.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 Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-034-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident +10 ident +10 ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '30' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-036.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-036.xht new file mode 100644 index 0000000000..dda0d11dc0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-036.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 Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483646 ident 2147483646 ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-037.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-037.xht new file mode 100644 index 0000000000..d1673eb883 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-037.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483647 ident 2147483647 ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-038.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-038.xht new file mode 100644 index 0000000000..be6f5acbea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-038.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident +2147483647 ident +2147483647 ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-039.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-039.xht new file mode 100644 index 0000000000..dc44a24808 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-039.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 Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped three times." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483648 ident 2147483648 ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-040-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040-ref.html new file mode 100644 index 0000000000..2e6a60c347 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the number '32' appears below.</p> + <div>32</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-040.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040.xht new file mode 100644 index 0000000000..60bdf782d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-040.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 Test: Counter-increment with only an identifier, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-040-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with only an identifier, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '32' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-041.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-041.xht new file mode 100644 index 0000000000..dd856fef41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-041.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 Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-042.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-042.xht new file mode 100644 index 0000000000..71300e813e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-042.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 Test: Counter-increment with an identifier and a number set to the minimum value, ident -2147483648, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-043.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-043.xht new file mode 100644 index 0000000000..3cd66653e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-043.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 Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-044.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-044.xht new file mode 100644 index 0000000000..33c2ec56b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-044.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 Test: Counter-increment with an identifier and a number set to negative zero, ident -0, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to negative zero, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-045.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-045.xht new file mode 100644 index 0000000000..83fc873cef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-045.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 Test: Counter-increment with an identifier and a number set to zero, ident 0, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to zero, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-046.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-046.xht new file mode 100644 index 0000000000..5f026d49fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-046.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 Test: Counter-increment with an identifier and a number set to positive zero, ident +0, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value set to positive zero, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-047-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047-ref.html new file mode 100644 index 0000000000..2b5762b4dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the number '320' appears below.</p> + <div>320</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-047.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047.xht new file mode 100644 index 0000000000..524829acc6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-047.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 Test: Counter-increment with an identifier and a number set to nominal value, ident 10, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-047-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '320' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-048.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-048.xht new file mode 100644 index 0000000000..ba8579dca1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-048.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 Test: Counter-increment with an identifier and a number set to a positive nominal value, ident +10, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-047-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and a positive integer value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '320' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-049.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-049.xht new file mode 100644 index 0000000000..9f5de0c75e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-049.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 Test: Counter-increment with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum minus one value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-050.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-050.xht new file mode 100644 index 0000000000..025f7faafb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-050.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-051.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-051.xht new file mode 100644 index 0000000000..954f222e87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-051.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 Test: Counter-increment with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-052.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-052.xht new file mode 100644 index 0000000000..cda781ee32 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-052.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 Test: Counter-increment with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the maximum plus one value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-increment: ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-053-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053-ref.html new file mode 100644 index 0000000000..caa2f384c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the numbers '5 5 10' appear below in the same order.</p> + <div>5</div> + <div>5</div> + <div>10</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-053.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053.xht new file mode 100644 index 0000000000..f6995146c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-053.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 Test: Counter-increment with the value 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-053-ref.html" /> + <meta name="assert" content="The counter-increment set to 'none' does not increment counter." /> + <style type="text/css"> + div + { + counter-increment: ident 5; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + #none + { + counter-increment: none; + } + </style> + </head> + <body> + <p>Test passes if the numbers '5 5 10' appear below in the same order.</p> + <div></div> + <div id="none"></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-054-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054-ref.html new file mode 100644 index 0000000000..639206a24f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the numbers '5 10' appear below in the same order.</p> + <div>5</div> + <div>10</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-054.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054.xht new file mode 100644 index 0000000000..4bee61008b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-054.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 Test: Counter-increment with a value of inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-054-ref.html" /> + <meta name="assert" content="The counter-increment with the value inherit specified." /> + <style type="text/css"> + #wrapper + { + counter-increment: ident 5; + } + #test + { + counter-increment: inherit; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the numbers '5 10' appear below in the same order.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-055-ref.html b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055-ref.html new file mode 100644 index 0000000000..2f3532e18e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + font-size: 30px; + } +</style> +<body> + <p>Test passes if the number '1' appears below.</p> + <div>1</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-055.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055.xht new file mode 100644 index 0000000000..4b4b02226a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-055.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 Test: Counter-increment with only an identifier</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="counter-increment-055-ref.html" /> + <meta name="assert" content="The 'counter-increment' property with only an identifier." /> + <style type="text/css"> + div + { + counter-increment: ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '1' appears below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-056.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-056.xht new file mode 100644 index 0000000000..0b09ebe0ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-056.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 Test: Counter-increment with an identifier and a number set to the minimum minus one value, ident -2147483649</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-increment' property with an identifier and an integer value equivalent to the minimum minus one value." /> + <style type="text/css"> + div + { + counter-increment: ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-001.xht new file mode 100644 index 0000000000..d31c30b5bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-001.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: Counter-increment applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + counter-increment: test 5; + display: table-row-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-002.xht new file mode 100644 index 0000000000..f28563993b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-002.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: Counter-increment applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + counter-increment: test 5; + display: table-header-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-003.xht new file mode 100644 index 0000000000..64094d6624 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-003.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: Counter-increment applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + counter-increment: test 5; + display: table-footer-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-004.xht new file mode 100644 index 0000000000..b6d4753308 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-004.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: Counter-increment applied to elements with display table-row</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a display of table-row." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + counter-increment: test 5; + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-005.xht new file mode 100644 index 0000000000..1e79cd817c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-005.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: Counter-increment applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + counter-increment: test 5; + display: table-column-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-006.xht new file mode 100644 index 0000000000..eee43d628e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-006.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: Counter-increment applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + counter-increment: test 5; + display: table-column; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-007.xht new file mode 100644 index 0000000000..e16a61efe0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-007.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: Counter-increment applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' of 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + counter-increment: test 5; + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-008.xht new file mode 100644 index 0000000000..214b9599b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-008.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 Test: Counter-increment applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'inline'." /> + <style type="text/css"> + div + { + counter-increment: test 5; + display: inline; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-009.xht new file mode 100644 index 0000000000..da02258969 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-009.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 Test: Counter-increment applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'block'." /> + <style type="text/css"> + span + { + counter-increment: test 5; + display: block; + } + span:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-010.xht new file mode 100644 index 0000000000..65814d2491 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-010.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 Test: Counter-increment applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + counter-increment: test 5; + display: list-item; + margin-left: 2em; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below and there is a maker bullet on the left-hand side of the number.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-012.xht new file mode 100644 index 0000000000..cb64a80f26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-012.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 Test: Counter-increment applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'inline-block'." /> + <style type="text/css"> + div + { + counter-increment: test 5; + display: inline-block; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-013.xht new file mode 100644 index 0000000000..7852c85588 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-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> + <title>CSS Test: Counter-increment applied to elements with display table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a display of table." /> + <style type="text/css"> + #table + { + counter-increment: test 5; + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-014.xht new file mode 100644 index 0000000000..e3dec29315 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-014.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: Counter-increment applied to elements with display inline-table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a display of inline-table." /> + <style type="text/css"> + #table + { + counter-increment: test 5; + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-015.xht new file mode 100644 index 0000000000..d184e2ddb5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-applies-to-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: Counter-increment applied to elements with display table-caption</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a display of table-caption." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + display: table-caption; + counter-increment: test 5; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-auto-reset-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-auto-reset-001.xht new file mode 100644 index 0000000000..e295160744 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-auto-reset-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 Test: Counter-increment on out of scope counter</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="If a counter-increment refers to counter that is not in scope it assumes that a counter-reset has occurred and resets back to zero." /> + <style type="text/css"> + div1:before + { + counter-increment: outofscope 10; + } + #div2:before + { + content: counter(outofscope); + } + </style> + </head> + <body> + <p>Test passes if there is the number '0' below.</p> + <div> + <div id="div1"></div> + </div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-001.xht new file mode 100644 index 0000000000..e4d8630fb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-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: Counter-increment only on 'display: none' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'display: none' does not increment or create a counter." /> + <style type="text/css"> + #div1 + { + counter-increment: hidden 10; + display: none; + } + #div2:before + { + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if there is the number '0' below.</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/lists/counter-increment-display-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-002.xht new file mode 100644 index 0000000000..730964a23a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-002.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 Test: Counter-increment on 'display: none' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'display: none' does not increment counters." /> + <style type="text/css"> + div + { + counter-increment: hidden 1; + } + #div1 + { + display: none; + } + div:before + { + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if the numbers '1' and '2' are below.</p> + <div></div> + <div id="div1"></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-003.xht new file mode 100644 index 0000000000..ae5f7f8225 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-003.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> + <title>CSS Test: Counter-increment on pseudo-element and 'display: none' on element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'display: none' does not increment counters when increment is on the pseudo-element." /> + <style type="text/css"> + #div1 + { + display: none; + } + div:before + { + counter-increment: hidden 1; + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if the numbers '1', '1' and '1' are below.</p> + <div></div> + <div id="div1"></div> + <div></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-004.xht new file mode 100644 index 0000000000..cd8f57ea45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-display-004.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"> + <head> + <title>CSS Test: Counter-increment on pseudo-element, 'display: none' on element and parent with counter-reset</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'display: none' does not increment counters when increment is on the pseudo-element." /> + <style type="text/css"> + body + { + counter-reset: hidden; + } + #div1 + { + display: none; + } + div:before + { + counter-increment: hidden 1; + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if the numbers '1', '2' and '3' are below.</p> + <div></div> + <div id="div1"></div> + <div></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-multiple-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-multiple-001.xht new file mode 100644 index 0000000000..a3f28ed8f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-multiple-001.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: Multiple counter-increment before counter use</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="If multiple increments are specified on the same counter then all of them occur in the order specified." /> + <style type="text/css"> + .test:before + { + content: counter(chapter); + counter-increment: chapter 2; + } + .test1 + { + counter-increment: chapter 2; + } + </style> + </head> + <body> + <p>Test passes if there is a number '4' below.</p> + <div class="test1 test"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-not-generated-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-not-generated-001.xht new file mode 100644 index 0000000000..641eafd719 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-not-generated-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 Test: Counter-increment on pseudo-element that is not generated</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="Pseudo-elements that are not generated do not increment counters." /> + <style type="text/css"> + #div1:before + { + counter-increment: notgenerated 10; + display: none; + } + div:before + { + content: counter(notgenerated); + } + </style> + </head> + <body> + <p>Test passes if there is the number '0' below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-001.xht new file mode 100644 index 0000000000..4a71e6f6a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-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 Test: Counter-increment only on 'visibility: hidden' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="An element that is set to 'visibility: hidden' does increment and can create a counter." /> + <style type="text/css"> + #div1 + { + counter-increment: hidden 5; + visibility: hidden; + } + #div2:before + { + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-002.xht new file mode 100644 index 0000000000..e4d7af57ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-002.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 Test: Counter-increment on 'visibility: hidden' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'visibility: hidden' does increment counters." /> + <style type="text/css"> + div + { + counter-increment: hidden 1; + } + #div1 + { + visibility: hidden; + } + div:before + { + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if the numbers '1' and '3' are below.</p> + <div></div> + <div id="div1"></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-003.xht new file mode 100644 index 0000000000..ae4c430faf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-003.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> + <title>CSS Test: Counter-increment on pseudo-element and 'visibility: hidden' on element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'visibility: hidden' does increment counters when increment is on the pseudo-element." /> + <style type="text/css"> + #div1 + { + visibility: hidden; + } + div:before + { + counter-increment: hidden 1; + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if the numbers '1', '1' and '1' are below.</p> + <div></div> + <div id="div1"></div> + <div></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-004.xht new file mode 100644 index 0000000000..3675bf6d00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-increment-visibility-004.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"> + <head> + <title>CSS Test: Counter-increment on pseudo-element, 'visibility: hidden' on element and parent with counter-reset</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'visibility: hidden' does increment counters when increment is on the pseudo-element." /> + <style type="text/css"> + body + { + counter-reset: hidden; + } + #div1 + { + visibility: hidden; + } + div:before + { + counter-increment: hidden 1; + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if the numbers '1', '3' and '4' are below.</p> + <div></div> + <div id="div1"></div> + <div></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-003.xht new file mode 100644 index 0000000000..322b60c00e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-003.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 Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-004.xht new file mode 100644 index 0000000000..89378ae467 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-004.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 Test: Counter-reset with an identifier and a number set to the minimum plus one value, ident -2147483647</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum plus one value." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-005.xht new file mode 100644 index 0000000000..8d72c6e79c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-005.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 Test: Counter-reset with an identifier and a number set to negative zero, ident -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero." /> + <style type="text/css"> + div + { + counter-reset: ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-006.xht new file mode 100644 index 0000000000..9c1831227e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-006.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 Test: Counter-reset with an identifier and a number set to zero, ident 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero." /> + <style type="text/css"> + div + { + counter-reset: ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-007.xht new file mode 100644 index 0000000000..d2f67f346e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-007.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 Test: Counter-reset with an identifier and a number set to positive zero, ident +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero." /> + <style type="text/css"> + div + { + counter-reset: ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-008.xht new file mode 100644 index 0000000000..490fd3c4bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-008.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 Test: Counter-reset with an identifier and a number set to nominal value, ident 10</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value." /> + <style type="text/css"> + div + { + counter-reset: ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-009.xht new file mode 100644 index 0000000000..f5770b7b1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-009.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 Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value." /> + <style type="text/css"> + div + { + counter-reset: ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-010.xht new file mode 100644 index 0000000000..d808a4b24c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-010.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 Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483646'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-011.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-011.xht new file mode 100644 index 0000000000..a68232cbe1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-011.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 Test: Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-012.xht new file mode 100644 index 0000000000..598fa7d893 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-012.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 Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign." /> + <style type="text/css"> + div + { + counter-reset: ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-013.xht new file mode 100644 index 0000000000..ba10a3f68b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-013.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 Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-014.xht new file mode 100644 index 0000000000..df1769fe2a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-014.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 Test: Counter-reset with only an identifier, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with only an identifier, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-015.xht new file mode 100644 index 0000000000..f3ddf07059 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-015.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 Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483649 ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-016.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-016.xht new file mode 100644 index 0000000000..7d87e8f536 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-016.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 Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483648 ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-017.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-017.xht new file mode 100644 index 0000000000..d53b61172a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-017.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 Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483647 ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-018.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-018.xht new file mode 100644 index 0000000000..a52732e978 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-018.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 Test: Counter-reset with an identifier and a number set to negative zero, ident -0, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident -0 ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-019.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-019.xht new file mode 100644 index 0000000000..6a44ed4c19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-019.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 Test: Counter-reset with an identifier and a number set to zero, ident 0, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident 0 ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-020.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-020.xht new file mode 100644 index 0000000000..9081fbd7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-020.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 Test: Counter-reset with an identifier and a number set to positive zero, ident +0, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident +0 ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-021.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-021.xht new file mode 100644 index 0000000000..90e6390f35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-021.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 Test: Counter-reset with an identifier and a number set to nominal value, ident 10, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident 10 ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-022.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-022.xht new file mode 100644 index 0000000000..48cb7934e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-022.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 Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident +10 ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-023.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-023.xht new file mode 100644 index 0000000000..0f0064ccee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-023.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 Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483646 ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483646'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-024.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-024.xht new file mode 100644 index 0000000000..7fba3c89d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-024.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 Test: Counter-reset with and identifier and a number equivalent to the maximum value, ident 2147483647, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483647 ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-025.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-025.xht new file mode 100644 index 0000000000..9b75c19983 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-025.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 Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident +2147483647 ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-026.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-026.xht new file mode 100644 index 0000000000..463388544e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-026.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 Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped twice</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped twice." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483648 ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-027.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-027.xht new file mode 100644 index 0000000000..934679312c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-027.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 Test: Counter-reset with only an identifier, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with only an identifier, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident ident ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-028.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-028.xht new file mode 100644 index 0000000000..1fcec101e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-028.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 Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483649 ident -2147483649 ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-029.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-029.xht new file mode 100644 index 0000000000..8924b45cf5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-029.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 Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483648 ident -2147483648 ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-030.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-030.xht new file mode 100644 index 0000000000..6ab8156cc2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-030.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 Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483647 ident -2147483647 ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-031.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-031.xht new file mode 100644 index 0000000000..66fbc57426 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-031.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 Test: Counter-reset with an identifier and a number set to negative zero, ident -0, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident -0 ident -0 ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-032.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-032.xht new file mode 100644 index 0000000000..a58a8e05d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-032.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 Test: Counter-reset with an identifier and a number set to zero, ident 0, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident 0 ident 0 ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-033.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-033.xht new file mode 100644 index 0000000000..22e87336b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-033.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 Test: Counter-reset with an identifier and a number set to positive zero, ident +0, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident +0 ident +0 ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-034.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-034.xht new file mode 100644 index 0000000000..c3cddb8bfb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-034.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 Test: Counter-reset with an identifier and a number set to nominal value, ident 10, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident 10 ident 10 ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-035.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-035.xht new file mode 100644 index 0000000000..f3914d0ccb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-035.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 Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident +10 ident +10 ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-036.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-036.xht new file mode 100644 index 0000000000..cd65b65ed5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-036.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 Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483646 ident 2147483646 ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483646'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-037.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-037.xht new file mode 100644 index 0000000000..5bdce5bf22 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-037.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 Test: Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483647 ident 2147483647 ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-038.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-038.xht new file mode 100644 index 0000000000..f97451ed94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-038.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 Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident +2147483647 ident +2147483647 ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-039.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-039.xht new file mode 100644 index 0000000000..14e51fc289 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-039.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 Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped three times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped three times." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483648 ident 2147483648 ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-040.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-040.xht new file mode 100644 index 0000000000..99acfce6ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-040.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 Test: Counter-reset with only an identifier, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with only an identifier, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-041.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-041.xht new file mode 100644 index 0000000000..ee8cc728f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-041.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 Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649 ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-042.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-042.xht new file mode 100644 index 0000000000..611da32288 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-042.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 Test: Counter-reset with an identifier and a number set to the minimum value, ident -2147483648, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648 ident -2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-043.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-043.xht new file mode 100644 index 0000000000..9be22bf944 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-043.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 Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483647, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647 ident -2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and equal to '-2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-044.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-044.xht new file mode 100644 index 0000000000..c9f5ff35f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-044.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 Test: Counter-reset with an identifier and a number set to negative zero, ident -0, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to negative zero, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0 ident -0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-045.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-045.xht new file mode 100644 index 0000000000..f60bb35c8d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-045.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 Test: Counter-reset with an identifier and a number set to zero, ident 0, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to zero, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0 ident 0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-046.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-046.xht new file mode 100644 index 0000000000..04036352cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-046.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 Test: Counter-reset with an identifier and a number set to positive zero, ident +0, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value set to positive zero, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0 ident +0; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-047.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-047.xht new file mode 100644 index 0000000000..70fc34d7d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-047.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 Test: Counter-reset with an identifier and a number set to nominal value, ident 10, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10 ident 10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-048.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-048.xht new file mode 100644 index 0000000000..cddbd21a8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-048.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 Test: Counter-reset with an identifier and a number set to a positive nominal value, ident +10, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_10.html"/> + <meta name="assert" content="The 'counter-reset' property with an identifier and a positive integer value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10 ident +10; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '10' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-049.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-049.xht new file mode 100644 index 0000000000..8a8e93ca36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-049.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 Test: Counter-reset with an identifier and a number equivalent to the maximum minus one value, ident 2147483646, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum minus one value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646 ident 2147483646; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483646'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-050.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-050.xht new file mode 100644 index 0000000000..3038daeba7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-050.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 Test: Counter-reset with an identifier and a number equivalent to the maximum value, ident 2147483647, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647 ident 2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-051.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-051.xht new file mode 100644 index 0000000000..93128c61c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-051.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 Test: Counter-reset with an identifier and a number equivalent to the maximum value with a plus sign, ident +2147483647, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum value with a plus sign, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647 ident +2147483647; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-052.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-052.xht new file mode 100644 index 0000000000..8aca15f75f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-052.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 Test: Counter-reset with an identifier and a number equivalent to the maximum plus one value, ident 2147483648, grouped thirty-two times</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the maximum plus one value, grouped thirty-two times." /> + <style type="text/css"> + div + { + counter-reset: ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648 ident 2147483648; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a positive number and greater than or equal to '2147483647'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-053.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-053.xht new file mode 100644 index 0000000000..5b24775dd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-053.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"> + <head> + <title>CSS Test: Counter-reset with the value 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="assert" content="The counter-reset set to 'none'." /> + <style type="text/css"> + div + { + counter-reset: ident 5; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + #none + { + counter-reset: none; + } + </style> + </head> + <body> + <p>Test passes if the numbers '5 5 5' appear vertically below.</p> + <div></div> + <div id="none"></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-054.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-054.xht new file mode 100644 index 0000000000..269f0fcb8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-054.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"> + <head> + <title>CSS Test: Counter-reset with a value of inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="assert" content="The counter-reset with the value inherit specified." /> + <style type="text/css"> + #wrapper + { + counter-reset: ident 5; + } + #test + { + counter-reset: inherit; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the numbers '5 5' appear below in the same order.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-055.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-055.xht new file mode 100644 index 0000000000..fdcab5fdd7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-055.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 Test: Counter-reset with only an identifier</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../reference/pass-if-number-0-30px.xht"/> + <meta name="assert" content="The 'counter-reset' property with only an identifier." /> + <style type="text/css"> + div + { + counter-reset: ident; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number '0' appears below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-056.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-056.xht new file mode 100644 index 0000000000..73f7ec01c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-056.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 Test: Counter-reset with an identifier and a number set to the minimum minus one value, ident -2147483649</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="flags" content="32bit may" /> + <meta name="assert" content="The 'counter-reset' property with an identifier and an integer value equivalent to the minimum minus one value." /> + <style type="text/css"> + div + { + counter-reset: ident -2147483649; + } + div:before + { + font-size: 30px; + content: counter(ident); + } + </style> + </head> + <body> + <p>Test passes if the number below is a negative number and less than or equal to '-2147483648'.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-001.xht new file mode 100644 index 0000000000..feef646848 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-001.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: Counter-reset applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + counter-reset: test 5; + display: table-row-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-002.xht new file mode 100644 index 0000000000..a4bd0ad640 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-002.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: Counter-reset applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + counter-reset: test 5; + display: table-header-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-003.xht new file mode 100644 index 0000000000..e634745199 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-003.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: Counter-reset applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + counter-reset: test 5; + display: table-footer-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-004.xht new file mode 100644 index 0000000000..9b871d2e91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-004.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: Counter-reset applied to elements with display table-row</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a display of table-row." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + counter-reset: test 5; + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-005.xht new file mode 100644 index 0000000000..ba3828fc5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-005.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: Counter-reset applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + counter-reset: test 5; + display: table-column-group; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-006.xht new file mode 100644 index 0000000000..1858dc1d1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-006.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: Counter-reset applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + counter-reset: test 5; + display: table-column; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-007.xht new file mode 100644 index 0000000000..494e91fd8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-007.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: Counter-reset applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' of 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + counter-reset: test 5; + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-008.xht new file mode 100644 index 0000000000..0391193eb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-008.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 Test: Counter-reset applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'inline'." /> + <style type="text/css"> + div + { + counter-reset: test 5; + display: inline; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-009.xht new file mode 100644 index 0000000000..f0f14b882c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-009.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 Test: Counter-reset applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'block'." /> + <style type="text/css"> + span + { + counter-reset: test 5; + display: block; + } + span:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-010.xht new file mode 100644 index 0000000000..47179f554e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-010.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 Test: Counter-reset applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + counter-reset: test 5; + display: list-item; + margin-left: 2em; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below and there is a maker bullet on the left-hand side of the number.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-012.xht new file mode 100644 index 0000000000..29bd951c37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-012.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 Test: Counter-reset applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'inline-block'." /> + <style type="text/css"> + div + { + counter-reset: test 5; + display: inline-block; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-013.xht new file mode 100644 index 0000000000..25877b448d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-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> + <title>CSS Test: Counter-reset applied to elements with display table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a display of table." /> + <style type="text/css"> + #table + { + counter-reset: test 5; + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-014.xht new file mode 100644 index 0000000000..34bfbbdd49 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-014.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: Counter-reset applied to elements with display inline-table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a display of inline-table." /> + <style type="text/css"> + #table + { + counter-reset: test 5; + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-015.xht new file mode 100644 index 0000000000..3c3c0a3a7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-applies-to-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: Counter-reset applied to elements with display table-caption</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a display of table-caption." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + display: table-caption; + counter-reset: test 5; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-display-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-display-001.xht new file mode 100644 index 0000000000..a6c1b389f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-display-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: Counter-reset on 'display: none' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="An element that is set to 'display: none' does not reset counters." /> + <style type="text/css"> + #div1 + { + counter-reset: hidden -10; + display: none; + } + #div2:before + { + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if there is the number '0' below.</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/lists/counter-reset-increment-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-001.xht new file mode 100644 index 0000000000..865e56570a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-001.xht @@ -0,0 +1,21 @@ +<!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: Counter-reset before 'counter-increment' before 'counter' use</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="When both reset and increment are present that the reset occurs first and the increment second." /> + <style type="text/css"> + div:before + { + content: counter(chapter); + counter-increment: chapter 2; + counter-reset: chapter -10; + } + </style> + </head> + <body> + <p>Test passes if there is a number '-8' below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002-ref.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002-ref.xht new file mode 100644 index 0000000000..58248cc9b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002-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[ + ol {list-style-type: none;} + ]]></style> + + </head> + + <body> + + <p>The two columns of numbers should be <strong>identical</strong>.</p> + + <ol> + <li>-3. -3.</li> + <li>-2. -2.</li> + <li>-1. -1.</li> + <li>0. 0.</li> + <li>1. 1.</li> + <li>2. 2.</li> + <li>3. 3.</li> + </ol> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002.xht new file mode 100644 index 0000000000..ac4518716a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-increment-002.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> + + <title>CSS Test: counter-reset - negative value with positive counter-increment</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <!-- + Inspired by http://www.hixie.ch/tests/adhoc/css/box/list/list-style-type/002.html + and by + http://test.csswg.org/suites/css2.1/20100917/html4/list-style-type-017.htm + --> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="counter-reset-increment-002-ref.xht" /> + + <meta content="A positive counter-increment can apply to a counter-reset that is negative." name="assert" /> + + <style type="text/css"><![CDATA[ + ol + { + counter-reset: list-item -4; + list-style-type: none; + } + + li:before + { + content: counter(list-item) ". "; + } + ]]></style> + + </head> + + <body> + + <p>The two columns of numbers should be <strong>identical</strong>.</p> + + <ol> + <li> -3. </li> + <li> -2. </li> + <li> -1. </li> + <li> 0. </li> + <li> 1. </li> + <li> 2. </li> + <li> 3. </li> + </ol> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-multiple-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-multiple-001.xht new file mode 100644 index 0000000000..0e8db50afd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-multiple-001.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 Test: Multiple 'counter-reset' before 'counter' use</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="If multiple resets are specified on the same 'counter' then all of them occur in the order specified." /> + <style type="text/css"> + .test:before + { + content: counter(chapter); + counter-reset: chapter -2; + } + .test1 + { + counter-reset: chapter -2; + } + .test2 + { + counter-reset: chapter -2; + } + .test3 + { + counter-reset: chapter -2; + } + </style> + </head> + <body> + <p>Test passes if there is a number '-2' below.</p> + <div class="test1 test2 test3 test"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-not-generated-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-not-generated-001.xht new file mode 100644 index 0000000000..1aa6e9a4c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-not-generated-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 Test: Counter-reset on pseudo-element that is not generated</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <meta name="assert" content="Pseudo-elements that are not generated do not reset counters." /> + <style type="text/css"> + #div1:before + { + counter-reset: notgenerated 10; + display: none; + } + div:before + { + content: counter(notgenerated); + } + </style> + </head> + <body> + <p>Test passes if there is the number '0' below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-sibling-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-sibling-001.xht new file mode 100644 index 0000000000..94bafd766b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-sibling-001.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 Test: Counter-reset on later siblings</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope" /> + <meta name="assert" content="Setting 'counter-reset' on later siblings does not have an effect on previous counters." /> + <style type="text/css"> + div + { + counter-increment: test 5; + } + #test + { + counter-reset: test 5; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if the numbers below are ordered, from top to bottom, "5", "10", "15".</p> + <div></div> + <div id="test"></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/counter-reset-visibility-001.xht b/testing/web-platform/tests/css/CSS2/lists/counter-reset-visibility-001.xht new file mode 100644 index 0000000000..20cc8de30b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/counter-reset-visibility-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 Test: Counter-reset on visibility: hidden element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="Elements that are set to 'visibility: hidden' reset counters." /> + <style type="text/css"> + #div1 + { + counter-reset: hidden 5; + visibility: hidden; + } + #div2:before + { + content: counter(hidden); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/increment-counter-001.xht b/testing/web-platform/tests/css/CSS2/lists/increment-counter-001.xht new file mode 100644 index 0000000000..8fb7f6bd7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/increment-counter-001.xht @@ -0,0 +1,21 @@ +<!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: Counter-increment before 'counter' use</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="A counter is used after an increment." /> + <style type="text/css"> + div:before + { + content: counter(chapter); + counter-increment: chapter 5; + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-alignment-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-alignment-001.xht new file mode 100644 index 0000000000..c9a5b2bda1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-alignment-001.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: List style numbering alignment</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="That the list numbering is aligned consistently." /> + <style type="text/css"> + ol + { + list-style-type: upper-roman; + } + </style> + </head> + <body> + <p>Test passes if the letter 'I' in the list below is either left or right aligned.</p> + <ol> + <li></li> + <li></li> + <li></li> + </ol> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-bidi-000.xht b/testing/web-platform/tests/css/CSS2/lists/list-bidi-000.xht new file mode 100644 index 0000000000..278dc17625 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-bidi-000.xht @@ -0,0 +1,40 @@ +<!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: outside list-item marker position in BIDI</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <meta name="assert" content="The list-item marker is on the right side for an + RTL item and on the left side for an LTR one."/> + <style type="text/css"> + ul { + margin: 0; + padding: 0; + } + .li { + display: list-item; + } + li, .li { + list-style: outside circle; + border: solid thin blue; + margin: 0.5em 4em; + padding: 0; + } + </style> + </head> + <body> + <ul dir="rtl"> + <li dir="ltr">There must be a circle to the left of this box.</li> + </ul> + <ul dir="ltr"> + <li dir="rtl"><span dir="ltr">There must be a circle to the right of this box.</span></li> + </ul> + <div dir="rtl"> + <div class="li" dir="ltr">There must be a circle to the left of this box.</div> + </div> + <div dir="ltr"> + <div class="li" dir="rtl"><span dir="ltr">There must be a circle to the right of this box.</span></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-001.xht new file mode 100644 index 0000000000..4aedad7f54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-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: List-style with only list-style-type as a value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: square; + } + </style> + </head> + <body> + <p>Test passes if the text below has a square bullet.</p> + <div>Filler text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-002.xht new file mode 100644 index 0000000000..167dbe08ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-002.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 Test: List-style with only list-style-position as a value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: inside; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a bullet and the second line of text flows below that bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-003.xht new file mode 100644 index 0000000000..1e5708f7e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-003.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 Test: List-style with only list-style-image as a value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: url('support/green15x15.png'); + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a green square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-004.xht new file mode 100644 index 0000000000..259f17f3a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-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"> + <head> + <title>CSS Test: List-style with list-style-type list-style-position as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type' and 'list-style-position'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: square inside; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-005.xht new file mode 100644 index 0000000000..730d741c43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-005.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 Test: List-style with list-style-type list-style-image as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type' and 'list-style-image'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: disc url('support/green15x15.png'); + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a green square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-006.xht new file mode 100644 index 0000000000..db5110150e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-006.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 Test: List-style with 'list-style-position' and 'list-style-type' as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position' and 'list-style-type'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: inside square; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-007.xht new file mode 100644 index 0000000000..e7dc099b4f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-007.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 Test: List-style with list-style-position list-style-image as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position' and 'list-style-image'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: inside url('support/green15x15.png'); + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a green square bullet and the second line of text flows below that green square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-008.xht new file mode 100644 index 0000000000..fd2711f5dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-008.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 Test: List-style with list-style-image list-style-type as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image' and 'list-style-type'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: url('support/green15x15.png') square; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a green square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-009.xht new file mode 100644 index 0000000000..a8ba676105 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-009.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 Test: List-style with list-style-image list-style-position as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image' and 'list-style-position'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: url('support/green15x15.png') inside; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a green square bullet and the second line of text flows below that green square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-010.xht new file mode 100644 index 0000000000..ae5fa6e277 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-010.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 Test: List-style: list-style-type list-style-position list-style-image</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type', 'list-style-position' and 'list-style-image'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: square inside none; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-011.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-011.xht new file mode 100644 index 0000000000..4486443f6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-011.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 Test: List-style with list-style-type list-style-image list-style-position as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-type', 'list-style-image' and 'list-style-position'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: square none inside; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-012.xht new file mode 100644 index 0000000000..40ea2b22d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-012.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 Test: List-style with list-style-position list-style-type list-style-image as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position', 'list-style-type' and 'list-style-image'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: inside square none; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-013.xht new file mode 100644 index 0000000000..90f0c15373 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-013.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 Test: List-style with list-style-position list-style-image list-style-type as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-position', 'list-style-image' and 'list-style-type'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: inside none square; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-014.xht new file mode 100644 index 0000000000..fad3b54eb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-014.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 Test: List-style with list-style-image list-style-type list-style-position as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image', 'list-style-type' and 'list-style-position'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: none square inside; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-015.xht new file mode 100644 index 0000000000..226af309e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-015.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 Test: List-style with list-style-image list-style-position list-style-type as values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' applies 'list-style-image', 'list-style-position' and 'list-style-type'." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style: none inside square; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + This is the first line of text.<br /> + This is the second line of text. + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-016.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-016.xht new file mode 100644 index 0000000000..2e6d7ea38b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-016.xht @@ -0,0 +1,35 @@ +<!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: List-style inheriting a single value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' set to 'inherit' inherits a single value from the parent." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + list-style: square; + } + span + { + display: list-item; + list-style: disc; + } + div span + { + list-style: inherit; + } + </style> + </head> + <body> + <p>Test passes if the text below has a square bullet.</p> + <div> + <span>Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-017.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-017.xht new file mode 100644 index 0000000000..af19091b59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-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> + <title>CSS Test: List-style inheriting two values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' set to 'inherit' inherits two values from the parent." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + list-style: square inside; + } + span + { + display: list-item; + list-style: disc outside; + } + div span + { + list-style: inherit; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + <span> + This is the first line of text.<br /> + This is the second line of text. + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-018.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-018.xht new file mode 100644 index 0000000000..9f72a51fcc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-018.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: List-style inheriting three values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The shorthand property 'list-style' set to 'inherit' inherits three values from the parent." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + list-style: square inside none; + } + span + { + display: list-item; + list-style: disc outside none; + } + div span + { + list-style: inherit; + } + </style> + </head> + <body> + <p>Test passes if the first line of text has a square bullet and the second line of text flows below that square bullet.</p> + <div> + <span> + This is the first line of text.<br /> + This is the second line of text. + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-019-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-019-ref.xht new file mode 100644 index 0000000000..24e6499a3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-019-ref.xht @@ -0,0 +1,20 @@ +<!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"> +li { + list-style-type: decimal; + list-style-image: none; + list-style-position: inside; +} +</style> +</head> +<body> +<p>Test passes if there is "1." and <strong>no red</strong>.</p> +<ul> + <li> </li> +</ul> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-019.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-019.xht new file mode 100644 index 0000000000..a1f3ff062e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-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> + + <title>CSS Test: list-style - initial value</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/about.html#shorthand" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specified-value" /> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#specified" /> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#specified" /> + <link rel="match" href="list-style-019-ref.xht"/> + <meta content="image" name="flags" /> + <meta content="'list-style' property is a shorthand notation that sets the three properties 'list-style-type', 'list-style-image' and 'list-style-position'. If one of the 3 list-style properties is not specified explicitly, then such 'list-style' property is assigned its initial value as indicated in its property definition." name="assert" /> + + <style type="text/css"><![CDATA[ + li + { + list-style-image: url("support/swatch-red.png"); + list-style: decimal inside; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is "1." and <strong>no red</strong>.</p> + + <ul> + <li> </li> + </ul> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-020-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-020-ref.xht new file mode 100644 index 0000000000..2938e3ac54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-020-ref.xht @@ -0,0 +1,74 @@ +<!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"> +/* For better readability */ +.li { + font-size: 1.5em; + color: blue; +} +span { + color: black; + font-size: 0.67em; + vertical-align: middle; + padding-left: 0.2em; +} + +.li { + display: list-item; + margin: 0.2em 0 0.2em 4em; + border-left: solid thin orange; +} + +.one { + list-style-type: none; + list-style-image: none; + list-style-position: outside; +} +.two { + list-style-type: none; + list-style-image: none; + list-style-position: outside; +} +.three { + list-style-type: square; + list-style-image: none; + list-style-position: outside; +} +.four { + list-style-type: square; + list-style-image: none; + list-style-position: outside; +} +.five { + list-style-type: none; + list-style-image: url(support/diamond.png); + list-style-position: outside; +} +.six { + list-style-type: none; + list-style-image: url(support/diamond.png); + list-style-position: outside; +} +.seven { + list-style-type: disc; + list-style-image: none; + list-style-position: outside; +} +</style> +</head> +<body> +<p>Test passes if each word on the right of the orange line +describes the shape on the left.</p> + +<div class="li one"><span>(nothing)</span></div> +<div class="li two"><span>(nothing)</span></div> +<div class="li three"><span>blue square</span></div> +<div class="li four"><span>blue square</span></div> +<div class="li five"><span>purple diamond</span></div> +<div class="li six"><span>purple diamond</span></div> +<div class="li seven"><span>blue circle</span></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht new file mode 100644 index 0000000000..d49932e1f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht @@ -0,0 +1,61 @@ +<!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: 'list-style' shorthand and 'none' values</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization"/> + <link rel="match" href="list-style-020-ref.xht"/> + <meta name="assert" content=""/> + <style type="text/css"> + /* For better readability */ + .li { + font-size: 1.5em; + color: blue; + } + span { + color: black; + font-size: 0.67em; + vertical-align: middle; + padding-left: 0.2em; + } + + .li { + display: list-item; + list-style: disc; + margin: 0.2em 0 0.2em 4em; + border-left: solid thin orange; + } + + .one { list-style: none; color: red; } + .two { list-style: none none; color: red; } + .three { list-style: none square; } + .four { list-style: square none; } + .five { list-style: url(support/diamond.png) none; } + .six { list-style: none url(support/diamond.png); } + .seven { list-style: none url(support/swatch-red.png) none; + list-style: url(support/swatch-red.png) none none; + list-style: none none url(support/swatch-red.png); + list-style: none square none; + list-style: square none none; + list-style: none none square; + list-style: square url(support/swatch-red.png) none; + list-style: url(support/swatch-red.png) none square; + list-style: none square url(support/swatch-red.png); + } + + </style> + </head> + <body> + <p>Test passes if each word on the right of the orange line + describes the shape on the left.</p> + + <div class="li one"><span>(nothing)</span></div> + <div class="li two"><span>(nothing)</span></div> + <div class="li three"><span>blue square</span></div> + <div class="li four"><span>blue square</span></div> + <div class="li five"><span>purple diamond</span></div> + <div class="li six"><span>purple diamond</span></div> + <div class="li seven"><span>blue circle</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-021-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-021-ref.xht new file mode 100644 index 0000000000..323c6fc27e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-021-ref.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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {margin-left: 100px;} + + ul {list-style-image: url("../support/cat.png");} + li::marker { font-family: inherit; } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a <strong>cat image</strong>.</p> + + <ul> + <li> </li> + </ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-021.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-021.xht new file mode 100644 index 0000000000..07d638845d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-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> + + <title>CSS Test: list-style: none - followed by a list-style-image reset</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" title="12.5.1 list-style shorthand" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order" title="6.4.1 Cascading order" /> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading" /> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading" /> + <link rel="match" href="list-style-021-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="A value of 'none' for the 'list-style' property sets both 'list-style-type' and 'list-style-image' to 'none'. If two declarations have the same weight, origin and specificity, then the latter specified wins." name="assert" /> + + <style type="text/css"><![CDATA[ + body {margin-left: 100px;} + + ul {list-style: none;} + + ul {list-style-image: url("support/cat.png");} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a <strong>cat image</strong>.</p> + + <ul> + <li> </li> + </ul> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-001.xht new file mode 100644 index 0000000000..cd1e49f47a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-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"> + <head> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + list-style: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-002.xht new file mode 100644 index 0000000000..9266ba048c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-002.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"> + <head> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + list-style: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-003.xht new file mode 100644 index 0000000000..81c984e400 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-003.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"> + <head> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + list-style: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-004.xht new file mode 100644 index 0000000000..baf9ae7ab3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-004.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> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + list-style: square; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-005.xht new file mode 100644 index 0000000000..484dedc7f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-005.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> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + list-style: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single round dot below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-006.xht new file mode 100644 index 0000000000..ddf4e2eca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-006.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> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + list-style: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single round dot below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-007.xht new file mode 100644 index 0000000000..f0528be49e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-007.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> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + list-style: square; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-008.xht new file mode 100644 index 0000000000..630d1007a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-008.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 Test: List-style applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + display: inline; + list-style: square; + } + span + { + display: list-item; + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-009.xht new file mode 100644 index 0000000000..1c9d455444 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-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"> + <head> + <title>CSS Test: List-style applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + display: block; + list-style: square; + margin-left: 1in; + } + a + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span> + <a></a> + </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-010.xht new file mode 100644 index 0000000000..71533ea0b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-010.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: List-style applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + display: list-item; + list-style: square; + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-012.xht new file mode 100644 index 0000000000..8fdec89f7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-012.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 Test: List-style applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + div + { + display: inline-block; + list-style: square; + margin-left: 1in; + } + span + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-013.xht new file mode 100644 index 0000000000..eddac5746c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-013.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> + <title>CSS Test: List-style applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + list-style: square; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-014.xht new file mode 100644 index 0000000000..e439649e59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-014.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> + <title>CSS Test: List-style applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + list-style: square; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-015.xht new file mode 100644 index 0000000000..34adec269f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-applies-to-015.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> + <title>CSS Test: List-style applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #test + { + display: table-caption; + list-style: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #test div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div></div> + </div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-001.xht new file mode 100644 index 0000000000..7c0f0a8a5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-001.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 Test: List-style-image set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property set to 'inherit' inherits its value from the parent element." /> + <style type="text/css"> + body + { + margin: 50px; + } + #wrapper + { + list-style-image: url('support/blue15x15.png'); + } + #div1 + { + display: list-item; + list-style-image: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box on the left side of the words "Filler Text".</p> + <div id="wrapper"> + <div id="div1">Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-002.xht new file mode 100644 index 0000000000..064c370ba9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-002.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 Test: List-style-image set using the url() function</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property set to the url() function properly renders an image." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style-image: url('support/blue15x15.png'); + } + </style> + </head> + <body> + <p>Test passes if there is a blue box on the left side of the words "Filler Text".</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-003.xht new file mode 100644 index 0000000000..1e1e4bfd46 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-003.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 Test: List-style-image set to 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property set to 'none' does not render any image." /> + <style type="text/css"> + body + { + margin: 50px; + } + div + { + display: list-item; + list-style-type: decimal; + list-style-image: url('support/blue15x15.png'); + list-style-image: none; + } + </style> + </head> + <body> + <p>Test passes if there is a number on the left side of the words "Filler Text".</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-004-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004-ref.xht new file mode 100644 index 0000000000..9886d9effb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>There should be a numbered list with three similarly formatted list items below.</p> + + <ol> + <li>One.</li> + <li>Two.</li> + <li>Three.</li> + </ol> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004.xht new file mode 100644 index 0000000000..f16fdd9b94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-004.xht @@ -0,0 +1,25 @@ +<!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: CSS List Images: invalid</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-image/001.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-image/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="list-style-image-004-ref.xht" /> + + <style type="text/css"> + .no { list-style-image: url(404); } + </style> + </head> + <body> + <p>There should be a numbered list with three similarly formatted list items below.</p> + <ol> + <li> One.</li> + <li class="no"> Two.</li> + <li> Three.</li> + </ol> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-005-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005-ref.xht new file mode 100644 index 0000000000..ac153ab259 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + ul {margin-left: -20px;} + li {list-style-image: url("support/swatch-green.png");} + ]]></style> + + </head> + + <body> + + <p>There should be a green square (and the word 'TEST') below.</p> + + <ul><li>TEST</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005.xht new file mode 100644 index 0000000000..c6d15492be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-005.xht @@ -0,0 +1,20 @@ +<!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: CSS Lists: list-item with list-style-image</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="list-style-image-005-ref.xht" /> + + <style type="text/css"> + div { margin: 0 0 0 20px; list-style-image: url(support/swatch-green.png); display: list-item; float: left; } + </style> + </head> + <body> + <p> There should be a green square (and the word 'TEST') below. </p> + <div>TEST</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-006.xht new file mode 100644 index 0000000000..ec38c19eff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-006.xht @@ -0,0 +1,22 @@ +<!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: list-style-image in rtl context</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <meta name="assert" content="list-style-image should be positioned to the right in rtl context"/> + <style type="text/css"><![CDATA[ + body {direction:rtl;} + ul { + list-style-image: url("support/diamond.png"); + } + ]]></style> + + </head> + <body> + <ul> + <li>This list item should have a fuchsia diamond to the right</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-007-ref.html b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007-ref.html new file mode 100644 index 0000000000..e73b120d2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007-ref.html @@ -0,0 +1,15 @@ +<!doctype html> +<html + <head> + <title>Reference: CSS List Images: invalid</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> + </head> + <body> + <p>There should be a bullet list with three similarly formatted list items below.</p> + <ul> + <li>One.</li> + <li>Two.</li> + <li>Three.</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-007.html b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007.html new file mode 100644 index 0000000000..9ee947aa93 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-007.html @@ -0,0 +1,22 @@ +<!doctype html> +<html + <head> + <title>CSS Test: CSS List Images: invalid</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" > + <link rel="match" href="list-style-image-007-ref.html"> + + <style> + .no { list-style-image: url(404); } + </style> + </head> + <body> + <p>There should be a bullet list with three similarly formatted list items below.</p> + <ul> + <li> One.</li> + <li class="no"> Two.</li> + <li> Three.</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-001.xht new file mode 100644 index 0000000000..2c82821505 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-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"> + <head> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + list-style-image: url('support/blue15x15.png'); + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-002.xht new file mode 100644 index 0000000000..7af1787b87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-002.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"> + <head> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + list-style-image: url('support/blue15x15.png'); + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-003.xht new file mode 100644 index 0000000000..1e7e58f462 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-003.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"> + <head> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + list-style-image: url('support/blue15x15.png'); + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-004.xht new file mode 100644 index 0000000000..cc859de9a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-004.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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + list-style-image: url('support/blue15x15.png'); + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-005.xht new file mode 100644 index 0000000000..74d1b12792 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-005.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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + list-style-image: url('support/blue15x15.png'); + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single round dot below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-006.xht new file mode 100644 index 0000000000..81ca729695 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-006.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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + list-style-image: url('support/blue15x15.png'); + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single round dot below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-007.xht new file mode 100644 index 0000000000..63a8d63c78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-007.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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + list-style-image: url('support/blue15x15.png'); + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-008.xht new file mode 100644 index 0000000000..6d8bd5638b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-008.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 Test: List-style-image applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + display: inline; + list-style-image: url('support/blue15x15.png'); + } + span + { + display: list-item; + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-009.xht new file mode 100644 index 0000000000..cc2270bc9f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-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"> + <head> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + display: block; + list-style-image: url('support/blue15x15.png'); + margin-left: 1in; + } + a + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div> + <span> + <a></a> + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-010.xht new file mode 100644 index 0000000000..78a8119428 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-010.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: List-style-image applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + display: list-item; + list-style-image: url('support/blue15x15.png'); + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-012.xht new file mode 100644 index 0000000000..b81db5533c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-012.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 Test: List-style-image applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + div + { + display: inline-block; + list-style-image: url('support/blue15x15.png'); + margin-left: 1in; + } + span + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-013.xht new file mode 100644 index 0000000000..8a8c3e3da8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-013.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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + list-style-image: url('support/blue15x15.png'); + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-014.xht new file mode 100644 index 0000000000..01347df407 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-014.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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + list-style-image: url('support/blue15x15.png'); + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-015.xht new file mode 100644 index 0000000000..7eedb68264 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-applies-to-015.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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #test + { + display: table-caption; + list-style-image: url('support/blue15x15.png'); + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #test div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div id="table"> + <div id="test"> + <div></div> + </div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-image-available-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-image-available-001.xht new file mode 100644 index 0000000000..dbb6b45abb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-image-available-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 Test: List marker displayed when image missing</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" /> + <meta name="flags" content="image" /> + <meta name="assert" content="If the 'list-style-image' is not available then the marker needs to be visible." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-image: url('missingImage.png'); + list-style-type: disc; + } + </style> + </head> + <body> + <p>Test passes if there is a 'disc' list item marker below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-none-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-none-001.xht new file mode 100644 index 0000000000..acbacc90d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-none-001.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> + <title>CSS Test: List-style set to 'none' overrides 'list-style-image'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property is also set to 'none when 'list-style' is set to 'none'." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + color: red; + display: list-item; + list-style-image: url('support/red15x15.png'); + list-style: none; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-018-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018-ref.xht new file mode 100644 index 0000000000..f122264536 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + + <style type="text/css"><![CDATA[ + li + { + background-color: black; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 3 black horizontal bars, each preceded by a black bullet (small filled-in circle).</p> + + <ul> + <li> </li> + </ul> + + <ul> + <li> </li> + </ul> + + <ul> + <li> </li> + </ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-018.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018.xht new file mode 100644 index 0000000000..8c3f614beb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-018.xht @@ -0,0 +1,67 @@ +<!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: 'list-style-position: outside' - text-align</title> + + <!-- + More info about this test: + http://lists.w3.org/Archives/Public/public-css-testsuite/2010Oct/0191.html + http://lists.w3.org/Archives/Public/public-css-testsuite/2010Oct/0196.html + http://lists.w3.org/Archives/Public/public-css-testsuite/2010Oct/0197.html + https://github.com/w3c/csswg-test/commit/0147c4a7a6946cb7d777bedce0b2499b2b9d60d3 + http://lists.w3.org/Archives/Public/public-css-testsuite/2016Jul/0003.html + https://lists.w3.org/Archives/Public/www-style/2016Jul/0051.html + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" title="12.5.1 Lists: the 'list-style-type', 'list-style-image', 'list-style-position', and 'list-style' properties" /> + <link rel="match" href="list-style-position-018-ref.xht" /> + + <meta name="assert" content="'text-align' should only format inline content of a list-item's principal block box when the list-item's 'list-style-position' is set to 'outside'." /> + + <style type="text/css"><![CDATA[ + li + { + background-color: black; + list-style-position: outside; + } + + li#left-aligned + { + text-align: left; + } + + li#centered + { + text-align: center; + } + + li#right-aligned + { + text-align: right; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 3 black horizontal bars, each preceded by a black bullet (small filled-in circle).</p> + + <ul> + <li id="left-aligned"> </li> + </ul> + + <ul> + <li id="centered"> </li> + </ul> + + <ul> + <li id="right-aligned"> </li> + </ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-019.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-019.xht new file mode 100644 index 0000000000..23a91cb9ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-019.xht @@ -0,0 +1,54 @@ +<!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: list-style-position - text-indent</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/html4/struct/lists.html#h-10.3.1" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Text-indent should only format the indentation of the first line of text of a list-item's principal block box when the list-item's list-style-position is set to outside" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + li + { + background-color: black; + color: lime; + font: 30px/1 Ahem; + list-style-position: outside; + } + + li#left {text-indent: 10%;} + + li#center {text-indent: 50%;} + + li#right {text-indent: 90%;} + ]]></style> + + </head> + + <body> + + <p>There must be 3 thick horizontal black bars below, each preceded by a bright green bullet (filled-in circle). Such bullet must be located outside of and prior to each of the 3 thick horizontal black bars. Inside of the thick horizontal black bars, there must be a small bright green square located respectively toward the left side of the first thick horizontal black bar, in the center of the second thick horizontal black bar and toward the right side of third thick horizontal black bar.</p> + + <ul> + <li id="left">L</li> + </ul> + + <ul> + <li id="center">C</li> + </ul> + + <ul> + <li id="right">R</li> + </ul> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-020.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-020.xht new file mode 100644 index 0000000000..f956591dc5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-020.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"> + <head> + <title>CSS Test: List-style-position set to 'inside'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property set to 'inside' places the marker inside of the list item principal block box." /> + <style type="text/css"> + div + { + border: 1px solid blue; + padding-left: 50px; + } + span + { + display: list-item; + list-style-position: inside; + } + </style> + </head> + <body> + <p>Test passes if the second line of text in the blue box is shifted to the left and is underneath the bullet.</p> + <div> + <span> + Filler Text Filler Text Filler Text<br /> + Filler Text Filler Text Filler Text + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-021.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-021.xht new file mode 100644 index 0000000000..b4a5bf780d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-021.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"> + <head> + <title>CSS Test: List-style-position set to 'outside'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property set to 'outside' places the marker outside of the list item principal block box." /> + <style type="text/css"> + div + { + border: 1px solid blue; + padding-left: 50px; + } + span + { + display: list-item; + list-style-position: outside; + } + </style> + </head> + <body> + <p>Test passes if the two lines of text in the blue box are directly lined up with each other and there is a single bullet to the left of the lines of text.</p> + <div> + <span> + Filler Text Filler Text Filler Text<br /> + Filler Text Filler Text Filler Text + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-022.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-022.xht new file mode 100644 index 0000000000..0f1e0f5a6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-022.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: List-style-position set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property set to 'inherit' retrieves its value from its parent element." /> + <style type="text/css"> + div + { + border: 1px solid blue; + list-style-position: inside; + padding-left: 50px; + } + span + { + display: list-item; + list-style-position: outside; + } + div span + { + list-style-position: inherit; + } + </style> + </head> + <body> + <p>Test passes if the second line of text in the blue box is shifted to the left and is underneath the bullet.</p> + <div> + <span> + Filler Text Filler Text Filler Text<br /> + Filler Text Filler Text Filler Text + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-023-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023-ref.xht new file mode 100644 index 0000000000..f6bba9392d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023-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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: silver solid 0.25em; + color: blue; + padding: 0.5em 0.5em 0.5em 3em; + } + ]]></style> + + </head> + + <body> + + <div>1. + <div>1. + <div>1.</div> + </div> + </div> + + <p>The above should render like the example below.</p> + + <div>1. + <div>1. + <div>1.</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-023.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023.xht new file mode 100644 index 0000000000..8169a01642 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-023.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: Nested inside list markers (ltr)</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-03-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-position/inside/001-demo.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="list-style-position-023-ref.xht" /> + + <style type="text/css"> + ol, li { margin: 0; padding: 0; border: 0; } + li, div { + color: blue; + border: solid silver 0.25em; + padding: 0.5em 0.5em 0.5em 3em; + list-style-position: inside; } + span { color: white; } + </style> + </head> + <body> + <ol> + <li> + <ol> + <li> + <ol> + <li> + <span>Text</span> + </li> + </ol> + </li> + </ol> + </li> + </ol> + <p>The above should render like the example below.</p> + <div>1. + <div>1. + <div> + 1. <span>Text</span> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-024-ref.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024-ref.xht new file mode 100644 index 0000000000..dd988a7471 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024-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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {direction: rtl;} + + p {direction: ltr;} + + div + { + border: silver solid 0.25em; + color: blue; + padding: 0.5em 3em 0.5em 0.5em; + } + ]]></style> + + </head> + + <body> + + <div>1. + <div>1. + <div>1.</div> + </div> + </div> + + <p>The above should render like the example below.</p> + + <div>1. + <div>1. + <div>1.</div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-024.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024.xht new file mode 100644 index 0000000000..78ff54b630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-024.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" dir="rtl"> + <head> + <title>CSS Test: Nested inside list markers (rtl)</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-03-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-position/inside/002-demo.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="list-style-position-024-ref.xht" /> + + <style type="text/css"> + ol, li { margin: 0; padding: 0; border: 0; } + li, div { + color: blue; + border: solid silver 0.25em; + padding: 0.5em 3em 0.5em 0.5em; + list-style-position: inside; } + span { color: white; } </style> + </head> + <body> + <ol> + <li> + <ol> + <li> + <ol> + <li> + <span>List item text.</span> + </li> + </ol> + </li> + </ol> + </li> + </ol> + <p dir="ltr">The above should render like the example below.</p> + <div>1. + <div>1. + <div> + 1. <span>List item text.</span> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-025.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-025.xht new file mode 100644 index 0000000000..35d8c29cdc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-025.xht @@ -0,0 +1,25 @@ +<!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: list-style-position in rtl context</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <meta name="assert" content="list-style-position:inside in rtl context should let text flow below the bullet on the right side"/> + <style type="text/css"><![CDATA[ + body {direction:rtl;} + ul { + text-align: right; + list-style-position: inside; + } + ]]></style> + </head> + + <body> + <ul> + <li>The x on the next line should have a bullet directly above it<br />x</li> + </ul> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-001.xht new file mode 100644 index 0000000000..9889dd7695 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-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"> + <head> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + list-style-position: inside; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-002.xht new file mode 100644 index 0000000000..a8c8a41aa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-002.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"> + <head> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + list-style-position: inside; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-003.xht new file mode 100644 index 0000000000..d53761ba36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-003.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"> + <head> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + list-style-position: inside; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-004.xht new file mode 100644 index 0000000000..23d74ebd67 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-004.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> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + list-style-position: inside; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-005.xht new file mode 100644 index 0000000000..9ec866bef8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-005.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> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + list-style-position: inside; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot on a white background below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-006.xht new file mode 100644 index 0000000000..d60ed2c7f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-006.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> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + list-style-position: inside; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot on a white background below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-007.xht new file mode 100644 index 0000000000..c223dbabd8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-007.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> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + list-style-position: inside; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-008.xht new file mode 100644 index 0000000000..1f2e347de8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-008.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 Test: List-style-position applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + display: inline; + list-style-position: inside; + } + span + { + background: orange; + display: list-item; + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-009.xht new file mode 100644 index 0000000000..90ff3b2356 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-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"> + <head> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + display: block; + list-style-position: inside; + margin-left: 1in; + } + a + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div> + <span> + <a></a> + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-010.xht new file mode 100644 index 0000000000..ae5dbfbc36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-010.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: List-style-position applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background: orange; + display: list-item; + list-style-position: inside; + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-012.xht new file mode 100644 index 0000000000..25e79b3a59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-012.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 Test: List-style-position applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + div + { + display: inline-block; + list-style-position: inside; + margin-left: 1in; + } + span + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-013.xht new file mode 100644 index 0000000000..5dde30618c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-013.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> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + list-style-position: inside; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-014.xht new file mode 100644 index 0000000000..b550234870 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-014.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> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + list-style-position: inside; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-015.xht new file mode 100644 index 0000000000..53eb07dd3b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-applies-to-015.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"> + <head> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #test + { + display: table-caption; + list-style-position: inside; + } + #table + { + display: table; + margin-left: 1in; + width: 5em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #test div + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div id="table"> + <div id="test"> + <div></div> + </div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-position-inside-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-position-inside-002.xht new file mode 100644 index 0000000000..bfd661367f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-position-inside-002.xht @@ -0,0 +1,34 @@ +<!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: inside list-item marker position wrt :before and :after</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <meta name="assert" content="The list-item marker is on the right side for an + RTL item and on the left side for an LTR one."/> + <style type="text/css"> + ul, li { + margin: 0; + padding: 0; + color: blue; + font: bold larger monospace; + } + li { + list-style: inside decimal; + } + li:before { + content: "2"; + } + li:after { + content: "4"; + } + </style> + </head> + <body> + <p>The numbers [1, 2, 3, 4] below must be in ascending order.</p> + <ul> + <li>3</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-001.xht new file mode 100644 index 0000000000..44ea7aef7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-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: List-style-type set to 'disc'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'disc' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: disc; + } + </style> + </head> + <body> + <p>Test passes if there is a bullet (•) below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-002.xht new file mode 100644 index 0000000000..92bad2a0b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-002.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: List-style-type set to 'circle'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'circle' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: circle; + } + </style> + </head> + <body> + <p>Test passes if there is a bullet (◦) below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-003.xht new file mode 100644 index 0000000000..f7a852073a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-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: List-style-type set to 'square'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'square' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: square; + } + </style> + </head> + <body> + <p>Test passes if there is a bullet (■) below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-004.xht new file mode 100644 index 0000000000..02fdcafce7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-004.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: List-style-type set to 'decimal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'decimal' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: decimal; + } + </style> + </head> + <body> + <p>Test passes if there is a number "1." below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-005.xht new file mode 100644 index 0000000000..f9a751dcf0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-005.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: List-style-type set to 'decimal-leading-zero'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'decimal-leading-zero' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: decimal-leading-zero; + } + </style> + </head> + <body> + <p>Test passes if there is are the numbers "01." below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-006.xht new file mode 100644 index 0000000000..31868a83a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-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: List-style-type set to 'lower-roman'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'lower-roman' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: lower-roman; + } + </style> + </head> + <body> + <p>Test passes if there is a lowercase letter 'i.' below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-007.xht new file mode 100644 index 0000000000..6d4429053a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-007.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: List-style-type set to 'upper-roman'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'upper-roman' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: upper-roman; + } + </style> + </head> + <body> + <p>Test passes if there is an uppercase letter 'I.' below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-008.xht new file mode 100644 index 0000000000..c8cc2a3e6f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-008.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: List-style-type set to 'lower-greek'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'lower-greek' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: lower-greek; + } + </style> + </head> + <body> + <p>Test passes if there is a greek letter "α." below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-009.xht new file mode 100644 index 0000000000..2016efabff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-009.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: List-style-type set to 'lower-latin'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'lower-latin' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: lower-latin; + } + </style> + </head> + <body> + <p>Test passes if there is a lowercase letter 'a.' below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-010.xht new file mode 100644 index 0000000000..4556b8dd14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-010.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: List-style-type set to 'upper-latin'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'upper-latin' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: upper-latin; + } + </style> + </head> + <body> + <p>Test passes if there is an uppercase letter 'A.' below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-011.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-011.xht new file mode 100644 index 0000000000..f63608e14d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-011.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: List-style-type set to 'armenian'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'armenian' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: armenian; + } + </style> + </head> + <body> + <p>Test passes if there is an Armenian character "ա." or "Ա." below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-012.xht new file mode 100644 index 0000000000..9be5fa1416 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-012.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: List-style-type set to 'georgian'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'georgian' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: georgian; + } + </style> + </head> + <body> + <p>Test passes if there is a Georgian character "ა." below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-013.xht new file mode 100644 index 0000000000..5e55d041cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-013.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: List-style-type set to 'lower-alpha'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'lower-alpha' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: lower-alpha; + } + </style> + </head> + <body> + <p>Test passes if there is a lowercase letter 'a.' below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-014.xht new file mode 100644 index 0000000000..cb83ba9a13 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-014.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: List-style-type set to 'upper-alpha'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'upper-alpha' renders the correct list item marker." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: upper-alpha; + } + </style> + </head> + <body> + <p>Test passes if there is an uppercase letter 'A.' below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-015.xht new file mode 100644 index 0000000000..4c053527aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-015.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 Test: List-style-type set to 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'none' does not display a marker bullet." /> + <style type="text/css"> + body + { + margin-left: 50px; + } + div + { + display: list-item; + list-style-type: square; + list-style-type: none; + } + </style> + </head> + <body> + <p>Test passes if there is no character or bullet to the left of the text "Filler Text".</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-016.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-016.xht new file mode 100644 index 0000000000..4ebad713ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-016.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 Test: List-style-type set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property set to 'inherit' inherits the value from the parent element." /> + <style type="text/css"> + body + { + margin-left: 50px; + list-style-type: circle; + } + div + { + display: list-item; + list-style-type: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a bullet (◦) below.</p> + <div> </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-017.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-017.xht new file mode 100644 index 0000000000..51af8c0e4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-017.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Lists: Negative Numbers</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-type/002.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/list-style-type/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + + <style type="text/css"> + ol { counter-reset: list-item -3; } + li { list-style: decimal; } + </style> + </head> + <body> + <p>The two columns of numbers should be <strong>identical</strong>.</p> + <ol start="-3"> + <li> -3. </li> + <li> -2. </li> + <li> -1. </li> + <li> 0. </li> + <li> 1. </li> + <li> 2. </li> + <li> 3. </li> + </ol> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-018.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-018.xht new file mode 100644 index 0000000000..30ec2514bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-018.xht @@ -0,0 +1,20 @@ +<!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: list-style-type in rtl context</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <meta name="assert" content="list-style-type should be correctly applied in rtl context"/> + <style type="text/css"><![CDATA[ + body {direction:rtl;} + ul { + list-style-type: square; + } + ]]></style> + </head> + <body dir="rtl"> + <ul> + <li>This list item should have a square to the right</li> + </ul> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-001.xht new file mode 100644 index 0000000000..3b8c9d842d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-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"> + <head> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + list-style-type: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-002.xht new file mode 100644 index 0000000000..9f9c2c3d39 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-002.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"> + <head> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + list-style-type: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-003.xht new file mode 100644 index 0000000000..e984e8105c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-003.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"> + <head> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + list-style-type: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-004.xht new file mode 100644 index 0000000000..4840a52eec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-004.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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + list-style-type: square; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-005.xht new file mode 100644 index 0000000000..b8adb55d04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-005.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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + list-style-type: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single round dot below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-006.xht new file mode 100644 index 0000000000..f951fa6052 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-006.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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + list-style-type: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single round dot below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-007.xht new file mode 100644 index 0000000000..d5b5115e6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-007.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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + list-style-type: square; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-008.xht new file mode 100644 index 0000000000..022ce8eac1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-008.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 Test: List-style-type applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + display: inline; + list-style-type: square; + } + span + { + display: list-item; + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-009.xht new file mode 100644 index 0000000000..08f7073061 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-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"> + <head> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + display: block; + list-style-type: square; + margin-left: 1in; + } + a + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span> + <a></a> + </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-010.xht new file mode 100644 index 0000000000..df82d5b001 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-010.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: List-style-type applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + display: list-item; + list-style-type: square; + margin-left: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-012.xht new file mode 100644 index 0000000000..c0134f2116 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-012.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 Test: List-style-type applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + div + { + display: inline-block; + list-style-type: square; + margin-left: 1in; + } + span + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-013.xht new file mode 100644 index 0000000000..5729e67605 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-013.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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + list-style-type: square; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-014.xht new file mode 100644 index 0000000000..9af75890b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-014.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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + list-style-type: square; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #cell div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> + <div></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-015.xht new file mode 100644 index 0000000000..c7707adc11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-applies-to-015.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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #test + { + display: table-caption; + list-style-type: square; + } + #table + { + display: table; + margin-left: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #test div + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div id="table"> + <div id="test"> + <div></div> + </div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-armenian-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-armenian-001.xht new file mode 100644 index 0000000000..3ccb4f3dc2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-armenian-001.xht @@ -0,0 +1,58 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test: list-style-type - armenian, up to 100</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/generate.html#list-style' /> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-list-style-type/generate?test=2' /> +<meta name="assert" content="Setting list-style-type to armenian will cause list numbering to format numbers up to 9,999 in the way described in CSS3 Lists module." /> +<style type='text/css'> +.armenian { list-style-type: armenian; } + +/* the CSS below is not part of the test */ +.test { font-size: 24px; font-family: sans-serif; } +ol { margin: 0; padding-left: 8em; } +.alt { color: #ff6633; margin-left: 40px;} + +</style> +</head> +<body> +<p class="instructions">Test passes if the text in the two columns is the same.</p> + + +<div class="test"> + <ol class="armenian"> + <li title="1">Ա</li> + <li title="2">Բ</li> + <li title="3">Գ</li> + <li title="4">Դ</li> + <li title="5">Ե</li> + <li title="6">Զ</li> + <li title="7">Է</li> + <li title="8">Ը</li> + <li title="9">Թ</li> + <li title="10">Ժ</li> + <li title="11">ԺԱ</li> + <li title="12">ԺԲ</li> + </ol> + <ol class="armenian" start="43"> + <li title="43">ԽԳ</li> + </ol> + <ol class="armenian" start="77"> + <li title="77">ՀԷ</li> + </ol> + <ol class="armenian" start="80"> + <li title="80">Ձ</li> + </ol> + <ol class="armenian" start="99"> + <li title="99">ՂԹ</li> + <li title="100">Ճ</li> + </ol> + </div> + + +<!--p class="notes">Notes: <br />CSS2.1 CR specifies an armenian property, but does not specify in any detail the mechanism for implementing it. Expectations for behavior in these tests are based on the descriptions of lower-armenian and upper-armenian in the version of the CSS3 Lists module current at the time this test was last updated.</p><p class="notes">The test uses the start attribute to reduce the size of the list. This attribute is deprecated or unavailable in some formats, causing the test page not to validate, but appears to be supported in major browsers anyway (and will be reinstated in HTML5).</p><p class="notes">Both upper and lowercase variants are shown here because the test is about the generative mechanism. The case is tested elsewhere.</p--> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-georgian-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-georgian-001.xht new file mode 100644 index 0000000000..d0e399815e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-georgian-001.xht @@ -0,0 +1,124 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test: list-style-type - georgian</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/generate.html#list-style' /> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-list-style-type/generate?test=8' /> +<meta name="assert" content="Setting list-style-type to georgian will cause list numbering to format numbers in the way described in the CSS3 Lists module plus corrections by George Chavchanidze." /> +<style type='text/css'> +.georgian { list-style-type: georgian; } + +/* the CSS below is not part of the test */ +.test { font-size: 24px; font-family: sans-serif; } +ol { margin: 0; padding-left: 8em; } +.alt { color: #ff6633; margin-left: 40px;} + +</style> +</head> +<body> +<p class="instructions">Test passes if the numbering in the two columns is the same.</p> + + +<div class="test"> + <ol class="georgian"> + + <li title="1">ა</li> + <li title="2">ბ</li> + <li title="3"> გ</li> + <li title="4"> დ</li> + <li title="5">ე</li> + + <li title="6"> ვ</li> + <li title="7">ზ</li> + <li title="8">ჱ</li> + <li title="9">თ</li> + <li title="10"> ი</li> + + <li title="11"> ია</li> + <li title="12">იბ</li> + </ol> + <ol class="georgian" start="43"> + <li title="43">მგ</li> + </ol> + <ol class="georgian" start="77"> + + <li title="77">ოზ</li> + </ol> + <ol class="georgian" start="80"> + <li title="80">პ</li> + </ol> + <ol class="georgian" start="99"> + <li title="99"> ჟთ</li> + + <li title="100">რ</li> + <li title="101">რა</li> + </ol> + <ol class="georgian" start="222"> + <li title="222">სკბ</li> + </ol> + <ol class="georgian" start="440"> + + <li title="440">ჳმ</li> + </ol> + <ol class="georgian" start="999"> + <li title="999">შჟთ</li> + <li title="1000">ჩ</li> + </ol> + <ol class="georgian" start="1005"> + + <li title="1005">ჩე</li> + </ol> + <ol class="georgian" start="1060"> + <li title="1060">ჩჲ</li> + </ol> + <ol class="georgian" start="1065"> + <li title="1065">ჩჲე</li> + + </ol> + <ol class="georgian" start="1700"> + <li title="1700">ჩღ</li> + </ol> + <ol class="georgian" start="1760"> + <li title="1760">ჩღჲ</li> + </ol> + <ol class="georgian" start="1765"> + + <li title="1765">ჩღჲე</li> + </ol> + <ol class="georgian" start="4765"> + <li title="4765">წღჲე</li> + </ol> + <ol class="georgian" start="9999"> + <li title="9999">ჰშჟთ</li> + + <li title="10000"> ჵ</li> + <li title="10001"> ჵა</li> + </ol> + <ol class="georgian" start="10065"> + <li title="10065"> ჵჲე</li> + </ol> + + <ol class="georgian" start="10700"> + <li title="10700"> ჵღ</li> + </ol> + <ol class="georgian" start="12000"> + <li title="12000"> ჵც</li> + <li title="12001"> ჵცა</li> + + </ol> + <ol class="georgian" start="12065"> + <li title="12065"> ჵცჲე</li> + </ol> + <ol class="georgian" start="12700"> + <li title="12700"> ჵცღ</li> + </ol> + + </div> + + +<!--p class="notes">Notes: <br /><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">CSS2.1</a> CR specifies a <span class="kw">georgian</span> property, but also does not specify in any detail the mechanism for implementing it. Expectations for behavior in these tests are based on <a href="http://xml-maiden.com/numbering/table.xhtml">corrections by George Chavchanidze</a> to the rules specified in the version of <a href="http://www.w3.org/TR/css3-lists/#georgian">CSS3 Lists module</a> current at the time this test was last updated.</p><p class="notes">The test uses the start attribute to reduce the size of the list. This attribute is deprecated or unavailable in some formats, causing the test page not to validate, but appears to be supported in major browsers anyway (and will be reinstated in HTML5).</p--> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-type-lower-greek-001.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-type-lower-greek-001.xht new file mode 100644 index 0000000000..6deef917c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-type-lower-greek-001.xht @@ -0,0 +1,100 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Test: list-style-type - lower-greek</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/generate.html#list-style' /> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-list-style-type/generate?test=9' /> +<meta name="assert" content="Setting list-style-type to lower-greek will cause list numbering to format numbers in the way described in the CSS3 Lists module." /> +<style type='text/css'> +ol { list-style-type: lower-greek; } + +/* the CSS below is not part of the test */ +.test { font-size: 24px; font-family: sans-serif; } +ol { margin: 0; padding-left: 8em; } +.alt { color: #ff6633; margin-left: 40px;} + +</style> +</head> +<body> +<p class="instructions">Test passes if the numbering in the two columns is the same.</p> + + +<div class="test"> + <ol class="lower-greek"> + <li> α</li> + <li>β + <ol class="lower-greek"> + <li> α</li> + <li> β</li> + + <li> γ</li> + </ol> + </li> + <li>γ</li> + <li>δ</li> + <li>ε</li> + + <li>ζ</li> + <li>η</li> + <li>θ</li> + <li>ι</li> + <li>κ</li> + <li>λ</li> + + <li>μ</li> + <li>ν</li> + <li>ξ</li> + <li>ο</li> + <li>π</li> + <li>ρ</li> + + <li>σ</li> + <li>τ</li> + <li>υ</li> + <li>φ</li> + <li>χ</li> + <li>ψ</li> + + <li>ω</li> + <li> αα</li> + <li> αβ</li> + <li> αγ</li> + <li> αδ</li> + + </ol> + <ol class="lower-greek" start="48"> + <li> αω</li> + <li>βα</li> + <li>ββ</li> + </ol> + <ol class="lower-greek" start="599"> + + <li> ωψ</li> + <li> ωω</li> + <li>ααα</li> + <li>ααβ</li> + <li>ααγ</li> + + </ol> + <ol class="lower-greek" start="1400"> + <li>βκθ</li> + <li>βκι</li> + <li>βκκ</li> + <li>βκλ</li> + </ol> + + <ol class="lower-greek" start="15000"> + <li> ααωω</li> + <li>αβαα</li> + <li>αβαβ</li> + <li>αβαγ</li> + </ol> + </div> + + +<!--p class="notes">Notes: <br /><a href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">CSS2.1</a> CR specifies a <span class="kw">lower-greek</span> value for the list-style-type property, but does not specify in any detail the mechanism for implementing it. Expectations for behavior in these tests are based on the rules specified in the version of <a href="http://www.w3.org/TR/css3-lists/#lower-greek">CSS3 Lists module</a> current at the time this test was last updated.</p><p class="notes">The test uses the start attribute to reduce the size of the list. This attribute is deprecated or unavailable in some formats, causing the test page not to validate, but appears to be supported in major browsers anyway (and will be reinstated in HTML5).</p--> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/lists-alpha-wrap-001.xht b/testing/web-platform/tests/css/CSS2/lists/lists-alpha-wrap-001.xht new file mode 100644 index 0000000000..5656ee1a65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/lists-alpha-wrap-001.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Alphabetic list wrapping</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="Alphabetic list wrapping does not exert unexpected behavior to a user." /> + <style type="text/css"> + ol + { + list-style-type: upper-alpha; + } + </style> + </head> + <body> + <p>Test passes if the letters "AA." are below.</p> + <ol start="27"> + <li></li> + </ol> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/lists-backgrounds-001.xht b/testing/web-platform/tests/css/CSS2/lists/lists-backgrounds-001.xht new file mode 100644 index 0000000000..6ee7bb8872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/lists-backgrounds-001.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 Test: List with background applied</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" /> + <meta name="assert" content="Background properties only apply to the principal box and not the marker box when the marker is set to outside." /> + <style type="text/css"> + #div1 + { + background: orange; + margin-left: 50px; + padding-left: 30px; + } + div div + { + display: list-item; + list-style-type: disc; + background: blue; + } + </style> + </head> + <body> + <p>Test passes if the text has a blue background and the marker has an orange background.</p> + <div id="div1"> + <div>This text should have a blue background</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/markers-rtl-001.xht b/testing/web-platform/tests/css/CSS2/lists/markers-rtl-001.xht new file mode 100644 index 0000000000..40ebb6a189 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/markers-rtl-001.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> + <title>CSS Test: List marker in right-to-left layout</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#lists" /> + <meta name="assert" content="When the 'direction' property is set to 'RTL' the markers for list items are placed on the right." /> + <style type="text/css"> + #div1 + { + width: 2in; + } + div div + { + direction: rtl; + display: list-item; + list-style-type: disc; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a list marker on the right side.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/lists/reset-counter-001.xht b/testing/web-platform/tests/css/CSS2/lists/reset-counter-001.xht new file mode 100644 index 0000000000..e1654073be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/reset-counter-001.xht @@ -0,0 +1,21 @@ +<!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: Counter-reset before counter use</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="Counter is used after a reset." /> + <style type="text/css"> + div:before + { + content: counter(chapter); + counter-reset: chapter 5; + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/lists/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/lists/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/lists/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/README b/testing/web-platform/tests/css/CSS2/lists/support/README new file mode 100644 index 0000000000..2e5f2ad073 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/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/lists/support/a-green.css b/testing/web-platform/tests/css/CSS2/lists/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/lists/support/b-green.css b/testing/web-platform/tests/css/CSS2/lists/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/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/lists/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/lists/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/c-red.css b/testing/web-platform/tests/css/CSS2/lists/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/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/lists/support/cat.png b/testing/web-platform/tests/css/CSS2/lists/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/diamond.png b/testing/web-platform/tests/css/CSS2/lists/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/green15x15.png b/testing/web-platform/tests/css/CSS2/lists/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/lists/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/red15x15.png b/testing/web-platform/tests/css/CSS2/lists/support/red15x15.png Binary files differnew file mode 100644 index 0000000000..39005d7e6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/red15x15.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/ring.png b/testing/web-platform/tests/css/CSS2/lists/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/square-purple.png b/testing/web-platform/tests/css/CSS2/lists/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/square-teal.png b/testing/web-platform/tests/css/CSS2/lists/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/square-white.png b/testing/web-platform/tests/css/CSS2/lists/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/lists/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-bl.png b/testing/web-platform/tests/css/CSS2/lists/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-br.png b/testing/web-platform/tests/css/CSS2/lists/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-outer.png b/testing/web-platform/tests/css/CSS2/lists/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-tl.png b/testing/web-platform/tests/css/CSS2/lists/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/lists/support/test-tr.png b/testing/web-platform/tests/css/CSS2/lists/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/support/test-tr.png |
