Bug 1245036 Part 2 - Add columns test case for <summary> element. r=bz
authorTing-Yu Lin <tlin@mozilla.com>
Fri, 15 Apr 2016 12:21:04 +0800
changeset 331408 aaa5e560ed433089e55a0e3f5570bb8adc39aa50
parent 331407 65c479a6077561d33f89ae8808bbcd3615c28176
child 331409 1a309a682f19420bfbd04d219dbb3e1d95bfdda0
push id6048
push userkmoir@mozilla.com
push dateMon, 06 Jun 2016 19:02:08 +0000
treeherdermozilla-beta@46d72a56c57d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbz
bugs1245036, 1258657
milestone48.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 1245036 Part 2 - Add columns test case for <summary> element. r=bz After bug 1258657 landed, summary element is rendered by nsBlockFrame, so it supports css columns for free. MozReview-Commit-ID: 2RPSYk81BHy
layout/reftests/details-summary/reftest.list
layout/reftests/details-summary/summary-three-columns-ref.html
layout/reftests/details-summary/summary-three-columns.html
--- a/layout/reftests/details-summary/reftest.list
+++ b/layout/reftests/details-summary/reftest.list
@@ -51,16 +51,17 @@ pref(dom.details_element.enabled,false) 
 
 # Various properties on details or summary
 == details-display-inline.html details-display-inline-ref.html
 == details-percentage-height-children.html details-percentage-height-children-ref.html
 == details-absolute-children.html details-absolute-children-ref.html
 == details-three-columns.html details-three-columns-ref.html
 == details-writing-mode.html details-writing-mode-ref.html
 == details-in-ol.html details-in-ol-ref.html
+== summary-three-columns.html summary-three-columns-ref.html
 
 # Dispatch mouse click to summary
 == mouse-click-single-summary.html open-single-summary.html
 == mouse-click-twice-single-summary.html single-summary.html
 == mouse-click-open-single-summary.html single-summary.html
 == mouse-click-twice-open-single-summary.html open-single-summary.html
 == mouse-click-open-second-summary.html open-multiple-summary.html
 == mouse-click-overflow-hidden-details.html overflow-hidden-open-details.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/details-summary/summary-three-columns-ref.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  .summary-columns {
+    -moz-column-count: 3;
+    -moz-column-rule: 1px solid lightgray;
+    -webkit-column-count: 3;
+    -webkit-column-rule: 1px solid lightgray;
+    border: 1px solid lightblue;
+    background-color: lightgreen;
+  }
+  </style>
+  <body>
+    <div>
+      <div class="summary-columns">
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+      </div>
+      <p>This is the details.</p>
+    </div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/details-summary/summary-three-columns.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+   - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html>
+  <style>
+  summary::-moz-list-bullet {
+    /* Hide the triangle for comparing with div in reftest. */
+    list-style-type: none;
+  }
+  summary {
+    -moz-column-count: 3;
+    -moz-column-rule: 1px solid lightgray;
+    -webkit-column-count: 3;
+    -webkit-column-rule: 1px solid lightgray;
+    border: 1px solid lightblue;
+    background-color: lightgreen;
+  }
+  </style>
+  <body>
+    <details open>
+      <summary>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+        <p>line</p>
+      </summary>
+      <p>This is the details.</p>
+    </details>
+  </body>
+</html>