diff options
Diffstat (limited to 'tests/wpt/css-tests/css-variables-1_dev/html/reference')
18 files changed, 227 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm new file mode 100644 index 00000000000..3ed25b7d62f --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-case-sensitive-ref.htm @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Variables Test: custom property names start with "var-" in lower case</title> + <meta charset="UTF-8"> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins"> + <style type="text/css"> + :root { + /* these should be VALID custom property names */ + var-veryblue: #22e; + var-AlsoBlue: #22e; + + /* these should be INVALID custom property names */ + VAR-veryred: #f00; + Var-AlsoRed: #f00; + } + + .blue-good-1 { color: var(veryblue); } + .blue-good-2 { color: var(AlsoBlue); } + .red-bad-1 { color: var(veryred); } + .red-bad-2 { color: var(AlsoRed); } + </style> +</head> +<body> + <h2 class="blue-good-1">Valid CSS Variable Names</h2> + <p class="blue-good-1">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <p class="blue-good-2">This paragraph is styled using a valid CSS Variable name. It should be blue.</p> + <br> + <h2>Invalid CSS Variable Names</h2> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + <p>This paragraph is styled using an invalid CSS Variable name. Fail if red.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-inheritance-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-inheritance-ref.htm new file mode 100644 index 00000000000..77e2387983a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/css-vars-custom-property-inheritance-ref.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html><head> + <meta charset="utf-8"> + <title>CSS Variables Test: custom properties use normal inheritance and cascade rules</title> + <link href="mailto:noahcollins@gmail.com" rel="author" title="Noah Collins"> + <style type="text/css"> + * { color: #1c1; } + </style> +</head> +<body> + <p>Green</p> + <p>Green</p> + <p>Green</p> + <p>The test passes if everything is green. Any red means the test failed.</p> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/ahem.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/ahem.css new file mode 100644 index 00000000000..0d4bcedc21b --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(../../../../fonts/Ahem.ttf); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.htm new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.htm @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.html b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.html new file mode 100644 index 00000000000..628466d5c2a --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/color-green-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + color: green; +} +</style> +</head><body><p>This text must be green.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-declaration.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-declaration.css new file mode 100644 index 00000000000..9ba1b9d3288 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-declaration.css @@ -0,0 +1,5 @@ +p { + color: red; + --a: green; + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-font-face.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-font-face.css new file mode 100644 index 00000000000..38c86f0cca7 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-font-face.css @@ -0,0 +1,15 @@ +@font-face { + --a: MyTestFontName; + font-family: var(--a); + src: url(../../../../fonts/Ahem.ttf); +} +@font-face { + font-family: MyTestFontName2; + src: url(../../../../fonts/Ahem.ttf); +} +#a { + font-family: MyTestFontName; +} +#b { + font-family: MyTestFontName2; +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-reference.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-reference.css new file mode 100644 index 00000000000..0c697fdcf91 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-reference.css @@ -0,0 +1,6 @@ +:root { + --a: green; +} +p { + color: var(--a); +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-supports.css b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-supports.css new file mode 100644 index 00000000000..96582bfd8f1 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/support/external-variable-supports.css @@ -0,0 +1,4 @@ +body { color: red; } +@supports (color:var(--a)) { + p { color: green; } +} diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-15-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-15-ref.htm new file mode 100644 index 00000000000..9db90b2467c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-15-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-16-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-16-ref.htm new file mode 100644 index 00000000000..9db90b2467c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-16-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-17-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-17-ref.htm new file mode 100644 index 00000000000..bc886baee04 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-17-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: SomeUnknownFont, Ahem; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-18-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-18-ref.htm new file mode 100644 index 00000000000..9db90b2467c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-declaration-18-ref.htm @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +p { + font-family: Ahem, sans-serif; +} +</style> +</head><body><p>This text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-01-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-01-ref.htm new file mode 100644 index 00000000000..29522e1fdcd --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-01-ref.htm @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-02-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-02-ref.htm new file mode 100644 index 00000000000..29522e1fdcd --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-font-face-02-ref.htm @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +</head><body><p>This text must not be in Ahem.</p> +<p style="font-family: Ahem">But this text must be in Ahem.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-12-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-12-ref.htm new file mode 100644 index 00000000000..fd6a93fcb5c --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-12-ref.htm @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +</head><body><p>The words "hello there" must appear below:</p> +<p>hello there</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-36-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-36-ref.htm new file mode 100644 index 00000000000..bbb8cf704d4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-36-ref.htm @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-37-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-37-ref.htm new file mode 100644 index 00000000000..bbb8cf704d4 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-37-ref.htm @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head><title>CSS Reftest Reference</title> +<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> +<style> +p { + background-color: green; + color: white; +} +</style> +</head><body><p>This text must have a green background color.</p> +</body></html>
\ No newline at end of file |