Bug 1530048 part 2: Add test to verify that table, td, and th draw borders using 'currentColor'. r=dbaron
authorDaniel Holbert <dholbert@cs.stanford.edu>
Tue, 05 Mar 2019 00:52:20 +0000
changeset 520267 72127702116cd18973ab501edfcb04bdc4cbe68a
parent 520266 8ff9537201ef4849f867d490a8686fa408ce24fd
child 520268 ce3dfcdb58615574d7f7d19e863877311d933caf
push id10862
push userffxbld-merge
push dateMon, 11 Mar 2019 13:01:11 +0000
treeherdermozilla-beta@a2e7f5c935da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs1530048
milestone67.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 1530048 part 2: Add test to verify that table, td, and th draw borders using 'currentColor'. r=dbaron Differential Revision: https://phabricator.services.mozilla.com/D21249
testing/web-platform/tests/html/rendering/non-replaced-elements/tables/table-border-3-ref.html
testing/web-platform/tests/html/rendering/non-replaced-elements/tables/table-border-3q.html
testing/web-platform/tests/html/rendering/non-replaced-elements/tables/table-border-3s.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/tables/table-border-3-ref.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<head>
+  <title>Reference for default 'border-color' on table (with 'color' set)</title>
+  <meta charset="utf-8">
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <style>
+    * {
+      border-color: teal;
+      /* This only affects the elements that we specify 'border-style' on: */
+      border-width: 6px;
+    }
+
+    table {
+      height: 30px;
+      width: 30px;
+      border-spacing: 0;
+
+      /* To test in "rows": */
+      float: left;
+      margin: 1px;
+    }
+    br {
+      clear: both;
+    }
+
+    .dotted {
+      border-style: dotted;
+    }
+    .dashed {
+      border-style: dashed;
+    }
+    .solid {
+      border-style: solid;
+    }
+    .double {
+      border-style: double;
+    }
+    .groove {
+      border-style: groove;
+    }
+    .ridge {
+      border-style: ridge;
+    }
+    .inset {
+      border-style: inset;
+    }
+    .outset {
+      border-style: outset;
+    }
+  </style>
+</head>
+
+<table class="dotted"><td></td></table>
+<table><th class="dotted"></th></table>
+<table><td class="dotted"></td></table>
+<br>
+
+<table class="dashed"><td></td></table>
+<table><th class="dashed"></th></table>
+<table><td class="dashed"></td></table>
+<br>
+
+<table class="solid"><td></td></table>
+<table><th class="solid"></th></table>
+<table><td class="solid"></td></table>
+<br>
+
+<table class="double"><td></td></table>
+<table><th class="double"></th></table>
+<table><td class="double"></td></table>
+<br>
+
+<table class="groove"><td></td></table>
+<table><th class="groove"></th></table>
+<table><td class="groove"></td></table>
+<br>
+
+<table class="ridge"><td></td></table>
+<table><th class="ridge"></th></table>
+<table><td class="ridge"></td></table>
+<br>
+
+<table class="inset"><td></td></table>
+<table><th class="inset"></th></table>
+<table><td class="inset"></td></table>
+<br>
+
+<table class="outset"><td></td></table>
+<table><th class="outset"></th></table>
+<table><td class="outset"></td></table>
+<br>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/tables/table-border-3q.html
@@ -0,0 +1,95 @@
+<!-- Intentionally omitting doctype, to test quirks mode. -->
+<head>
+  <title>Testing default 'border-color' on table (with 'color' set), in quirks mode</title>
+  <meta charset="utf-8">
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#tables-2">
+  <link rel="match" href="table-border-3-ref.html">
+  <style>
+    * {
+      /* This sets the used value of 'currentColor', which is what should be
+         used for all border-coloring in this test: */
+      color: teal;
+      /* This only affects the elements that we specify 'border-style' on: */
+      border-width: 6px;
+    }
+
+    table {
+      height: 30px;
+      width: 30px;
+      border-spacing: 0;
+
+      /* To test in "rows": */
+      float: left;
+      margin: 1px;
+    }
+    br {
+      clear: both;
+    }
+
+    .dotted {
+      border-style: dotted;
+    }
+    .dashed {
+      border-style: dashed;
+    }
+    .solid {
+      border-style: solid;
+    }
+    .double {
+      border-style: double;
+    }
+    .groove {
+      border-style: groove;
+    }
+    .ridge {
+      border-style: ridge;
+    }
+    .inset {
+      border-style: inset;
+    }
+    .outset {
+      border-style: outset;
+    }
+  </style>
+</head>
+
+<table class="dotted"><td></td></table>
+<table><th class="dotted"></th></table>
+<table><td class="dotted"></td></table>
+<br>
+
+<table class="dashed"><td></td></table>
+<table><th class="dashed"></th></table>
+<table><td class="dashed"></td></table>
+<br>
+
+<table class="solid"><td></td></table>
+<table><th class="solid"></th></table>
+<table><td class="solid"></td></table>
+<br>
+
+<table class="double"><td></td></table>
+<table><th class="double"></th></table>
+<table><td class="double"></td></table>
+<br>
+
+<table class="groove"><td></td></table>
+<table><th class="groove"></th></table>
+<table><td class="groove"></td></table>
+<br>
+
+<table class="ridge"><td></td></table>
+<table><th class="ridge"></th></table>
+<table><td class="ridge"></td></table>
+<br>
+
+<table class="inset"><td></td></table>
+<table><th class="inset"></th></table>
+<table><td class="inset"></td></table>
+<br>
+
+<table class="outset"><td></td></table>
+<table><th class="outset"></th></table>
+<table><td class="outset"></td></table>
+<br>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/tables/table-border-3s.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<head>
+  <title>Testing default 'border-color' on table (with 'color' set), in standards mode</title>
+  <meta charset="utf-8">
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#tables-2">
+  <link rel="match" href="table-border-3-ref.html">
+  <style>
+    * {
+      /* This sets the used value of 'currentColor', which is what should be
+         used for all border-coloring in this test: */
+      color: teal;
+      /* This only affects the elements that we specify 'border-style' on: */
+      border-width: 6px;
+    }
+
+    table {
+      height: 30px;
+      width: 30px;
+      border-spacing: 0;
+
+      /* To test in "rows": */
+      float: left;
+      margin: 1px;
+    }
+    br {
+      clear: both;
+    }
+
+    .dotted {
+      border-style: dotted;
+    }
+    .dashed {
+      border-style: dashed;
+    }
+    .solid {
+      border-style: solid;
+    }
+    .double {
+      border-style: double;
+    }
+    .groove {
+      border-style: groove;
+    }
+    .ridge {
+      border-style: ridge;
+    }
+    .inset {
+      border-style: inset;
+    }
+    .outset {
+      border-style: outset;
+    }
+  </style>
+</head>
+
+<table class="dotted"><td></td></table>
+<table><th class="dotted"></th></table>
+<table><td class="dotted"></td></table>
+<br>
+
+<table class="dashed"><td></td></table>
+<table><th class="dashed"></th></table>
+<table><td class="dashed"></td></table>
+<br>
+
+<table class="solid"><td></td></table>
+<table><th class="solid"></th></table>
+<table><td class="solid"></td></table>
+<br>
+
+<table class="double"><td></td></table>
+<table><th class="double"></th></table>
+<table><td class="double"></td></table>
+<br>
+
+<table class="groove"><td></td></table>
+<table><th class="groove"></th></table>
+<table><td class="groove"></td></table>
+<br>
+
+<table class="ridge"><td></td></table>
+<table><th class="ridge"></th></table>
+<table><td class="ridge"></td></table>
+<br>
+
+<table class="inset"><td></td></table>
+<table><th class="inset"></th></table>
+<table><td class="inset"></td></table>
+<br>
+
+<table class="outset"><td></td></table>
+<table><th class="outset"></th></table>
+<table><td class="outset"></td></table>
+<br>