Bug 1375518 - Add reftest to check that border-radius is painted correctly on table. r=dbaron
authorYa-Chieh Wu <ywu@mozilla.com>
Tue, 18 Jul 2017 12:00:27 +0800
changeset 371031 32a63be3c80c
parent 371030 8d37da744549
child 371032 e2801fbe0885
push id32237
push usercbook@mozilla.com
push date2017-07-26 09:12 +0000
treeherdermozilla-central@e8400551c2e3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs1375518
milestone56.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 1375518 - Add reftest to check that border-radius is painted correctly on table. r=dbaron MozReview-Commit-ID: KPuHtkttJim
layout/reftests/table-bordercollapse/bug1375518-3.html
layout/reftests/table-bordercollapse/bug1375518-4-ref.html
layout/reftests/table-bordercollapse/bug1375518-4.html
layout/reftests/table-bordercollapse/bug1375518-5-ref.html
layout/reftests/table-bordercollapse/bug1375518-5.html
layout/reftests/table-bordercollapse/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-3.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Separated border model table</title>
+<style>
+  div > span {
+    display: table-cell;
+    background-color: black;
+    height: 100px;
+    width: 100px;
+    border-radius: 50px;
+  }
+  div {
+    display: table;
+    border-collapse: separate;
+  }
+</style>
+</head>
+<body>
+  <div><span></span></div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-4-ref.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<title>border-radius and separated border model tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: separate; margin: 1em 2px; }
+table, td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; }
+
+</style>
+
+<h1>border-radius and separated border model tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody class="radius">
+    <tr><td>xx</td><td>xx</td><td>xx
+    </td></tr><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+</table>
+
+<table>
+  <tbody><tr class="radius"><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup class="radius"><col><col></colgroup><colgroup><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup><col><col class="radius"><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-4.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<title>border-radius and separated border model tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: separate; margin: 1em 2px; }
+table, td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; border-radius: 12px }
+
+</style>
+
+<h1>border-radius and separated border model tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody class="radius">
+    <tr><td>xx</td><td>xx</td><td>xx
+    </td></tr><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+  <tbody>
+    <tr><td>xx</td><td>xx</td><td>xx
+  </td></tr></tbody>
+</table>
+
+<table>
+  <tbody><tr class="radius"><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup class="radius"><col><col></colgroup><colgroup><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
+
+<table>
+  <colgroup><col><col class="radius"><col>
+  </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
+  </td></tr><tr><td>xx</td><td>xx</td><td>xx
+</td></tr></tbody></table>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-5-ref.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<title>border-radius and border-collapse tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: collapse; margin: 1em 2px; }
+td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; }
+
+</style>
+
+<h1>border-radius and border-collapse tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody class="radius">
+    <tr><td>xx<td>xx<td>xx
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+</table>
+
+<table>
+  <tr class="radius"><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <colgroup class="radius"><col><col><colgroup><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <col><col class="radius"><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-bordercollapse/bug1375518-5.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML>
+<title>border-radius and border-collapse tables</title>
+<style>
+
+body { background: white; color: black }
+
+table { border-collapse: collapse; margin: 1em 2px; }
+td { border: 1px solid black; }
+
+.radius { border: 3px solid teal; background: aqua; color: black; border-radius: 12px }
+
+</style>
+
+<h1>border-radius and border-collapse tables</h1>
+
+<table>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody class="radius">
+    <tr><td>xx<td>xx<td>xx
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+  <tbody>
+    <tr><td>xx<td>xx<td>xx
+  </tbody>
+</table>
+
+<table>
+  <tr class="radius"><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <colgroup class="radius"><col><col><colgroup><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
+<table>
+  <col><col class="radius"><col>
+  <tr><td>xx<td>xx<td>xx
+  <tr><td>xx<td>xx<td>xx
+</table>
+
--- a/layout/reftests/table-bordercollapse/reftest.list
+++ b/layout/reftests/table-bordercollapse/reftest.list
@@ -1,10 +1,13 @@
 == bug1375518.html bug1375518-ref.html
 == bug1375518-2.html bug1375518-ref.html
+== bug1375518-3.html bug1375518-ref.html
+== bug1375518-4.html bug1375518-4-ref.html
+== bug1375518-5.html bug1375518-5-ref.html
 == bc_dyn_cell1.html bc_dyn_cell1_ref.html
 == bc_dyn_cell2.html bc_dyn_cell2_ref.html
 == bc_dyn_cell3.html bc_dyn_cell3_ref.html
 == bc_dyn_cell4.html bc_dyn_cell4_ref.html
 == bc_dyn_cell5.html bc_dyn_cell5_ref.html
 == bc_dyn_row1.html bc_dyn_rg1_ref.html
 == bc_dyn_row2.html bc_dyn_rg2_ref.html
 == bc_dyn_row3.html bc_dyn_rg3_ref.html