summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/reference
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/reference
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/reference')
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/60x60-green.html10
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht25
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht21
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/filler-text-below-green.xht13
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht24
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html28
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html30
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht30
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht10
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht9
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html37
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html13
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht29
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.xht19
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.xht18
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.xht22
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht20
-rw-r--r--testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.xht19
25 files changed, 527 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/reference/60x60-green.html b/testing/web-platform/tests/css/CSS2/reference/60x60-green.html
new file mode 100644
index 0000000000..4829b4b852
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/60x60-green.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference: 60px by 60px green box</title>
+<link rel="author" title="Google" href="http://www.google.com/"/>
+</head>
+<body>
+<div style="width: 60px; height: 60px; background: green;"><br></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht b/testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht
new file mode 100644
index 0000000000..e7413088fa
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/bidi-005-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test reference</title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"/>
+ <style type="text/css">
+ div p { white-space: pre; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht b/testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht
new file mode 100644
index 0000000000..079b99475b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/bidi-007-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+ <head>
+ <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and float: left; </title>
+ <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
+ <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"/>
+ <style type="text/css">
+ div p { float: left; clear: left; margin: 0.5em 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
+ .one, .c, .j, .e { color: aqua; }
+ .two, .i, .d, .k, .b { color: fuchsia; }
+ .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
+ .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
+ .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
+ .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
+ </style>
+ </head>
+ <body>
+ <p> The following two blocks should be identical, including overflow. (Force bidi: &#x05D0;) </p>
+ <div>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht b/testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht
new file mode 100644
index 0000000000..2788a34324
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/border-seams-001.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reference</title>
+ <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+ <style type="text/css"><![CDATA[
+ #outer { width: 250px;
+ border: 50px solid;
+ border-color: #FEFEFE #FDFDFD #FEFEFE #FEFEFE;
+ }
+ #inner { background: white;
+ border: 20px solid;
+ border-color: #FCFCFC; #FCFCFC; #FDFDFD #FCFCFC;
+ }
+ ]]></style>
+ </head>
+ <body>
+
+<div id="outer">
+<div id="inner">
+ There must be no red, not even when printing.
+</div>
+</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht b/testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht
new file mode 100644
index 0000000000..7ecb8969a4
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/boxes_same_color_100px_black_50px_margin.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Reference rendering - boxes same color, black 100px squares with 50px margin</title>
+ <link rel="author" title="Opera" href="https://www.opera.com/"/>
+ <style type="text/css">
+ div {
+ width: 100px;
+ height: 100px;
+ background-color: black;
+ margin: 50px;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if the two boxes below are the same color.</p>
+ <div></div>
+ <div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/filler-text-below-green.xht b/testing/web-platform/tests/css/CSS2/reference/filler-text-below-green.xht
new file mode 100644
index 0000000000..f9609b1d8a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/filler-text-below-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>Filler text below is green reference</title>
+ <style>
+ .green { color: green; }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the "Filler Text" below is green.</p>
+ <p class="green">Filler Text</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht
new file mode 100644
index 0000000000..412e600558
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/float-applies-to-001-ref.xht
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div {text-align: right;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled blue square on the right side of the page.</p>
+
+ <div><img src="../support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html b/testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html
new file mode 100644
index 0000000000..ab59c270ce
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/inline-svg-100-percent-in-body-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test Reference: SVG element with a view box with explicit 100% width and height should occupy the entire view port</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<style type="text/css">
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+img {
+ display: block;
+ visibility: hidden;
+}
+
+div {
+ background-color: green;
+}
+
+</style>
+</head>
+<body>
+<p>The box below should occupy the entire view port.</p>
+<div><img src="../support/60x60-green.png" width="100%" height="100%"></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html b/testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html
new file mode 100644
index 0000000000..af44809645
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/inline-svg-margin-padding-border-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test Reference: Scroll multiple background images that are positioned</title>
+<link rel="author" title="Google" href="http://www.google.com/" />
+<style type="text/css">
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+#container {
+ margin: 10px;
+ padding: 10px;
+ border: 10px solid green;
+}
+
+#container div {
+ width: 60px;
+ height: 60px;
+ background: green;
+}
+
+</style>
+</head>
+<body>
+<div id="container" style="margin: 10px; width: 60px; height: 60px;"><div></div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht b/testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht
new file mode 100644
index 0000000000..e85f0a0bda
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/margin-collapse-002-ref.xht
@@ -0,0 +1,30 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ border-bottom: green solid 20px;
+ border-top: green solid 20px;
+ height: 40px;
+ width: 100px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht b/testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht
new file mode 100644
index 0000000000..73c348f151
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/no-red-filler-text-ref.xht
@@ -0,0 +1,10 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>No red visible, filler text, reference</title>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ <p>Filler Text</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht b/testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht
new file mode 100644
index 0000000000..810e90fd42
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/no-red-on-blank-page-ref.xht
@@ -0,0 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>No red visible, blank page, reference</title>
+ </head>
+ <body>
+ <p>Test passes if there is no red visible on the page.</p>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html b/testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html
new file mode 100644
index 0000000000..39305e4430
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/no_red_bold_italic_small-caps_ahem.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html>
+<head>
+ <title>Reference rendering - no red, bold italic small-caps Ahem</title>
+ <link rel="author" title="Opera Software" href="https://opera.com">
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css">
+ #outer {
+ position: relative;
+ }
+ #inner1, #inner2 {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ font-family: "Ahem";
+ font-size: 96px;
+ font-style: italic;
+ font-variant: small-caps;
+ font-weight: bold;
+ }
+ #inner1 {
+ color: red;
+ }
+ #inner2 {
+ color: black;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if there is no red visible on the page except for
+ antialiasing.</p>
+ <div id="outer">
+ <div id="inner1">a</div>
+ <div id="inner2">b</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht b/testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht
new file mode 100644
index 0000000000..3a33913194
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/pass-if-number-0-30px.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+ <title>Reference rendering - pass if the number 0 appears below</title>
+ <link rel="author" title="Opera Software" href="https://opera.com"/>
+ <style type="text/css">
+ div {
+ font-size: 30px;
+ }
+ </style>
+</head>
+<body>
+ <p>Test passes if the number '0' appears below.</p>
+ <div>0</div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html b/testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html
new file mode 100644
index 0000000000..dad2c8f458
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/pass_if_box_ahem.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<title>Reference rendering - black box (Ahem)</title>
+<link rel="author" title="Opera Software" href="https://opera.com">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style type="text/css">
+div
+{
+ font: 16px/1em ahem;
+ margin-left: 96px;
+}
+</style>
+<p>Test passes if there is one black box on this page (with no jagged edges).</p>
+<div>FA<br>IL</div>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht b/testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht
new file mode 100644
index 0000000000..126c421431
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-black-96px-square-no-red.xht
@@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: black;
+ height: 96px;
+ width: 96px;
+ }
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ <div></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht b/testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht
new file mode 100644
index 0000000000..7309746e54
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-filled-black-96px-square.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div><img src="../support/black96x96.png" alt="Image download support must be enabled" /></div>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.xht b/testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.xht
new file mode 100644
index 0000000000..05a1379448
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-filled-green-100px-square.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 Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht b/testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht
new file mode 100644
index 0000000000..d2d2b7c819
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-green-background.xht
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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">
+p {
+ color: white;
+ background: green;
+}
+</style>
+</head>
+<body>
+<p>This should have a green background.</p>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.xht b/testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.xht
new file mode 100644
index 0000000000..a5b4e9f47a
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-if-there-is-no-red.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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no red</strong>.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht b/testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht
new file mode 100644
index 0000000000..53537c886e
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-no-vert-space-between.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: blue;
+ height: 5px;
+ }
+
+ div + div {background-color: orange;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p>
+
+ <div></div>
+
+ <div></div>
+
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.xht b/testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.xht
new file mode 100644
index 0000000000..c87db8094b
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-nothing-below.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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is nothing below.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.xht b/testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.xht
new file mode 100644
index 0000000000..29fe1d8e47
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-this-text-should-be-green.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" lang="en">
+
+ <head>
+
+ <title>CSS Reftest Reference</title>
+
+ <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ <style type="text/css"><![CDATA[
+ p {color: green;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>This text should be green.</p>
+
+ </body>
+</html> \ No newline at end of file
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht
new file mode 100644
index 0000000000..f8a702617d
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-black.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Reftest Reference</title>
+<link rel="author" title="Jack Moffitt" href="http://metajack.im/"/>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+ background: black;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+<div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.xht b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.xht
new file mode 100644
index 0000000000..697f60f773
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/reference/ref-transparent-or-black-square-transparent.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 Reftest Reference</title>
+<link rel="author" title="Jack Moffitt" href="http://metajack.im/"/>
+<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/>
+<style type="text/css">
+div {
+ border: 5px solid blue;
+ height: 1in;
+ width: 1in;
+}
+</style>
+</head>
+<body>
+<p>Test passes if there is a filled black or transparent square surrounded by a blue border.</p>
+<div></div>
+</body>
+</html>