Diff
Modified: trunk/LayoutTests/ChangeLog (286489 => 286490)
--- trunk/LayoutTests/ChangeLog 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/ChangeLog 2021-12-03 15:30:33 UTC (rev 286490)
@@ -1,3 +1,12 @@
+2021-12-03 Sergio Villar Senin <[email protected]>
+
+ [css-flexbox] WPT import. December 2021 edition
+ https://bugs.webkit.org/show_bug.cgi?id=233810
+
+ Reviewed by Rob Buis.
+
+ * TestExpectations: Unskipped a test that works fine after the changes in the import.
+
2021-12-03 Youenn Fablet <[email protected]>
Persist NavigationPreloadState in service worker registration database
Modified: trunk/LayoutTests/TestExpectations (286489 => 286490)
--- trunk/LayoutTests/TestExpectations 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/TestExpectations 2021-12-03 15:30:33 UTC (rev 286490)
@@ -4230,7 +4230,6 @@
# Tables as flex items.
webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html [ ImageOnlyFailure ]
webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html [ ImageOnlyFailure ]
-webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html [ ImageOnlyFailure ]
webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-min-height-1.html [ ImageOnlyFailure ]
# SVGs as flex items.
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (286489 => 286490)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2021-12-03 15:30:33 UTC (rev 286490)
@@ -1,3 +1,19 @@
+2021-12-03 Sergio Villar Senin <[email protected]>
+
+ [css-flexbox] WPT import. December 2021 edition
+ https://bugs.webkit.org/show_bug.cgi?id=233810
+
+ Reviewed by Rob Buis.
+
+ * resources/resource-files.json:
+ * web-platform-tests/css/css-flexbox/negative-available-size-crash-expected.txt: Added.
+ * web-platform-tests/css/css-flexbox/negative-available-size-crash.html: Added.
+ * web-platform-tests/css/css-flexbox/scrollbars-auto-expected.html:
+ * web-platform-tests/css/css-flexbox/scrollbars-expected.html:
+ * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html:
+ * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html:
+ * web-platform-tests/css/css-flexbox/w3c-import.log:
+
2021-12-02 Chris Dumez <[email protected]>
html/semantics/forms/constraints/form-validation-validity-valid.html WPT test is failing
Modified: trunk/LayoutTests/imported/w3c/resources/resource-files.json (286489 => 286490)
--- trunk/LayoutTests/imported/w3c/resources/resource-files.json 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/imported/w3c/resources/resource-files.json 2021-12-03 15:30:33 UTC (rev 286490)
@@ -42,6 +42,7 @@
"css/css-flexbox/justify-content_flex-start.html",
"css/css-flexbox/justify-content_space-around.html",
"css/css-flexbox/justify-content_space-between-001.html",
+ "css/css-flexbox/negative-available-size-crash.html",
"css/css-flexbox/negative-flex-margins-crash.html",
"css/css-flexbox/negative-flex-rounding-crash.html",
"css/css-flexbox/negative-item-margins-002-crash.html",
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-available-size-crash-expected.txt (0 => 286490)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-available-size-crash-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-available-size-crash-expected.txt 2021-12-03 15:30:33 UTC (rev 286490)
@@ -0,0 +1,6 @@
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x16
+ RenderBlock {HTML} at (0,0) size 800x16
+ RenderBody {BODY} at (8,8) size 784x0
+ RenderFlexibleBox {DIV} at (0,0) size 784x0
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-available-size-crash.html (0 => 286490)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-available-size-crash.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-available-size-crash.html 2021-12-03 15:30:33 UTC (rev 286490)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<div style="display: flex;">
+ <div style="display: flex; height: 0; overflow-x: scroll;">a
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-auto-expected.html (286489 => 286490)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-auto-expected.html 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-auto-expected.html 2021-12-03 15:30:33 UTC (rev 286490)
@@ -49,72 +49,29 @@
}
.column > div, .column-reverse > div {
display: flex;
+ margin: 3px;
}
/* Adjust margins to account for collapsing. */
-.ltr.horizontal > .row > .leaf3 {
- margin-right: 0;
-}
-.ltr.flipped-blocks > .row > .leaf3, .ltr.flipped-lines > .row > .leaf3 {
- margin-bottom: 0;
-}
-.rtl.horizontal > .row > .leaf3 {
- margin-left: 0;
-}
-.rtl.flipped-blocks > .row > .leaf3, .rtl.flipped-lines > .row > .leaf3 {
- margin-top: 0;
-}
-
-.ltr.horizontal > .row-reverse > .leaf3 {
- margin-left: 0;
-}
-.ltr.flipped-blocks > .row-reverse > .leaf3, .ltr.flipped-lines > .row-reverse > .leaf3 {
- margin-top: 0;
-}
-.rtl.horizontal > .row-reverse > .leaf3 {
- margin-right: 0;
-}
-.rtl.flipped-blocks > .row-reverse > .leaf3, .rtl.flipped-lines > .row-reverse > .leaf3 {
- margin-bottom: 0;
-}
-
.horizontal > .column > .leaf1, .horizontal > .column > .leaf2 {
margin: 3px 3px 6px 3px;
}
-.horizontal > .column > .leaf3 {
- margin: 3px;
-}
.flipped-blocks > .column > .leaf1, .flipped-blocks > .column > .leaf2 {
margin: 3px 3px 3px 6px;
}
-.flipped-blocks > .column > .leaf3 {
- margin: 3px;
-}
.flipped-lines > .column > .leaf1, .flipped-lines > .column > .leaf2 {
margin: 3px 6px 3px 3px;
}
-.flipped-lines > .column > .leaf3 {
- margin: 3px;
-}
.horizontal > .column-reverse > .leaf1, .horizontal > .column-reverse > .leaf2 {
margin: 6px 3px 3px 3px;
}
-.horizontal > .column-reverse > .leaf3 {
- margin: 0 3px 3px 3px;
-}
.flipped-blocks > .column-reverse > .leaf1, .flipped-blocks > .column-reverse > .leaf2 {
margin: 3px 6px 3px 3px;
}
-.flipped-blocks > .column-reverse > .leaf3 {
- margin: 3px 0 3px 3px;
-}
.flipped-lines > .column-reverse > .leaf1, .flipped-lines > .column-reverse > .leaf2 {
margin: 3px 3px 3px 6px;
}
-.flipped-lines > .column-reverse > .leaf3 {
- margin: 3px 3px 3px 0;
-}
.flex > div {
width: 30px;
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-expected.html (286489 => 286490)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-expected.html 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-expected.html 2021-12-03 15:30:33 UTC (rev 286490)
@@ -49,72 +49,29 @@
}
.column > div, .column-reverse > div {
display: flex;
+ margin: 3px;
}
/* Adjust margins to account for collapsing. */
-.ltr.horizontal > .row > .leaf3 {
- margin-right: 0;
-}
-.ltr.flipped-blocks > .row > .leaf3, .ltr.flipped-lines > .row > .leaf3 {
- margin-bottom: 0;
-}
-.rtl.horizontal > .row > .leaf3 {
- margin-left: 0;
-}
-.rtl.flipped-blocks > .row > .leaf3, .rtl.flipped-lines > .row > .leaf3 {
- margin-top: 0;
-}
-
-.ltr.horizontal > .row-reverse > .leaf3 {
- margin-left: 0;
-}
-.ltr.flipped-blocks > .row-reverse > .leaf3, .ltr.flipped-lines > .row-reverse > .leaf3 {
- margin-top: 0;
-}
-.rtl.horizontal > .row-reverse > .leaf3 {
- margin-right: 0;
-}
-.rtl.flipped-blocks > .row-reverse > .leaf3, .rtl.flipped-lines > .row-reverse > .leaf3 {
- margin-bottom: 0;
-}
-
.horizontal > .column > .leaf1, .horizontal > .column > .leaf2 {
margin: 3px 3px 6px 3px;
}
-.horizontal > .column > .leaf3 {
- margin: 3px;
-}
.flipped-blocks > .column > .leaf1, .flipped-blocks > .column > .leaf2 {
margin: 3px 3px 3px 6px;
}
-.flipped-blocks > .column > .leaf3 {
- margin: 3px;
-}
.flipped-lines > .column > .leaf1, .flipped-lines > .column > .leaf2 {
margin: 3px 6px 3px 3px;
}
-.flipped-lines > .column > .leaf3 {
- margin: 3px;
-}
.horizontal > .column-reverse > .leaf1, .horizontal > .column-reverse > .leaf2 {
margin: 6px 3px 3px 3px;
}
-.horizontal > .column-reverse > .leaf3 {
- margin: 0 3px 3px 3px;
-}
.flipped-blocks > .column-reverse > .leaf1, .flipped-blocks > .column-reverse > .leaf2 {
margin: 3px 6px 3px 3px;
}
-.flipped-blocks > .column-reverse > .leaf3 {
- margin: 3px 0 3px 3px;
-}
.flipped-lines > .column-reverse > .leaf1, .flipped-lines > .column-reverse > .leaf2 {
margin: 3px 3px 3px 6px;
}
-.flipped-lines > .column-reverse > .leaf3 {
- margin: 3px 3px 3px 0;
-}
.flex > div {
width: 30px;
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html (286489 => 286490)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html 2021-12-03 15:30:33 UTC (rev 286490)
@@ -10,8 +10,10 @@
<p>Test passes if there is a filled green square.</p>
<div style="display: flex; flex-direction: column;">
- <table style="box-sizing: content-box; border: 10px solid green; background: green;
+ <!-- Use display:table and display:table-caption instead of the HTML tags so that box-sizing is used in WebKit-based browsers.
+ Since long time ago WebKit ignores box-sizing for HTML tables. That isn't the case for CSS tables though. -->
+ <div style="display: table; box-sizing: content-box; border: 10px solid green; background: green;
width: 80px; flex: 0 0 50px">
- <caption style="height: 10px; border: 10px solid green; background: green;"></caption>
- </table>
+ <div style="display: table-caption; height: 10px; border: 10px solid green; background: green;"></div>
+ </div>
</div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html (286489 => 286490)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html 2021-12-03 15:30:33 UTC (rev 286490)
@@ -10,8 +10,10 @@
<p>Test passes if there is a filled green square.</p>
<div style="display: flex; flex-direction: row;">
- <table style="box-sizing: content-box; border: 10px solid green; background: green;
+ <!-- Use display:table and display:table-caption instead of the HTML tags so that box-sizing is used in WebKit-based browsers.
+ Since long time ago WebKit ignores box-sizing for HTML tables. That isn't the case for CSS tables though. -->
+ <div style="display:table; box-sizing: content-box; border: 10px solid green; background: green;
height: 50px; flex: 0 0 80px">
- <caption style="height: 10px; border: 10px solid green; background: green;"></caption>
- </table>
+ <div style="display: table-caption; height: 10px; border: 10px solid green; background: green;"></div>
+ </div>
</div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log (286489 => 286490)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log 2021-12-03 14:12:08 UTC (rev 286489)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log 2021-12-03 15:30:33 UTC (rev 286490)
@@ -1539,6 +1539,7 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/multiline-reverse-wrap-baseline.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/multiline-shrink-to-fit-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/multiline-shrink-to-fit.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-available-size-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-flex-margins-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-flex-rounding-crash.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-item-margins-002-crash.html