diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/sec5')
37 files changed, 803 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht new file mode 100644 index 0000000000..40c7c77b33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000-ref.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +.gray { + color: gray; +} +.purple { + color: purple; +} +.black { + color: black; +} +.blue { + color: blue; +} +</style> +</head> +<body> +<p class="gray">Filler text.</p> +<p class="purple">This text should be purple.</p> +<div class="black">This text should be black.</div> +<h4 class="blue">This text should be blue.</h4> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht new file mode 100644 index 0000000000..f0d8e45e71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-000.xht @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Adjacent selectors</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> + <link rel="match" href="adjacent-000-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the adjacent element"/> +<style type="text/css"> +body > p {color: gray} + +p + p {color: purple} +p + div {color: black} +div + h4 {color: blue} + +</style> + </head> + <body> +<p>Filler text.</p> +<p>This text should be purple.</p> +<div>This text should be black.</div> +<h4>This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht new file mode 100644 index 0000000000..59b55d3ddd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-001.xht @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Adjacent selectors without the space separator</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> + <link rel="match" href="adjacent-000-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the adjacent element also without the space separator"/> +<style type="text/css"> +body > p {color: gray} + +p+p {color: purple} +p+div {color: black} +div+h4 {color: blue} + +</style> + </head> + <body> +<p>Filler text.</p> +<p>This text should be purple.</p> +<div>This text should be black.</div> +<h4>This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht b/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht new file mode 100644 index 0000000000..59a6c06ed9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/adjacent-002.xht @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Adjacent selectors with the universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> + <link rel="match" href="adjacent-000-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the adjacent element when combined with the universal selector"/> +<style type="text/css"> +body > p {color: gray} + +body > p + * {color: purple} +p + p + * {color: black} +div + *{color: blue} + +</style> + </head> + <body> +<p>Filler text.</p> +<p>This text should be purple.</p> +<div>This text should be black.</div> +<h4>This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht new file mode 100644 index 0000000000..0509900929 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-000.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Generic match</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute, disregarding its value"/> +<style type="text/css"> +p[id] {color: purple} +div[class] {color: black} +h4[title] {color: blue} + +</style> + </head> + <body> +<p id="foo">This text should be purple.</p> +<div class="boo">This text should be black.</div> +<h4 title="Heading">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht new file mode 100644 index 0000000000..155bc96527 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-001.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Generic match with the universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute, disregarding its value"/> +<style type="text/css"> +[id] {color: purple} +[class] {color: black} +*[title] {color: blue} + +</style> + </head> + <body> +<p id="foo">This text should be purple.</p> +<div class="boo">This text should be black.</div> +<h4 title="Heading">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht new file mode 100644 index 0000000000..b1ca0bb402 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-002.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Exact match</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute and the specified value"/> +<style type="text/css"> +p[id="foo"] {color: purple} +div[class="boo"] {color: black} +h4[title="Heading"] {color: blue} + +</style> + </head> + <body> +<p id="foo">This text should be purple.</p> +<div class="boo">This text should be black.</div> +<h4 title="Heading">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht new file mode 100644 index 0000000000..5789983520 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-003.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Exact match with the universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements with the specified attribute and the specified value"/> +<style type="text/css"> +[id="foo"] {color: purple} +[class="boo"] {color: black} +*[title="Heading"] {color: blue} + +</style> + </head> + <body> +<p id="foo">This text should be purple.</p> +<div class="boo">This text should be black.</div> +<h4 title="Heading">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht new file mode 100644 index 0000000000..aab6bcadce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-004.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Partial match</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements with one of the values separated by a space"/> +<style type="text/css"> +p[id~="moo"] {color: purple} +div[class~="too"] {color: black} +h4[title~="now"] {color: blue} + +</style> + </head> + <body> +<p id="foo moo">This text should be purple.</p> +<div class="boo goo too">This text should be black.</div> +<h4 title="Heading very important now">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht new file mode 100644 index 0000000000..fc5030e744 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-005.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Partial match with the universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements with one of the values separated by a space"/> +<style type="text/css"> +[id~="moo"] {color: purple} +[class~="too"] {color: black} +*[title~="now"] {color: blue} + +</style> + </head> + <body> +<p id="foo moo">This text should be purple.</p> +<div class="boo goo too">This text should be black.</div> +<h4 title="Heading very important now">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht new file mode 100644 index 0000000000..bcb9f571dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-006.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Substring matching</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements which have an hyphen-separated list of attribute values"/> +<style type="text/css"> +p[id|="foo"] {color: purple} +div[class|="foo"] {color: black} +h4[lang|="en"] {color: blue} + +</style> + </head> + <body> +<p id="foo-moo">This text should be purple.</p> +<div class="foo-moo-too">This text should be black.</div> +<h4 lang="en-us">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht new file mode 100644 index 0000000000..36291de574 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-007.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Attribute selectors: Substring matching with the universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="attribute-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the elements which have an hyphen-separated list of attribute values"/> +<style type="text/css"> +[id|="foo"] {color: purple} +[class|="foo"] {color: black} +*[lang|="en"] {color: blue} + +</style> + </head> + <body> +<p id="foo-moo">This text should be purple.</p> +<div class="foo-moo-too">This text should be black.</div> +<h4 lang="en-us">This text should be blue.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht new file mode 100644 index 0000000000..d9f9d3684f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/attribute-ref.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +.purple { + color: purple; +} +.black { + color: black; +} +.blue { + color: blue; +} +</style> +</head> +<body> +<p class="purple">This text should be purple.</p> +<div class="black">This text should be black.</div> +<h4 class="blue">This text should be blue.</h4> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html new file mode 100644 index 0000000000..8eb5f528a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/class-000-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + p { + color: fuchsia; + } + div { + color: orange; + } + h4 { + color: blue; + } +</style> +<body> + <p>This text should be fuchsia.</p> + <div>This text should be orange.</div> + <h4>This text should be blue.</h4> +</body> diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-000.xht b/testing/web-platform/tests/css/CSS2/sec5/class-000.xht new file mode 100644 index 0000000000..366573c743 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/class-000.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Class selectors</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" /> + <link rel="match" href="class-000-ref.html"/> + <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class"/> +<style type="text/css"> +p.foo {color: fuchsia} +div.moo {color: orange} +h4.title {color: blue} + +</style> + </head> + <body> +<p class="foo">This text should be fuchsia.</p> +<div class="moo">This text should be orange.</div> +<h4 class="title">This text should be blue.</h4> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-001.xht b/testing/web-platform/tests/css/CSS2/sec5/class-001.xht new file mode 100644 index 0000000000..096210ac2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/class-001.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Class selectors with the universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" /> + <link rel="match" href="class-000-ref.html"/> + <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class"/> +<style type="text/css"> +.foo {color: fuchsia} +.moo {color: orange} +*.title {color: blue} + +</style> + </head> + <body> +<p class="foo">This text should be fuchsia.</p> +<div class="moo">This text should be orange.</div> +<h4 class="title">This text should be blue.</h4> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html b/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html new file mode 100644 index 0000000000..fff0f9eaef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/class-002-ref.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + p { + color: fuchsia; + } + div { + color: fuchsia; + border: thin solid; + } + h4 { + color: blue; + } +</style> +<body> + <p>This text should be fuchsia.</p> + <div>This text should be fuchsia with a thin fuchsia border.</div> + <h4>This text should be blue without any border.</h4> +</body> diff --git a/testing/web-platform/tests/css/CSS2/sec5/class-002.xht b/testing/web-platform/tests/css/CSS2/sec5/class-002.xht new file mode 100644 index 0000000000..85fdef97e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/class-002.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Class selectors: Multiple classes</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" /> + <link rel="match" href="class-002-ref.html"/> + <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class or classes"/> +<style type="text/css"> +.foo {color: fuchsia} +.foo.moo {border: thin solid;} +h4.title {color: blue; border: none;} + +</style> + </head> + <body> +<p class="foo">This text should be fuchsia.</p> +<div class="foo moo">This text should be fuchsia with a thin fuchsia border.</div> +<h4 class="title moo">This text should be blue without any border.</h4> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht new file mode 100644 index 0000000000..3dfe06f0d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000-ref.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<style type="text/css"> +.orange { + border: thin solid orange; +} +.blue { + border: thin solid blue; +} +.fuchsia { + border: thin solid fuchsia; +} +</style> +</head> +<body> +<p class="orange">This paragraph should have a thin orange border.</p> +<div><p class="blue">This paragraph should have a thin blue border.</p></div> +<h4><span class="fuchsia">This text should have a thin fuchsia border.</span></h4> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht new file mode 100644 index 0000000000..2afa2da179 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-000.xht @@ -0,0 +1,21 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Descendant selectors</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="descendant-selector-000-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the descendant elements"/> +<style type="text/css"> +body p {border: thin solid orange} +div p {border: thin solid blue} +h4 span {border: thin solid fuchsia} +</style> + </head> + <body> +<p>This paragraph should have a thin orange border.</p> +<div><p>This paragraph should have a thin blue border.</p></div> +<h4><span>This text should have a thin fuchsia border.</span></h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht new file mode 100644 index 0000000000..d1ab44ff18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/descendant-selector-001.xht @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Descendant selectors and universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="descendant-selector-000-ref.xht"/> + <meta name="assert" content="Browsers should apply each rule to the descendant elements"/> +<style type="text/css"> +body * {border: thin solid orange} +body div {border: none} +div * {border: thin solid blue} +body h4 {border: none} +h4 * {border: thin solid fuchsia} +</style> + </head> + <body> +<p>This paragraph should have a thin orange border.</p> +<div><p>This paragraph should have a thin blue border.</p></div> +<h4><span>This text should have a thin fuchsia border.</span></h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht new file mode 100644 index 0000000000..dae8db9149 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-000.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The dynamic pseudo-classes: :hover on links</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Browsers should honour the change of state in the elements"/> +<style type="text/css"> +a:hover {background-color: green; color: white} + +</style> + </head> + <body> +<p>The link in the next paragraph should have a green background color and a white text color on :hover.</p> + +<p><a href="#">Hover me</a></p> + + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht new file mode 100644 index 0000000000..bbf671169c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-001.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The dynamic pseudo-classes: :hover on different elements</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Browsers should honour the change of state in the elements"/> +<style type="text/css"> +p+p:hover {background-color: green; color: white} + +</style> + </head> + <body> +<p>The next paragraph should have a green background color and a white text color on :hover.</p> + +<p>Hover me</p> + + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht new file mode 100644 index 0000000000..fd2d1f207b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-002.xht @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The dynamic pseudo-classes: :active</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Browsers should honour the change of state in the elements"/> +<style type="text/css"> +a:link {color: blue} +a:visited {color: purple} +a:active {color: green; font-weight: bold} + +</style> + </head> + <body> +<p>The link in the next paragraph should have a green text color and a bold font weight when it's activated.</p> + +<p><a href="#">Click me</a>.</p> + + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht new file mode 100644 index 0000000000..2192e1b548 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/dynamic-pseudo-classes-003.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The dynamic pseudo-classes: :focus</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="Browsers should honour the change of state in the elements"/> +<style type="text/css"> +a:focus {background-color: green; color: white} + +</style> + </head> + <body> +<p>The link below should have a white text color and a green background color when it has focus.</p> + +<p><a href="#">Link</a></p> + + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html new file mode 100644 index 0000000000..6c65404bfc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-000-ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + p { + color: fuchsia; + } + div { + color: orange; + } + h4 { + color: blue; + } + .silver { + color: silver; + } +</style> +<body> + <p><em>This text should be fuchsia.</em> <span class="silver">Filler text.</span></p> + <div>This text should be orange.</div> + <p class="silver">Filler text.</p> + <h4>This text should be blue. <span class="silver">Filler text.</span></h4> +</body> diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht new file mode 100644 index 0000000000..d31ef34996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-000.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The :first-child pseudo-class</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" /> + <link rel="match" href="first-child-000-ref.html"/> + <meta name="assert" content="Browsers should apply each rule to the element which is the first child of its parent"/> +<style type="text/css"> +* {color: silver} +em:first-child {color: fuchsia;} +div:first-child {color: orange;} +span:first-child {color: blue} +</style> + </head> + <body> +<p><em>This text should be fuchsia.</em> Filler text.</p> +<div><div>This text should be orange.</div> <p>Filler text.</p></div> +<h4><span>This text should be blue.</span> <span>Filler text.</span></h4> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht b/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht new file mode 100644 index 0000000000..d6dbb4aab9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/first-child-001.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The :first-child pseudo-class with the universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-child" /> + <link rel="match" href="first-child-000-ref.html"/> + <meta name="assert" content="Browsers should apply each rule to the element which is the first child of its parent"/> +<style type="text/css"> +* {color: silver} +* em:first-child {color: fuchsia} +div *:first-child {color: orange} +* > span:first-child {color: blue} +</style> + </head> + <body> +<p><em>This text should be fuchsia.</em> Filler text.</p> +<div><div>This text should be orange.</div> <p>Filler text.</p></div> +<h4><span>This text should be blue.</span> <span>Filler text.</span></h4> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht new file mode 100644 index 0000000000..90e1be1ae6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/first-letter-000.xht @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The :first-letter pseudo-element</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" /> + <meta name="assert" content="Browsers should apply the rule only to the first letter of a block-level element"/> +<style type="text/css"> +p:first-letter, div span {color: fuchsia; font-weight: bold; font-size: 1.8em;} + +</style> + </head> + <body> +<p>The first letter of this paragraph should be fuchsia, in a bold face and in a bigger font size (same as in the next block).</p> +<div><span>L</span>orem ipsum dolor.</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html b/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html new file mode 100644 index 0000000000..4999f4fa5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/first-line-000-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + p { + color: fuchsia; + } + span { + color: silver; + } +</style> +<body> + <p>The first line of this paragraph should be fuchsia (same as in the next block).<br /><span>Filler text.</span></p> + <p>Lorem ipsum dolor.<br /><span>Filler text.</span></p> +</body> diff --git a/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht b/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht new file mode 100644 index 0000000000..010019f0bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/first-line-000.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: The :first-line pseudo-element</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" /> + <link rel="match" href="first-line-000-ref.html"/> + <meta name="assert" content="Browsers should apply the rule only to the first line of a block-level element"/> +<style type="text/css"> +p, div {color: silver} +p:first-line, div span {color: fuchsia} + +</style> + </head> + <body> +<p>The first line of this paragraph should be fuchsia (same as in the next block).<br />Filler text.</p> +<div><span>Lorem ipsum dolor.</span><br />Filler text.</div> + + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht new file mode 100644 index 0000000000..ec3361343a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-notref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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"/> +</head> +<body> +<p>This text should be green.</p> +<div>This text should be green.</div> +<h4>This text should be green.</h4> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht new file mode 100644 index 0000000000..dc57893635 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000-ref.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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"> +body { + color: green; + font-weight: bold; +} +</style> +</head> +<body> +<p>This text should be green.</p> +<div>This text should be green.</div> +<h4>This text should be green.</h4> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht new file mode 100644 index 0000000000..75f29cbc35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-000.xht @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Grouping</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" /> + <link rel="match" href="grouping-000-ref.xht"/> + <link rel="mismatch" href="grouping-000-notref.xht"/> + <meta name="assert" content="Browsers should apply the rule to all elements grouped"/> +<style type="text/css"> +p, div, h4 {color: green; font-weight: bold} +</style> + </head> + <body> +<p>This text should be green.</p> +<div>This text should be green.</div> +<h4>This text should be green.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht b/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht new file mode 100644 index 0000000000..8ffcc3fe62 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/grouping-001.xht @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: Grouping: Invalid grouping</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#grouping" /> + <link rel="match" href="grouping-000-ref.xht"/> + <link rel="mismatch" href="grouping-000-notref.xht"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Browsers should ignore an invalid grouping"/> +<style type="text/css"> +* {font-weight: bold} +p, div, h4 {color: green} +p, div, h4, {color: red} +</style> + </head> + <body> +<p>This text should be green.</p> +<div>This text should be green.</div> +<h4>This text should be green.</h4> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/sec5/id-000.xht b/testing/web-platform/tests/css/CSS2/sec5/id-000.xht new file mode 100644 index 0000000000..6c732aadf1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/id-000.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: ID selectors</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" /> + <link rel="match" href="class-000-ref.html"/> + <meta name="assert" content="Browsers should apply each rule to the elements which have the specified ID"/> +<style type="text/css"> +p#foo {color: fuchsia} +div#moo {color: orange} +h4#title {color: blue} + +</style> + </head> + <body> +<p id="foo">This text should be fuchsia.</p> +<div id="moo">This text should be orange.</div> +<h4 id="title">This text should be blue.</h4> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/sec5/id-001.xht b/testing/web-platform/tests/css/CSS2/sec5/id-001.xht new file mode 100644 index 0000000000..81ac96e0e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/sec5/id-001.xht @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: Selectors: ID selectors with universal selector</title> + <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#id-selectors" /> + <link rel="match" href="class-000-ref.html"/> + <meta name="assert" content="Browsers should apply each rule to the elements which have the specified ID"/> +<style type="text/css"> +#foo {color: fuchsia} +#moo {color: orange} +*#title {color: blue} + +</style> + </head> + <body> +<p id="foo">This text should be fuchsia.</p> +<div id="moo">This text should be orange.</div> +<h4 id="title">This text should be blue.</h4> + </body> +</html>
\ No newline at end of file |