Bug 1077521 - Initial testcases for vertical writing-mode tables. r=smontagu
authorJonathan Kew <jkew@mozilla.com>
Tue, 23 Jun 2015 13:04:02 -0700
changeset 268545 4d8180c520d878fbba1dd9444862746bbc1352f8
parent 268544 645991c76862d7bf87ecf584737e20ba77f64eb1
child 268546 0683f80da7857ff38e412b732022b5a99bb964e5
push id4932
push userjlund@mozilla.com
push dateMon, 10 Aug 2015 18:23:06 +0000
treeherdermozilla-esr52@6dd5a4f5f745 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerssmontagu
bugs1077521
milestone41.0a1
Bug 1077521 - Initial testcases for vertical writing-mode tables. r=smontagu
layout/reftests/writing-mode/reftest.list
layout/reftests/writing-mode/tables/reftest.list
layout/reftests/writing-mode/tables/vertical-table-1-ref.html
layout/reftests/writing-mode/tables/vertical-table-1a.html
layout/reftests/writing-mode/tables/vertical-table-1b.html
layout/reftests/writing-mode/tables/vertical-table-2-ref.html
layout/reftests/writing-mode/tables/vertical-table-2a.html
layout/reftests/writing-mode/tables/vertical-table-2b.html
--- a/layout/reftests/writing-mode/reftest.list
+++ b/layout/reftests/writing-mode/reftest.list
@@ -148,8 +148,11 @@ fails == 1147834-relative-overconstraine
 == 1172774-percent-padding-2.html 1172774-percent-horizontal-ref.html
 == 1172774-percent-padding-3.html 1172774-percent-vertical-ref.html
 == 1172774-percent-padding-4.html 1172774-percent-vertical-ref.html
 == 1174450-intrinsic-sizing.html 1174450-intrinsic-sizing-ref.html
 == 1175789-underline-overline-1.html 1175789-underline-overline-1-ref.html
 
 # Suite of tests from GĂ©rard Talbot in bug 1079151
 include abspos/reftest.list
+
+# Tests for tables with vertical writing modes
+include tables/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/reftest.list
@@ -0,0 +1,4 @@
+== vertical-table-1a.html vertical-table-1-ref.html
+== vertical-table-1b.html vertical-table-1-ref.html
+== vertical-table-2a.html vertical-table-2-ref.html
+== vertical-table-2b.html vertical-table-2-ref.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-1-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+#r1c1 { background: #003; }
+#r1c2 { background: #007; }
+#r1c3 { background: #00b; }
+#r1c4 { background: #00f; }
+#r2c1 { background: #030; }
+#r2c2 { background: #070; }
+#r2c3 { background: #0b0; }
+#r2c4 { background: #0f0; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r2c1"></td>
+</tr>
+<tr>
+  <td id="r1c2"></td>
+  <td id="r2c2"></td>
+</tr>
+<tr>
+  <td id="r1c3"></td>
+  <td id="r2c3"></td>
+</tr>
+<tr>
+  <td id="r1c4"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-1a.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-lr; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+#r1c1 { background: #003; }
+#r1c2 { background: #007; }
+#r1c3 { background: #00b; }
+#r1c4 { background: #00f; }
+#r2c1 { background: #030; }
+#r2c2 { background: #070; }
+#r2c3 { background: #0b0; }
+#r2c4 { background: #0f0; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-1b.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-rl; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+#r1c1 { background: #003; }
+#r1c2 { background: #007; }
+#r1c3 { background: #00b; }
+#r1c4 { background: #00f; }
+#r2c1 { background: #030; }
+#r2c2 { background: #070; }
+#r2c3 { background: #0b0; }
+#r2c4 { background: #0f0; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-2-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+td {
+  border-left: 1px solid red;
+  border-right: 5px solid green;
+  border-top: 3px solid blue;
+  border-bottom: 5px dotted silver;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r2c1"></td>
+</tr>
+<tr>
+  <td id="r1c2"></td>
+  <td id="r2c2"></td>
+</tr>
+<tr>
+  <td id="r1c3"></td>
+  <td id="r2c3"></td>
+</tr>
+<tr>
+  <td id="r1c4"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-2a.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-lr; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+td {
+  border-left: 1px solid red;
+  border-right: 5px solid green;
+  border-top: 3px solid blue;
+  border-bottom: 5px dotted silver;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-2b.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table { writing-mode: vertical-rl; }
+#r1c1, #r1c2, #r1c3, #r1c4 { width: 50px; }
+#r2c1, #r2c2, #r2c3, #r2c4 { width: 100px; }
+#r1c1, #r2c1 { height: 20px; }
+#r1c2, #r2c2 { height: 30px; }
+#r1c3, #r2c3 { height: 40px; }
+#r1c4, #r2c4 { height: 50px; }
+td {
+  border-left: 1px solid red;
+  border-right: 5px solid green;
+  border-top: 3px solid blue;
+  border-bottom: 5px dotted silver;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td id="r2c1"></td>
+  <td id="r2c2"></td>
+  <td id="r2c3"></td>
+  <td id="r2c4"></td>
+</tr>
+<tr>
+  <td id="r1c1"></td>
+  <td id="r1c2"></td>
+  <td id="r1c3"></td>
+  <td id="r1c4"></td>
+</tr>
+</table>
+
+</body>
+</html>