Bug 1574046 Part 1 - Upstream float clear reftests to wpt, and add column-fill:auto counterparts. r=dbaron
authorTing-Yu Lin <tlin@mozilla.com>
Tue, 26 May 2020 22:12:15 +0000
changeset 535981 aa23badb0824457636bde2db432e1637a9d3b382
parent 535980 3491c53c891da8ec163d4531691ea3ce41c8cc0b
child 535982 4140c68594e37736cad363e832d76ba22b7db8e9
push id37515
push usernerli@mozilla.com
push dateWed, 17 Jun 2020 14:49:45 +0000
treeherdermozilla-central@1e3e996bb9a1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs1574046
milestone79.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 1574046 Part 1 - Upstream float clear reftests to wpt, and add column-fill:auto counterparts. r=dbaron Differential Revision: https://phabricator.services.mozilla.com/D74536
layout/reftests/pagination/float-clear-000.html
layout/reftests/pagination/float-clear-000.ref.html
layout/reftests/pagination/float-clear-001.html
layout/reftests/pagination/float-clear-002.html
layout/reftests/pagination/float-clear-003.html
layout/reftests/pagination/reftest.list
testing/web-platform/meta/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html.ini
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000-ref.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-001.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-002.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-003.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000-ref.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-001.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-002.html
testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html
--- a/layout/reftests/pagination/reftest.list
+++ b/layout/reftests/pagination/reftest.list
@@ -31,20 +31,16 @@ fails == border-breaking-004-cols.xhtml 
 == content-inserted-003.xhtml content-inserted-002.ref.xhtml
 == content-inserted-004.xhtml content-inserted-002.ref.xhtml
 == content-inserted-005.xhtml content-inserted-002.ref.xhtml
 == content-inserted-006.xhtml content-inserted-002.ref.xhtml
 == content-inserted-007.xhtml content-inserted-002.ref.xhtml
 == content-inserted-008.xhtml content-inserted-001.ref.xhtml
 == content-inserted-009.xhtml content-inserted-002.ref.xhtml
 == dynamic-abspos-overflow-01-cols.xhtml dynamic-abspos-overflow-01-cols.ref.xhtml
-== float-clear-000.html float-clear-000.ref.html
-== float-clear-001.html float-clear-000.ref.html
-== float-clear-002.html float-clear-000.ref.html
-fails == float-clear-003.html float-clear-000.ref.html
 == float-clear-000-print.html float-clear-000-print.ref.html
 == float-clear-001-print.html float-clear-000-print.ref.html
 == float-clear-002-print.html float-clear-000-print.ref.html
 == float-clear-003-print.html float-clear-000-print.ref.html
 fails == float-continuations-000.html float-continuations-000.ref.html
 fuzzy-if(skiaContent,0-1,0-21) == resize-reflow-000.html resize-reflow-000.ref.html
 fuzzy-if(skiaContent,0-1,0-23) == resize-reflow-001.html resize-reflow-001.ref.html
 == table-page-break-before-auto-1.html table-page-break-before-auto-1-ref.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html.ini
@@ -0,0 +1,3 @@
+[floats-clear-multicol-balancing-003.html]
+  expected: FAIL
+  bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1637108
rename from layout/reftests/pagination/float-clear-000.ref.html
rename to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000-ref.html
--- a/layout/reftests/pagination/float-clear-000.ref.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000-ref.html
@@ -1,16 +1,22 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test Reference: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
+  column-fill: auto;
   height: 100px;
 }
 
 .container {
   border: 15px aqua;
   border-style: none solid;
   height: 250px;
 }
rename from layout/reftests/pagination/float-clear-000.html
rename to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000.html
--- a/layout/reftests/pagination/float-clear-000.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-000.html
@@ -1,16 +1,24 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
+  column-fill: auto;
   height: 100px;
 }
 
 .float {
   float: right;
   width: 15px;
   background: aqua;
   height: 250px;
rename from layout/reftests/pagination/float-clear-001.html
rename to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-001.html
--- a/layout/reftests/pagination/float-clear-001.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-001.html
@@ -1,16 +1,24 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
+  column-fill: auto;
   height: 100px;
 }
 
 .float {
   float: right;
   width: 15px;
   background: aqua;
   height: 250px;
rename from layout/reftests/pagination/float-clear-002.html
rename to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-002.html
--- a/layout/reftests/pagination/float-clear-002.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-002.html
@@ -1,16 +1,24 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
+  column-fill: auto;
   height: 100px;
 }
 
 .float {
   float: right;
   width: 15px;
   background: aqua;
   height: 250px;
rename from layout/reftests/pagination/float-clear-003.html
rename to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-003.html
--- a/layout/reftests/pagination/float-clear-003.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-003.html
@@ -1,16 +1,24 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
+  column-fill: auto;
   height: 100px;
 }
 
 .step {
   height: 10px;
   border: 15px aqua;
   border-style: none solid;
 }
copy from layout/reftests/pagination/float-clear-000.ref.html
copy to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000-ref.html
--- a/layout/reftests/pagination/float-clear-000.ref.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000-ref.html
@@ -1,9 +1,14 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test Reference: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
   height: 100px;
@@ -15,17 +20,17 @@
   height: 250px;
 }
 .clear {
   border-bottom: solid orange;
   background: red;
 }
 </style>
 
-<p>The orange line should be halfway down the third column
+<p>The orange line should be in the third column
 (immediately after the end of the aqua lines).
 
 <div class="multicol">
   <div class="container">
   </div>
   <div class="clear">
   </div>
 </div>
copy from layout/reftests/pagination/float-clear-000.html
copy to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000.html
--- a/layout/reftests/pagination/float-clear-000.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-000.html
@@ -1,9 +1,16 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
   height: 100px;
@@ -24,17 +31,17 @@
   background: red;
 }
 
 .clear {
   border-bottom: solid orange;
 }
 </style>
 
-<p>The orange line should be halfway down the third column
+<p>The orange line should be in the third column
 (immediately after the end of the aqua lines).
 
 <div class="multicol">
   <div class="container">
     <div class="float L"></div>
     <div class="float R"></div>
   </div>
   <div class="clear">
copy from layout/reftests/pagination/float-clear-001.html
copy to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-001.html
--- a/layout/reftests/pagination/float-clear-001.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-001.html
@@ -1,9 +1,16 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
   height: 100px;
@@ -24,17 +31,17 @@
 }
 
 .clear {
   border-bottom: solid orange;
   background: red;
 }
 </style>
 
-<p>The orange line should be halfway down the third column
+<p>The orange line should be in the third column
 (immediately after the end of the aqua lines).
 
 <div class="multicol">
   <div class="container">
     <div class="float L"></div>
     <div class="float R"></div>
     <br clear="all">
   </div>
copy from layout/reftests/pagination/float-clear-002.html
copy to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-002.html
--- a/layout/reftests/pagination/float-clear-002.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-002.html
@@ -1,9 +1,16 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
   height: 100px;
@@ -26,17 +33,17 @@
 
 .clear {
   clear: left;
   border-bottom: solid orange;
   background: red;
 }
 </style>
 
-<p>The orange line should be halfway down the third column
+<p>The orange line should be in the third column
 (immediately after the end of the aqua lines).
 
 <div class="multicol">
   <div class="container">
     <div class="float L"></div>
     <div class="float R"></div>
   </div>
   <div class="clear"></div>
copy from layout/reftests/pagination/float-clear-003.html
copy to testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html
--- a/layout/reftests/pagination/float-clear-003.html
+++ b/testing/web-platform/tests/css/CSS2/floats-clear/floats-clear-multicol-balancing-003.html
@@ -1,9 +1,16 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<title>CSS Float Test: Test the clear position after the floating elements breaking across multi-columns</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
+<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
+<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#flow-control">
+<link rel="match" href="floats-clear-multicol-balancing-000-ref.html">
+
 <style type="text/css">
 .multicol {
   margin: 1em;
   border: solid silver;
   width: 300px;
   column-width: 100px;
   column-gap: 0;
   height: 100px;
@@ -34,17 +41,17 @@
   height: 0;
   background: red;
 }
 .bar {
   border-bottom: orange solid;
 }
 </style>
 
-<p>The orange line should be halfway down the third column
+<p>The orange line should be in the third column
 (immediately after the end of the aqua lines).
 
 <div class="multicol">
   <div class="step"></div>
   <div class="container">
     <div class="float L"></div>
     <div class="float R"></div>
   </div>