diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-style-attr')
60 files changed, 386 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-style-attr/META.yml b/testing/web-platform/tests/css/css-style-attr/META.yml new file mode 100644 index 0000000000..067e03cfbc --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/META.yml @@ -0,0 +1,3 @@ +spec: https://drafts.csswg.org/css-style-attr/ +suggested_reviewers: + - fantasai diff --git a/testing/web-platform/tests/css/css-style-attr/reference/ref-green-on-green.xht b/testing/web-platform/tests/css/css-style-attr/reference/ref-green-on-green.xht new file mode 100644 index 0000000000..ce7a049475 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/reference/ref-green-on-green.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <style type="text/css"><![CDATA[ + p { color: green; background: lime; } + ]]></style> + </head> + <body> + <p>This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/reference/ref-green.html b/testing/web-platform/tests/css/css-style-attr/reference/ref-green.html new file mode 100644 index 0000000000..af27b14790 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/reference/ref-green.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<style type="text/css"> + div { color: green; } +</style> +<body> + <div>This should be green.</div> +</body> diff --git a/testing/web-platform/tests/css/css-style-attr/reference/ref-white-on-green-background.html b/testing/web-platform/tests/css/css-style-attr/reference/ref-white-on-green-background.html new file mode 100644 index 0000000000..7a92add2e4 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/reference/ref-white-on-green-background.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<link rel="author" title="Intel" href="http://www.intel.com"> +<style> + div { background-color: green; color: white; } +</style> +<body> + <div>This should be white on green.</div> +</body> diff --git a/testing/web-platform/tests/css/css-style-attr/reference/style-attr-cascade-007.xht b/testing/web-platform/tests/css/css-style-attr/reference/style-attr-cascade-007.xht new file mode 100644 index 0000000000..152fff19fb --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/reference/style-attr-cascade-007.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <style type="text/css"><![CDATA[ + p { color: green; border: solid green; } + ]]></style> + </head> + <body> + <p> + This sentence must be green with a green border.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-braces-001.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-001.xht new file mode 100644 index 0000000000..a744b14b26 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Stray closing brace in style attribute</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com"/> + <link rel="match" href="reference/ref-green-on-green.xht"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#syntax"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="A mismatched close brace in a style attribute is + treated as an invalid token: it causes that declaration to be dropped, but + does not invalidate the whole style rule and does not terminate the style + attribute's style data."/> + <style type="text/css"><![CDATA[ + p { background: red; } + ]]></style> + </head> + <body> + <p style="color: green; color: red }; background: lime;"> + This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-braces-002-quirks.htm b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-002-quirks.htm new file mode 100644 index 0000000000..7b74d8f1f7 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-002-quirks.htm @@ -0,0 +1,18 @@ +<html> + <head> + <title>CSS Test: Blocks in style attributes in quirks mode</title> + <link rel="author" title="Simon Pieters" href="mailto:simonp@opera.com"> + <link rel="match" href="reference/ref-green-on-green.xht"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#syntax"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Style attribute values are the content of a + declaration block: the braces must not be included and are therefore invalid."/> + <style type="text/css"> + p { background: lime; color: green; margin-top: 1em; } + </style> + </head> + <body> + <p style="{color: red; background: red; }"> + This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-braces-002.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-002.xht new file mode 100644 index 0000000000..b0c24935ec --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-002.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: Blocks in style attributes</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com"/> + <link rel="match" href="reference/ref-green-on-green.xht"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#syntax"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Style attribute values are the content of a + declaration block: the braces must not be included and are therefore invalid."/> + <style type="text/css"><![CDATA[ + p { background: lime; color: green; } + ]]></style> + </head> + <body> + <p style="{color: red; background: red; }"> + This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-braces-003.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-003.xht new file mode 100644 index 0000000000..5b242235e3 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-braces-003.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Pairing braces in style attributes</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com"/> + <link rel="match" href="reference/ref-green-on-green.xht"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#syntax"/> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Braces in a style attribute are treated as an + invalid tokens, and must be paired when dropping declarations."/> + <style type="text/css"><![CDATA[ + ]]></style> + </head> + <body> + <p style="background: lime; {background: red; background: red; } background: red; color: green;"> + This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-001.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-001.xht new file mode 100644 index 0000000000..36d916150f --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-001.xht @@ -0,0 +1,23 @@ +<!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: style attributes vs. important tag selector</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="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/001.xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <link rel="match" href="reference/ref-green.html" /> + <style type="text/css"> + + div { color: green ! important; } + + </style> + </head> + <body> + <!--It has a style attribute with "color: red" but an important rule with "color:green".--> + <div style="color: red">This should be green.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-002.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-002.xht new file mode 100644 index 0000000000..37dc4fae16 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-002.xht @@ -0,0 +1,16 @@ +<!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: style attribute (normal vs. important)</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="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/002.xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" /> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <link rel="match" href="reference/ref-green.html" /> + </head> + <body> + <!--It has a style attribute with "color: red" preceeded by an important "color: green".--> + <div style="color: green ! important; color: red">This should be green.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-003.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-003.xht new file mode 100644 index 0000000000..48701eec9c --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-003.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: style attribute vs. tag selector</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="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/003.xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <link rel="match" href="reference/ref-green.html" /> + <style type="text/css"> + div { color: red; } + </style> + </head> + <body> + <!--It has a style attribute with "color: green" and a normal style rule with "color: red". --> + <div style="color: green">This should be green.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-004.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-004.xht new file mode 100644 index 0000000000..d15b43910f --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-004.xht @@ -0,0 +1,19 @@ +<!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: style attribute vs. important tag selectors</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="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/004.xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <link rel="match" href="reference/ref-white-on-green-background.html" /> + <style type="text/css"> + div { color: white ! important; background: green ! important; } + </style> + </head> + <body> + <div style="color: yellow; background: red;">This should be white on green.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-005.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-005.xht new file mode 100644 index 0000000000..2b71300a48 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-005.xht @@ -0,0 +1,19 @@ +<!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: style attribute vs. tag selectors (interleaved importance)</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="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/005.xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#important-rules" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <link rel="match" href="reference/ref-white-on-green-background.html" /> + <style type="text/css"> + div { color: white ! important; background: red; } + </style> + </head> + <body> + <div style="color: yellow; background: green ! important;">This should be white on green.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-006.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-006.xht new file mode 100644 index 0000000000..b1b77e5183 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-006.xht @@ -0,0 +1,19 @@ +<!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: style attribute and 'inherit'</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/style/006.xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <link rel="match" href="reference/ref-green.html" /> + <style type="text/css"> + body { color: green; } + div { color: red; } + </style> + </head> + <body> + <div style="color: inherit">This should be green.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-007.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-007.xht new file mode 100644 index 0000000000..d9c1038210 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-cascade-007.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Style Attribute Inheritance</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com"/> + <link rel="match" href="reference/style-attr-cascade-007.xht"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#inheritance"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Iff a property inherits, it also inherits when declared via style attribute."/> + <style type="text/css"><![CDATA[ + ]]></style> + </head> + <body> + <div style="color: green; border-color: red;"> + <p style="border-style: solid"> + This sentence must be green with a green border.</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-specificity-001.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-specificity-001.xht new file mode 100644 index 0000000000..ff818d8e1b --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-specificity-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: Style attribute and specificity of selectors</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" /> + <link rel="match" href="reference/ref-green-on-green.xht" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta name="assert" content="The style attribute has a higher specificity than any other selector." /> + <style type="text/css"> + #p1, .p1, p, p[style] + { + background: red; + color: yellow; + } + </style> + </head> + <body> + <p class="p1" id="p1" style="background: lime; color: green;">This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-specificity-002.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-specificity-002.xht new file mode 100644 index 0000000000..1f7bb62871 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-specificity-002.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline styles vs. 101 ID selectors</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#specificity" /> + <link rel="match" href="reference/ref-green-on-green.xht" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta name="assert" content="The style attribute has a higher specificity than all selectors, including ID selectors no matter how many." /> + <style type="text/css"> + /* 101 ID selectors to identify if selector matching is additive */ + #p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1#p1 + { + background: red; + color: yellow; + } + </style> + </head> + <body> + <p id="p1" style="background: lime; color: green;">This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-urls-001.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-urls-001.xht new file mode 100644 index 0000000000..8a2a45850f --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-urls-001.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: URLs in style attributes</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com"/> + <link rel="match" href="reference/ref-green-on-green.xht"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta name="flags" content="image" /> + <meta name="assert" content="In the absence of any base URL manipulation, URLs in style attributes are relative to the document."/> + <style type="text/css"><![CDATA[ + p { background: red; color: green; } + ]]></style> + </head> + <body> + <p style="background-image: url(support/swatch-lime.png)"> + This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-urls-002.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-urls-002.xht new file mode 100644 index 0000000000..b6f9bec637 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-urls-002.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: URLs in style attributes (with <base>)</title> + <base href="support/"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com"/> + <link rel="match" href="reference/ref-green-on-green.xht"/> + <link rel="help" href="http://www.w3.org/TR/css-style-attr/#interpret"/> + <link rel="help" href="http://www.w3.org/TR/html5/the-base-element.html#the-base-element"/> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta name="flags" content="image" /> + <meta name="assert" content="In the presence of <base> URL manipulation, URLs in style attributes are relative to the specified base."/> + <style type="text/css"><![CDATA[ + p { background: red; color: green; } + ]]></style> + </head> + <body> + <p style="background-image: url(swatch-lime.png)"> + This sentence must be green on a green background.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/style-attr-urls-003.xht b/testing/web-platform/tests/css/css-style-attr/style-attr-urls-003.xht new file mode 100644 index 0000000000..d1326f8774 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/style-attr-urls-003.xht @@ -0,0 +1,23 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: URLs in style attributes (with xml:base)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Arron Eicholz" href="mailto:Arron.Eicholz@microsoft.com"/> + <link rel="match" href="reference/ref-green-on-green.xht"/> + <link rel="help" href="https://drafts.csswg.org/css-style-attr/#interpret"/> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta name="flags" content="image nonHTML" /> + <meta name="assert" content="xml:base is ignored when resolving URLs in style attributes."/> + <!-- This test originally asserted that xml:base works, and xml:base is mentioned in + https://www.w3.org/TR/2013/REC-css-style-attr-20131107/. Support for xml:base + has been removed from browsers and it's no longer mentioned in the spec. --> + <style type="text/css"><![CDATA[ + p { background-color: lime; color: green; } + ]]></style> + </head> + <body> + <p style="background-image: url(swatch-red.png)" xml:base="support/"> + This sentence must be green on a green background. + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-style-attr/support/1x1-green.png b/testing/web-platform/tests/css/css-style-attr/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/1x1-green.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/1x1-lime.png b/testing/web-platform/tests/css/css-style-attr/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/1x1-maroon.png b/testing/web-platform/tests/css/css-style-attr/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/1x1-navy.png b/testing/web-platform/tests/css/css-style-attr/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/1x1-red.png b/testing/web-platform/tests/css/css-style-attr/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/1x1-red.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/1x1-white.png b/testing/web-platform/tests/css/css-style-attr/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/1x1-white.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/60x60-gg-rr.png b/testing/web-platform/tests/css/css-style-attr/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/60x60-green.png b/testing/web-platform/tests/css/css-style-attr/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/60x60-green.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/a-green.css b/testing/web-platform/tests/css/css-style-attr/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/css-style-attr/support/b-green.css b/testing/web-platform/tests/css/css-style-attr/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-style-attr/support/c-red.css b/testing/web-platform/tests/css/css-style-attr/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-style-attr/support/cat.png b/testing/web-platform/tests/css/css-style-attr/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/cat.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/css-style-attr/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/css-style-attr/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/css-style-attr/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/pattern-tr.png b/testing/web-platform/tests/css/css-style-attr/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/ruler-h-50%.png b/testing/web-platform/tests/css/css-style-attr/support/ruler-h-50%.png Binary files differnew file mode 100644 index 0000000000..cf2eea6b43 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/ruler-h-50%.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/ruler-h-50px.png b/testing/web-platform/tests/css/css-style-attr/support/ruler-h-50px.png Binary files differnew file mode 100644 index 0000000000..9f46583665 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/ruler-h-50px.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/ruler-v-100px.png b/testing/web-platform/tests/css/css-style-attr/support/ruler-v-100px.png Binary files differnew file mode 100644 index 0000000000..a837eca222 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/ruler-v-100px.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/ruler-v-50px.png b/testing/web-platform/tests/css/css-style-attr/support/ruler-v-50px.png Binary files differnew file mode 100644 index 0000000000..8414102802 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/ruler-v-50px.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/square-purple.png b/testing/web-platform/tests/css/css-style-attr/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/square-purple.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/square-teal.png b/testing/web-platform/tests/css/css-style-attr/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/square-teal.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/square-white.png b/testing/web-platform/tests/css/css-style-attr/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/square-white.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/support/README b/testing/web-platform/tests/css/css-style-attr/support/support/README new file mode 100644 index 0000000000..ea8cb9ef35 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/support/README @@ -0,0 +1,4 @@ +The swatch-green.png file in this directory is really a RED swatch, +and the swatch-red.png file is really a green swatch. + +This directory is used to test relative URIs.
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-style-attr/support/support/swatch-green.png b/testing/web-platform/tests/css/css-style-attr/support/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/support/swatch-green.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/support/swatch-red.png b/testing/web-platform/tests/css/css-style-attr/support/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/support/swatch-red.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/swatch-blue.png b/testing/web-platform/tests/css/css-style-attr/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/swatch-green.png b/testing/web-platform/tests/css/css-style-attr/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/swatch-green.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/swatch-lime.png b/testing/web-platform/tests/css/css-style-attr/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/swatch-orange.png b/testing/web-platform/tests/css/css-style-attr/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/swatch-red.png b/testing/web-platform/tests/css/css-style-attr/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/swatch-red.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/swatch-white.png b/testing/web-platform/tests/css/css-style-attr/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/swatch-white.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/swatch-yellow.png b/testing/web-platform/tests/css/css-style-attr/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/test-bl.png b/testing/web-platform/tests/css/css-style-attr/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/test-bl.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/test-br.png b/testing/web-platform/tests/css/css-style-attr/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/test-br.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/test-inner-half-size.png b/testing/web-platform/tests/css/css-style-attr/support/test-inner-half-size.png Binary files differnew file mode 100644 index 0000000000..e473bf80ef --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/test-inner-half-size.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/test-outer.png b/testing/web-platform/tests/css/css-style-attr/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/test-outer.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/test-tl.png b/testing/web-platform/tests/css/css-style-attr/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/test-tl.png diff --git a/testing/web-platform/tests/css/css-style-attr/support/test-tr.png b/testing/web-platform/tests/css/css-style-attr/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/css-style-attr/support/test-tr.png |
