diff options
Diffstat (limited to 'layout/reftests/w3c-css/submitted/multicol3')
6 files changed, 183 insertions, 0 deletions
diff --git a/layout/reftests/w3c-css/submitted/multicol3/moz-multicol3-column-balancing-break-inside-avoid-1-ref.html b/layout/reftests/w3c-css/submitted/multicol3/moz-multicol3-column-balancing-break-inside-avoid-1-ref.html new file mode 100644 index 000000000..e9b326b22 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/multicol3/moz-multicol3-column-balancing-break-inside-avoid-1-ref.html @@ -0,0 +1,47 @@ +<!DOCTYPE HTML> +<html><head> + <title>CSS Test: Balancing Overflow, page-break-inside:avoid</title> + <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012"> + <meta name="flags" content="paged"> + <meta charset="utf-8"> + <style type="text/css"> +@page { size:5in 3in; margin:0.5in; } + + html,body { + color:black; background-color:white; font-size:16px; padding:0; margin:0; + } + + .colset { + -moz-column-count: 3; + -moz-column-gap: 0; + border: solid silver; + width: 9em; + } + p { margin: 0; } + .short { height: 5px; } + .short p { } + + </style> +</head> +<body> + +<div class="colset"> +<p>one<br> </p> +<p>two three</p> +<p>four five</p> +</div> + +<div class="colset"> + <p>one two three four five</p> +</div> + +<div class="colset"> +one two three four five +</div> + +<div class="colset"> + <div class="short"><p>one two three four five</p></div> +</div> + +</body> +</html> diff --git a/layout/reftests/w3c-css/submitted/multicol3/moz-multicol3-column-balancing-break-inside-avoid-1.html b/layout/reftests/w3c-css/submitted/multicol3/moz-multicol3-column-balancing-break-inside-avoid-1.html new file mode 100644 index 000000000..79405c9a2 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/multicol3/moz-multicol3-column-balancing-break-inside-avoid-1.html @@ -0,0 +1,50 @@ +<!DOCTYPE HTML> +<html><head> + <title>CSS Test: Balancing Overflow, page-break-inside:avoid</title> + <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012"> + <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside"> + <link rel="match" href="moz-multicol3-column-balancing-break-inside-avoid-1-ref.html"> + <meta name="flags" content="paged"> + <meta charset="utf-8"> + <style type="text/css"> +@page { size:5in 3in; margin:0.5in; } + + html,body { + color:black; background-color:white; font-size:16px; padding:0; margin:0; + } + + .colset { + -moz-column-count: 3; + -moz-column-gap: 0; + border: solid silver; + width: 9em; + } + p { margin: 0; page-break-inside:avoid; } + .short { height: 5px; page-break-inside:avoid; } + .short p { page-break-inside:auto; } + + </style> +</head> +<body> + +<div class="colset"> +<p>one</p> +<p>two three</p> +<p>four five</p> +</div> + +<div class="colset"> + <p>one two three four five</p> +</div> + +<div class="colset"> +<p>one two</p> +<p>three four five</p> +</div> + +<div class="colset"> + <div class="short"><p>one two three four five</p></div> +</div> + +</body> +</html> diff --git a/layout/reftests/w3c-css/submitted/multicol3/multicol-height-002.xht b/layout/reftests/w3c-css/submitted/multicol3/multicol-height-002.xht new file mode 100644 index 000000000..f43afe383 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/multicol3/multicol-height-002.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head class="reftest-print"> + <title>CSS Test: Percentage Computed Height on Multicol Child (Definite Multicol Height)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/> + <meta name="flags" content="" /> + <meta name="assert" content="Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated." /> + <link rel="match" href="reference/multicol-height-002.xht" /> + <style type="text/css"><![CDATA[ + html, body { height: 100%; } + * { margin: 0; } + div { + border: double blue 12px; + -moz-column-count:2; + -moz-column-gap:0; + -moz-column-fill: balance; + height: 150%; + } + div > p { + border-right: solid orange 12px; + width: 0; + margin: 0 auto; + height: 200%; + } + blockquote { + border: solid thick yellow; + } + ]]></style> + </head> + <body> + <p>Test passes if even when printed:</p> + <ul> + <li>Two vertical orange stripes stretch exactly + from the inner top edge to the inner bottom edge of the blue box below.</li> + <li>There is a yellow stripe immediately below the blue box.</li> + </ul> + <div> + <p></p> + </div> + <blockquote></blockquote> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/multicol3/reference/multicol-height-002.xht b/layout/reftests/w3c-css/submitted/multicol3/reference/multicol-height-002.xht new file mode 100644 index 000000000..f707a8a31 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/multicol3/reference/multicol-height-002.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head class="reftest-print"> + <title>CSS Reftest Reference</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <style type="text/css"><![CDATA[ + html, body { height: 100%; } + * { margin: 0; } + div { + border: double blue 12px; + height: 150%; + padding: 0 12px; + } + div > p { + border-right: solid orange 12px; + border-left: solid orange 12px; + width: 50%; + margin: 0 auto; + height: 100%; + } + blockquote { + border: solid thick yellow; + } ]]></style> + </head> + <body> + <p>Test passes if even when printed:</p> + <ul> + <li>Two vertical orange stripes stretch exactly + from the inner top edge to the inner bottom edge of the blue box below.</li> + <li>There is a yellow stripe immediately below the blue box.</li> + </ul> + <div> + <p></p> + </div> + <blockquote></blockquote> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/multicol3/reftest-stylo.list b/layout/reftests/w3c-css/submitted/multicol3/reftest-stylo.list new file mode 100644 index 000000000..9ac502b8e --- /dev/null +++ b/layout/reftests/w3c-css/submitted/multicol3/reftest-stylo.list @@ -0,0 +1,3 @@ +# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing +== moz-multicol3-column-balancing-break-inside-avoid-1.html moz-multicol3-column-balancing-break-inside-avoid-1.html +== multicol-height-002.xht multicol-height-002.xht diff --git a/layout/reftests/w3c-css/submitted/multicol3/reftest.list b/layout/reftests/w3c-css/submitted/multicol3/reftest.list new file mode 100644 index 000000000..52e87560e --- /dev/null +++ b/layout/reftests/w3c-css/submitted/multicol3/reftest.list @@ -0,0 +1,2 @@ +== moz-multicol3-column-balancing-break-inside-avoid-1.html moz-multicol3-column-balancing-break-inside-avoid-1-ref.html +== multicol-height-002.xht reference/multicol-height-002.xht |