Bug 1370833 Part 2 - Add reftests for border-collapse and non-border-collapse table. r?mattwoodrow draft
authorYa-Chieh Wu <ywu@mozilla.com>
Mon, 12 Jun 2017 14:21:35 +0800
changeset 592404 0d9211ec1cee64420aec71200deb7ef9334e7363
parent 592399 2b5479e7721d7ef6b567dae4bfe08d514138ab93
child 632807 e8fce455a877f323b532635532082b4a71e9bb60
push id63375
push userbmo:ywu@mozilla.com
push dateMon, 12 Jun 2017 07:23:06 +0000
reviewersmattwoodrow
bugs1370833
milestone55.0a1
Bug 1370833 Part 2 - Add reftests for border-collapse and non-border-collapse table. r?mattwoodrow MozReview-Commit-ID: Ece1zbGkj0C
layout/reftests/invalidation/reftest.list
layout/reftests/invalidation/table-repaint-border-collapse-ref.html
layout/reftests/invalidation/table-repaint-border-collapse.html
layout/reftests/invalidation/table-repaint-non-border-collapse-ref.html
layout/reftests/invalidation/table-repaint-non-border-collapse.html
--- a/layout/reftests/invalidation/reftest.list
+++ b/layout/reftests/invalidation/reftest.list
@@ -1,12 +1,14 @@
 == table-repaint-a.html table-repaint-a-ref.html
 == table-repaint-b.html table-repaint-b-ref.html
+== table-repaint-border-collapse.html table-repaint-border-collapse-ref.html
 == table-repaint-c.html table-repaint-c-ref.html
 == table-repaint-d.html table-repaint-d-ref.html
+== table-repaint-non-border-collapse.html table-repaint-non-border-collapse-ref.html
 == 540247-1.xul 540247-1-ref.xul
 == 543681-1.html 543681-1-ref.html
 == 1243409-1.html 1243409-1-ref.html
 skip == test-image-layers.html test-image-layers-ref.html # Bug 1067360
 skip == test-image-layers-multiple-displayitem.html test-image-layers-ref.html # Bug 1067360
 pref(layout.animated-image-layers.enabled,true) skip-if(Android||gtkWidget) == test-animated-image-layers.html test-animated-image-layers-ref.html
 pref(layout.animated-image-layers.enabled,true) skip-if(Android||gtkWidget) == test-animated-image-layers-background.html test-animated-image-layers-ref.html
 == box-shadow-border-radius.html box-shadow-border-radius-ref.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-border-collapse-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>table-repaint-border-collapse-ref</title>
+  <style>
+    table, td, th {
+      border-collapse: collapse;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td style="border: 5px solid black">xxx</td>
+    <td>YYY</td>
+    <td>zzz</td>
+  </tr>
+</table>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-border-collapse.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>table-repaint-border-collapse</title>
+  <style>
+    table, td, th {
+      border-collapse: collapse;
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td>xxx</td>
+    <td>yyy</td>
+    <td>zzz</td>
+  </tr>
+</table>
+<script>
+  function foo() {
+    let x=document.getElementsByTagName('td')[0];
+    x.style.border = "5px solid black";
+    let y=document.getElementsByTagName('td')[1];
+    y.innerHTML =  "YYY";
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-non-border-collapse-ref.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>table-repaint-non-border-collapse-ref</title>
+  <style>
+    table, td, th {
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td style="border: 5px solid black">xxx</td>
+    <td>YYY</td>
+    <td>zzz</td>
+  </tr>
+</table>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/invalidation/table-repaint-non-border-collapse.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+  <title>table-repaint-non-border-collapse</title>
+  <style>
+    table, td, th {
+      border: 1px solid black;
+    }
+  </style>
+</head>
+<body>
+<table>
+  <tr>
+    <td>xxx</td>
+    <td>yyy</td>
+    <td>zzz</td>
+  </tr>
+</table>
+<script>
+  function foo() {
+    let x=document.getElementsByTagName('td')[0];
+    x.style.border = "5px solid black";
+    let y=document.getElementsByTagName('td')[1];
+    y.innerHTML =  "YYY";
+    document.documentElement.removeAttribute("class");
+  }
+  document.addEventListener("MozReftestInvalidate", foo);
+</script>
+</body>
+</html>