Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions

View file

@ -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>

View file

@ -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>

View file

@ -0,0 +1,4 @@
@font-face {
font-family: "Ahem";
src: url(../../../../fonts/Ahem.ttf);
}

View file

@ -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>

View file

@ -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>

View file

@ -0,0 +1,5 @@
p {
color: red;
--a: green;
color: var(--a);
}

View file

@ -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;
}

View file

@ -0,0 +1,6 @@
:root {
--a: green;
}
p {
color: var(--a);
}

View file

@ -0,0 +1,4 @@
body { color: red; }
@supports (color:var(--a)) {
p { color: green; }
}

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>