Bug 1245036 Part 2 - Add columns test case for <summary> element.
After
bug 1258657 landed, summary element is rendered by nsBlockFrame,
so it supports css columns for free.
MozReview-Commit-ID: 2RPSYk81BHy
--- 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>