Auto merge of #29719 - stshine:flexbox-justify-content, r=Loirooriol

layout 2020: Implement justify-content in flexbox

Align the items along the main-axis per justify-content.

<!-- Please describe your changes on the following line: -->

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `___` with appropriate data: -->
- [x] `./mach build -d` does not report any errors
- [x] `./mach test-tidy` does not report any errors
- [ ] These changes fix #___ (GitHub issue number if applicable)

<!-- Either: -->
- [x] There are tests for these changes OR
- [ ] These changes do not require tests because ___

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

tests/wpt/metadata-layout-2020/css/css-flexbox/flex-factor-less-than-one.html.ini

@@ -25,12 +25,3 @@
 
   [.flexbox 19]
     expected: FAIL
-
-  [.flexbox 22]
-    expected: FAIL
-
-  [.flexbox 21]
-    expected: FAIL
-
-  [.flexbox 20]
-    expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flex-minimum-height-flex-items-014.html.ini

@@ -1,2 +0,0 @@
-[flex-minimum-height-flex-items-014.html]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox-items-as-stacking-contexts-003.html.ini

@@ -1,2 +0,0 @@
-[flexbox-items-as-stacking-contexts-003.html]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox-root-node-001a.html.ini

@@ -0,0 +1,3 @@
+[flexbox-root-node-001a.html]
+  expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox-root-node-001b.html.ini

@@ -0,0 +1,3 @@
+[flexbox-root-node-001b.html]
+  expected: FAIL
+

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox_columns-flexitems-2.html.ini

@@ -1,2 +0,0 @@
-[flexbox_columns-flexitems-2.html]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox_columns-flexitems.html.ini

@@ -1,2 +0,0 @@
-[flexbox_columns-flexitems.html]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox_justifycontent-center-overflow.html.ini

@@ -1,9 +0,0 @@
-[flexbox_justifycontent-center-overflow.html]
-  [span 1]
-    expected: FAIL
-
-  [span 2]
-    expected: FAIL
-
-  [span 3]
-    expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox_justifycontent-rtl-001.html.ini

@@ -5,23 +5,20 @@
   [.container > div 2]
     expected: FAIL
 
-  [.container > div 3]
-    expected: FAIL
-
   [.container > div 4]
     expected: FAIL
 
   [.container > div 5]
     expected: FAIL
 
-  [.container > div 6]
-    expected: FAIL
-
   [.container > div 7]
     expected: FAIL
 
   [.container > div 9]
     expected: FAIL
 
+  [.container > div 10]
+    expected: FAIL
+
   [.container > div 12]
     expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox_justifycontent-spacebetween-negative.html.ini

@@ -0,0 +1,2 @@
+[flexbox_justifycontent-spacebetween-negative.html]
+  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/flexbox_order-abspos-space-around.html.ini

@@ -1,2 +0,0 @@
-[flexbox_order-abspos-space-around.html]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-center.html.ini

@@ -1,3 +0,0 @@
-[flexbox_computedstyle_justify-content-center.html]
-  [flexbox | computed style | justify-content: center]
-    expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-end.html.ini

@@ -1,3 +0,0 @@
-[flexbox_computedstyle_justify-content-flex-end.html]
-  [flexbox | computed style | justify-content: flex-end]
-    expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-flex-start.html.ini

@@ -1,3 +0,0 @@
-[flexbox_computedstyle_justify-content-flex-start.html]
-  [flexbox | computed style | justify-content: flex-start]
-    expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-around.html.ini

@@ -1,3 +0,0 @@
-[flexbox_computedstyle_justify-content-space-around.html]
-  [flexbox | computed style | justify-content: space-around]
-    expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/getcomputedstyle/flexbox_computedstyle_justify-content-space-between.html.ini

@@ -1,3 +0,0 @@
-[flexbox_computedstyle_justify-content-space-between.html]
-  [flexbox | computed style | justify-content: space-between]
-    expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/inheritance.html.ini

@@ -14,8 +14,5 @@
   [Property align-self has initial value auto]
     expected: FAIL
 
-  [Property justify-content does not inherit]
-    expected: FAIL
-
   [Property align-content does not inherit]
     expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/justify-content-001.htm.ini

@@ -1,2 +0,0 @@
-[justify-content-001.htm]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/justify-content-003.htm.ini

@@ -1,2 +0,0 @@
-[justify-content-003.htm]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/justify-content-004.htm.ini

@@ -1,2 +0,0 @@
-[justify-content-004.htm]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/css-flexbox/justify-content-005.htm.ini

@@ -1,2 +0,0 @@
-[justify-content-005.htm]
-  expected: FAIL

tests/wpt/metadata-layout-2020/css/cssom-view/offsetTopLeftInScrollableParent.html.ini

@@ -1,3 +0,0 @@
-[offsetTopLeftInScrollableParent.html]
-  [Margins on child and parent, border on child and parent, padding on child and parent]
-    expected: FAIL