Bug 1235922 Part 5: Extend flexbox "align-content" reftests to test new "space-evenly" value. r?mats
MozReview-Commit-ID: BtQUxkAr0nH
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-horiz-001-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-horiz-001-ref.xhtml
@@ -120,16 +120,30 @@
<div class="b" style="margin-top: 80px"><div class="fixedSizeChild"/></div>
</div>
<div class="flexbox">
<div class="a" style="margin-top: 20px"/>
<div class="b" style="margin-top: 40px"><div class="fixedSizeChild"/></div>
<div class="c" style="margin-top: 40px"/>
</div>
+ <!-- space-evenly -->
+ <div class="flexbox">
+ <div class="a" style="margin-top: 95px"/>
+ </div>
+ <div class="flexbox">
+ <div class="a" style="margin-top: calc(160px / 3)"/>
+ <div class="b" style="margin-top: calc(160px / 3)"><div class="fixedSizeChild"/></div>
+ </div>
+ <div class="flexbox">
+ <div class="a" style="margin-top: 30px"/>
+ <div class="b" style="margin-top: 30px"><div class="fixedSizeChild"/></div>
+ <div class="c" style="margin-top: 30px"/>
+ </div>
+
<!-- left -->
<div class="flexbox">
<div class="a"/>
</div>
<div class="flexbox">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
</div>
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-horiz-001a.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-horiz-001a.xhtml
@@ -129,16 +129,30 @@
<div class="b"><div class="fixedSizeChild"/></div>
</div>
<div class="flexbox" style="align-content: space-around">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
<div class="c"/>
</div>
+ <!-- space-evenly -->
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ <div class="c"/>
+ </div>
+
<!-- left -->
<div class="flexbox" style="align-content: left">
<div class="a"/>
</div>
<div class="flexbox" style="align-content: left">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
</div>
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-horiz-001b.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-horiz-001b.xhtml
@@ -130,16 +130,30 @@
<div class="b"><div class="fixedSizeChild"/></div>
</div>
<div class="flexbox" style="align-content: space-around">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
<div class="c"/>
</div>
+ <!-- space-evenly -->
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ <div class="c"/>
+ </div>
+
<!-- left -->
<div class="flexbox" style="align-content: left">
<div class="a"/>
</div>
<div class="flexbox" style="align-content: left">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
</div>
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-vert-001-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-vert-001-ref.xhtml
@@ -123,16 +123,30 @@
<div class="b" style="margin-left: 80px"><div class="fixedSizeChild"/></div>
</div>
<div class="flexbox">
<div class="a" style="margin-left: 20px"/>
<div class="b" style="margin-left: 40px"><div class="fixedSizeChild"/></div>
<div class="c" style="margin-left: 40px"/>
</div>
+ <!-- space-evenly -->
+ <div class="flexbox">
+ <div class="a" style="margin-left: 95px"/>
+ </div>
+ <div class="flexbox">
+ <div class="a" style="margin-left: calc(160px / 3)"/>
+ <div class="b" style="margin-left: calc(160px / 3)"><div class="fixedSizeChild"/></div>
+ </div>
+ <div class="flexbox">
+ <div class="a" style="margin-left: 30px"/>
+ <div class="b" style="margin-left: 30px"><div class="fixedSizeChild"/></div>
+ <div class="c" style="margin-left: 30px"/>
+ </div>
+
<!-- left -->
<div class="flexbox">
<div class="a"/>
</div>
<div class="flexbox">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
</div>
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-vert-001a.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-vert-001a.xhtml
@@ -129,16 +129,30 @@
<div class="b"><div class="fixedSizeChild"/></div>
</div>
<div class="flexbox" style="align-content: space-around">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
<div class="c"/>
</div>
+ <!-- space-evenly -->
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ <div class="c"/>
+ </div>
+
<!-- left -->
<div class="flexbox" style="align-content: left">
<div class="a"/>
</div>
<div class="flexbox" style="align-content: left">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
</div>
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-vert-001b.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-content-vert-001b.xhtml
@@ -130,16 +130,30 @@
<div class="b"><div class="fixedSizeChild"/></div>
</div>
<div class="flexbox" style="align-content: space-around">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
<div class="c"/>
</div>
+ <!-- space-evenly -->
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ </div>
+ <div class="flexbox" style="align-content: space-evenly">
+ <div class="a"/>
+ <div class="b"><div class="fixedSizeChild"/></div>
+ <div class="c"/>
+ </div>
+
<!-- left -->
<div class="flexbox" style="align-content: left">
<div class="a"/>
</div>
<div class="flexbox" style="align-content: left">
<div class="a"/>
<div class="b"><div class="fixedSizeChild"/></div>
</div>