summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/tables/reference
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/tables/reference')
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht71
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht32
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht16
-rw-r--r--testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht39
5 files changed, 174 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht
new file mode 100644
index 0000000000..821ddc77b0
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht
@@ -0,0 +1,71 @@
+<!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 - no red, 3x3 monospace table</title>
+ <link rel="author" title="Opera" href="https://www.opera.com/" />
+ <style>
+ body {
+ font-family: monospace;
+ }
+ div {
+ position: relative;
+ }
+ table {
+ font-size: 2em;
+ border-spacing: 0;
+ position: absolute;
+ top: 1px;
+ left: 1px;
+ }
+ td {
+ padding: 0;
+ }
+ #red {
+ color: red;
+ }
+ #green {
+ color: green;
+ }
+ </style>
+ </head>
+ <body>
+ <p>There should be no red below, except for antialiasing issues.</p>
+ <div>
+ <table id="red">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ <table id="green">
+ <tr>
+ <td>Row 1, Col 1</td>
+ <td>Row 1, Col 2</td>
+ <td>Row 1, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 22, Col 1</td>
+ <td>Row 22, Col 2</td>
+ <td>Row 22, Col 3</td>
+ </tr>
+ <tr>
+ <td>Row 333, Col 1</td>
+ <td>Row 333, Col 2</td>
+ <td>Row 333, Col 3</td>
+ </tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht
new file mode 100644
index 0000000000..b6b83e1885
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.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>Reference rendering - no red except antialiasing, a bc d</title>
+ <link rel="author" title="Opera" href="https://www.opera.com/" />
+ <style type="text/css">
+ #outer {
+ position: relative;
+ font-size: 2em;
+ }
+ #inner1, #inner2 {
+ position: absolute;
+ top: 1px;
+ left: 1px;
+ }
+ #inner1 {
+ color: red;
+ }
+ #inner2 {
+ color: green;
+ }
+ </style>
+</head>
+<body>
+ <p>There should be no red below, except for antialiasing issues.</p>
+ <div id="outer">
+ <div id="inner1">a bc d</div>
+ <div id="inner2">a bc d</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht
new file mode 100644
index 0000000000..ab82821d66
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.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>
+ <style><![CDATA[
+ #target { border-spacing: 20px; }
+ #target > * { display: table-cell; border: 1px solid black; }
+ ]]></style>
+ </head>
+<body>
+ <p>There should be 20px border-spacing in the table below.</p>
+ <div id="target">
+ <div>First cell</div>
+ <div>Second cell</div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht
new file mode 100644
index 0000000000..08cffbf3cc
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.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>
+ <style><![CDATA[
+ #target { text-indent: 20px; display: table; }
+ #target > * { display: table-cell; border: 1px solid black; }
+ ]]></style>
+ </head>
+<body>
+ <p>There should be 20px text-indent in the table below.</p>
+ <div id="target">
+ <div>First cell</div>
+ Second cell (no element on purpose)
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht
new file mode 100644
index 0000000000..66f507f3ea
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht
@@ -0,0 +1,39 @@
+<!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/" />
+
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ <style type="text/css"><![CDATA[
+ table
+ {
+ border: blue solid medium;
+ border-spacing: 0em 1em;
+ color: black;
+ font: 1.25em/1 Ahem;
+ width: 100%;
+ }
+
+ td {padding: 0em 0em 0em 1em;}
+ ]]></style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there are 4 black bars which do not overflow a wide blue rectangle. The black bars are evenly distributed (vertically) in the blue rectangle: the gap between the blue border at the top and the first black bar should be equal to the gap between the 4th bar and the blue border at the bottom.</p>
+
+ <table>
+ <tr><td>1111</td></tr>
+ <tr><td>2222</td></tr>
+ <tr><td>3333</td></tr>
+ <tr><td>4444</td></tr>
+ </table>
+
+ </body>
+</html>