Bug 1177606 - Reftests for vertical tables with specified width.
authorJonathan Kew <jkew@mozilla.com>
Fri, 26 Jun 2015 16:52:39 -0700
changeset 281226 30031b730aa2b9349701a627d0aebb65cbfc7b10
parent 281225 26936539435ab8e207f09ca8802d89ac7327d282
child 281227 c9b9af1014898e5e3f680bb4ffba7ad4716ca8b9
push id4932
push userjlund@mozilla.com
push dateMon, 10 Aug 2015 18:23:06 +0000
treeherdermozilla-beta@6dd5a4f5f745 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs1177606
milestone41.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1177606 - Reftests for vertical tables with specified width.
layout/reftests/writing-mode/tables/reftest.list
layout/reftests/writing-mode/tables/vertical-table-specified-width-1-ref.html
layout/reftests/writing-mode/tables/vertical-table-specified-width-1.html
layout/reftests/writing-mode/tables/vertical-table-specified-width-2-ref.html
layout/reftests/writing-mode/tables/vertical-table-specified-width-2.html
--- a/layout/reftests/writing-mode/tables/reftest.list
+++ b/layout/reftests/writing-mode/tables/reftest.list
@@ -1,8 +1,10 @@
 == 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
 == vertical-table-rowspan-1.html vertical-table-rowspan-1-ref.html
 == vertical-table-rowspan-2.html vertical-table-rowspan-2-ref.html
 == vertical-table-colspan-1.html vertical-table-colspan-1-ref.html
 == vertical-table-colspan-2.html vertical-table-colspan-2-ref.html
+== vertical-table-specified-width-1.html vertical-table-specified-width-1-ref.html
+== vertical-table-specified-width-2.html vertical-table-specified-width-2-ref.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-1-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table { border-spacing: 0; }
+td { padding: 0; }
+.r1 { width: 80px; background: #800; }
+.r2 { width: 130px; background: #080; }
+.r3 { width: 50px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2></td>
+  <td class="r3 c1"></td>
+</tr>
+<tr>
+  <td class="r1 c2"></td>
+  <td class="r2 c2"></td>
+  <td class="r3 c2"></td>
+</tr>
+<tr>
+  <td class="r1 c3" colspan=3></td>
+</tr>
+<tr>
+  <td class="r1 c4"></td>
+  <td class="r2 c4" colspan=2></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-1.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table {
+  writing-mode: vertical-lr;
+  border-spacing: 0;
+  width: 260px; /* natural width would be 170px; this adds 30px to each row */
+}
+td { padding: 0; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px; background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" rowspan=2></td>
+  <td class="r1 c2"></td>
+  <td class="r1 c3" rowspan=3></td>
+  <td class="r1 c4"></td>
+</tr>
+<tr>
+  <td class="r2 c2"></td>
+  <td class="r2 c4" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r3 c1"></td>
+  <td class="r3 c2"></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-2-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table { border-spacing: 0; }
+td { padding: 0; }
+.r1 { width: 80px; }
+.r2 { width: 130px; }
+.r3 { width: 50px; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r1 c1" colspan=2 style="background: #080;"></td>
+  <td class="r3 c1" style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c2" style="background: #800;"></td>
+  <td class="r2 c2" style="background: #080;"></td>
+  <td class="r3 c2" style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c3" colspan=3 style="background: #008;"></td>
+</tr>
+<tr>
+  <td class="r1 c4" style="background: #800;"></td>
+  <td class="r2 c4" colspan=2 style="background: #008;"></td>
+</tr>
+</table>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-table-specified-width-2.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+html { overflow: hidden; }
+table {
+  writing-mode: vertical-rl;
+  border-spacing: 0;
+  width: 260px; /* natural width would be 170px; this adds 30px to each row */
+}
+td { padding: 0; }
+.r1 { width: 50px; background: #800; }
+.r2 { width: 100px; background: #080; }
+.r3 { width: 20px; background: #008; }
+.c1 { height: 20px; }
+.c2 { height: 30px; }
+.c3 { height: 40px; }
+.c4 { height: 50px; }
+</style>
+</head>
+<body>
+
+<table>
+<tr>
+  <td class="r3 c1"></td>
+  <td class="r3 c2"></td>
+  <td class="r3 c3" rowspan=3></td>
+  <td class="r3 c4" rowspan=2></td>
+</tr>
+<tr>
+  <td class="r2 c1" rowspan=2></td>
+  <td class="r2 c2"></td>
+</tr>
+<tr>
+  <td class="r1 c2"></td>
+  <td class="r1 c4"></td>
+</tr>
+</table>
+
+</body>
+</html>