Attachment 422078 Details for Bug 222651 – Patch

[patch] Patch

bug-222651-20210303163249.patch (text/plain), 78.58 KB, created by Sergio Villar Senin on 2021-03-03 07:32:51 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Sergio Villar Senin

Created: 2021-03-03 07:32:51 PST

Size: 78.58 KB

patch

obsolete

>Subversion Revision: 273813
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index 0169b480ada56c002f8b5f8cc7bacf62749e703e..affbf942a670bfb2dbfa61ff4aa50bd5640473b7 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,16 @@
>+2021-03-03  Sergio Villar Senin  <svillar@igalia.com>
>+
>+        [css-flexbox] Import latest WPT tests
>+        https://bugs.webkit.org/show_bug.cgi?id=222651
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        Imported latest changes in the test suite.
>+
>+        * TestExpectations:
>+        * imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt: Added.
>+        * platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt: Added.
>+
> 2021-03-02  Manuel Rego Casasnovas  <rego@igalia.com>
> 
>         [selectors] :focus-visible implementation
>diff --git a/LayoutTests/imported/w3c/ChangeLog b/LayoutTests/imported/w3c/ChangeLog
>index 307aa6371598512b526784b4b23c60eb14580002..da8395ac99a712f52f6fd0f6f7132ad76b6dde4c 100644
>--- a/LayoutTests/imported/w3c/ChangeLog
>+++ b/LayoutTests/imported/w3c/ChangeLog
>@@ -1,3 +1,59 @@
>+2021-03-03  Sergio Villar Senin  <svillar@igalia.com>
>+
>+        [css-flexbox] Import latest WPT tests
>+        https://bugs.webkit.org/show_bug.cgi?id=222651
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * resources/resource-files.json:
>+        * web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/canvas-contain-size.html: Added.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-expected.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-expected.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse-expected.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-reverse.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-expected.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse-expected.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html: Removed.
>+        * web-platform-tests/css/css-flexbox/css-flexbox-column.html: Removed.
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001-expected.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001v-expected.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001v.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-iframe-vert-001-expected.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-iframe-vert-001.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-img-vert-001-expected.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-img-vert-001.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-textarea-vert-001-expected.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-textarea-vert-001.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-video-vert-001-expected.xhtml:
>+        * web-platform-tests/css/css-flexbox/flexbox-basic-video-vert-001.xhtml:
>+        * web-platform-tests/css/css-flexbox/frameset-crash.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-specified-height-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-specified-height.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-specified-width.html:
>+        * web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3-expected.xht: Added.
>+        * web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html: Added.
>+        * web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html: Added.
>+        * web-platform-tests/css/css-flexbox/w3c-import.log:
>+
> 2021-03-02  Manuel Rego Casasnovas  <rego@igalia.com>
> 
>         [selectors] :focus-visible implementation
>diff --git a/LayoutTests/TestExpectations b/LayoutTests/TestExpectations
>index d5172befe552f5dfbf120493e8b83b435e541ff4..528a0afb5d8527d2d491b6edce537dce5785b1bf 100644
>--- a/LayoutTests/TestExpectations
>+++ b/LayoutTests/TestExpectations
>@@ -3985,6 +3985,12 @@ webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-ite
> webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001.html [ ImageOnlyFailure ]
> webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width.html [ ImageOnlyFailure ]
> webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size.html [ ImageOnlyFailure ]
>+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-narrow-content-2.html [ ImageOnlyFailure ]
>+webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height.html [ ImageOnlyFailure ]
>+webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html [ ImageOnlyFailure ]
> webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width.html [ ImageOnlyFailure ]
> 
> # SVGs as flex items.
>@@ -4058,12 +4064,7 @@ webkit.org/b/221482 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-coll
> webkit.org/b/221482 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-paint-ordering-002.xhtml [ ImageOnlyFailure ]
> 
> # Misc elements as flex items.
>-webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml [ ImageOnlyFailure ]
> webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001v.xhtml [ ImageOnlyFailure ]
>-webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-iframe-vert-001.xhtml [ ImageOnlyFailure ]
>-webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-img-vert-001.xhtml [ ImageOnlyFailure ]
>-webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-textarea-vert-001.xhtml [ ImageOnlyFailure ]
>-webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-video-vert-001.xhtml [ ImageOnlyFailure ]
> 
> # Newly imported Canvas WPT tests that are failing.
> imported/w3c/web-platform-tests/html/canvas/element/building-paths/canvas_complexshapes_arcto_001.htm [ ImageOnlyFailure Pass ]
>diff --git a/LayoutTests/imported/w3c/resources/resource-files.json b/LayoutTests/imported/w3c/resources/resource-files.json
>index dac1e0a694ab86bd8806df1bac06d161cf88c3c2..d7ec514a3dcaf78c20da5e13d269ee8e5fd6ff04 100644
>--- a/LayoutTests/imported/w3c/resources/resource-files.json
>+++ b/LayoutTests/imported/w3c/resources/resource-files.json
>@@ -32,6 +32,7 @@
>         "css/css-flexbox/flex-direction-row-reverse-002-visual.html",
>         "css/css-flexbox/flex-shrink-large-value-crash.html",
>         "css/css-flexbox/flexbox-order-from-lowest.html",
>+        "css/css-flexbox/frameset-crash.html",
>         "css/css-flexbox/inline-flex-editing-crash.html",
>         "css/css-flexbox/inline-flex-editing-with-updating-text-crash.html",
>         "css/css-flexbox/inline-flex-frameset-main-axis-crash.html",
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..82fcaa3b2aa4a271db14feb00256d0aedbce2d85
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html
>@@ -0,0 +1,4 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
>+<p>Test passes if there is a filled green square.</p>
>+<div style="width:100px; height:100px; background:green;"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..66fb7261e8fc0d965765c5ba93c48fc3167d9017
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size.html
>@@ -0,0 +1,14 @@
>+<!doctype html>
>+<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org" />
>+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#algo-cross-item" />
>+<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#attributes-for-embedded-content-and-images" />
>+<link rel="issue" href="https://crbug.com/1175526" />
>+<meta name="assert" content="width and height attributes on canvas don't map to css width/height, but do map to css aspect ratio, which is honored by flexbox, even when the item has contain: size. " />
>+<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
>+
>+<p>Test passes if there is a filled green square.</p>
>+
>+
>+<div style="display: flex; align-items: flex-start;">
>+  <canvas width=20 height=20 style="contain: size; background: green; width: 100px;">
>+</div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html
>deleted file mode 100644
>index b0287c2490bb8c1332e26a747fc2d5ed7cf48e2a..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html
>+++ /dev/null
>@@ -1,32 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Reftest Reference</title>
>-    <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
>-    <style type="text/css">
>-        .container {
>-            color: white;
>-            width: 9em;
>-        }
>-        .item {
>-            writing-mode: vertical-rl;
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-expected.html
>deleted file mode 100644
>index b0287c2490bb8c1332e26a747fc2d5ed7cf48e2a..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-expected.html
>+++ /dev/null
>@@ -1,32 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Reftest Reference</title>
>-    <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
>-    <style type="text/css">
>-        .container {
>-            color: white;
>-            width: 9em;
>-        }
>-        .item {
>-            writing-mode: vertical-rl;
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-expected.html
>deleted file mode 100644
>index b0287c2490bb8c1332e26a747fc2d5ed7cf48e2a..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-expected.html
>+++ /dev/null
>@@ -1,32 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Reftest Reference</title>
>-    <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
>-    <style type="text/css">
>-        .container {
>-            color: white;
>-            width: 9em;
>-        }
>-        .item {
>-            writing-mode: vertical-rl;
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse-expected.html
>deleted file mode 100644
>index b0287c2490bb8c1332e26a747fc2d5ed7cf48e2a..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse-expected.html
>+++ /dev/null
>@@ -1,32 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Reftest Reference</title>
>-    <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
>-    <style type="text/css">
>-        .container {
>-            color: white;
>-            width: 9em;
>-        }
>-        .item {
>-            writing-mode: vertical-rl;
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html
>deleted file mode 100644
>index d4787bca4554a71fbf7ade2902c33abca24f0cd5..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html
>+++ /dev/null
>@@ -1,55 +0,0 @@
>-<!DOCTYPE html> 
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Flexbox Test: flex direction: row</title>
>-    <link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
>-    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
>-    <link rel="match" href="css-flexbox-column-ref.html">
>-    <meta name="flags" content="">
>-    <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical.">
>-    <style type="text/css">
>-        .container {
>-            display: flex;
>-            flex-flow: column-reverse wrap-reverse;
>-            writing-mode: vertical-rl;
>-            width: 9em;
>-            min-height: 4em;
>-            color: white;
>-            align-content: flex-end;
>-            background: green;
>-        }
>-        .item {
>-            background: green;
>-            height: 1em;
>-            width: 1.5em;
>-
>-            /* make sure UA that doesn't support writing mode and flexbox fails. */
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html
>deleted file mode 100644
>index 05c4c7f54cf95be4d540e362c19568214c36b717..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html
>+++ /dev/null
>@@ -1,55 +0,0 @@
>-<!DOCTYPE html> 
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Flexbox Test: flex direction: row</title>
>-    <link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
>-    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
>-    <link rel="match" href="css-flexbox-column-ref.html">
>-    <meta name="flags" content="">
>-    <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical.">
>-    <style type="text/css">
>-        .container {
>-            display: flex;
>-            flex-flow: column-reverse wrap;
>-            writing-mode: vertical-rl;
>-            width: 9em;
>-            min-height: 4em;
>-            color: white;
>-            align-content: flex-start;
>-            background: green;
>-        }
>-        .item {
>-            background: green;
>-            height: 1em;
>-            width: 1.5em;
>-
>-            /* make sure UA that doesn't support writing mode and flexbox fails. */
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse.html
>deleted file mode 100644
>index 9115ae35236909bbaf81b61f26c70a0be2578267..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse.html
>+++ /dev/null
>@@ -1,40 +0,0 @@
>-<!DOCTYPE html> 
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Flexbox Test: flex direction: row</title>
>-    <link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
>-    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
>-    <link rel="match" href="css-flexbox-column-ref.html">
>-    <meta name="flags" content="">
>-    <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical.">
>-    <style type="text/css">
>-        .container {
>-            display: flex;
>-            flex-flow: column-reverse;
>-            writing-mode: vertical-rl;
>-            width: 9em;
>-            color: white;
>-        }
>-        .item {
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-
>-            /* make sure UA that doesn't support writing mode and flexbox fails. */
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-expected.html
>deleted file mode 100644
>index b0287c2490bb8c1332e26a747fc2d5ed7cf48e2a..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-expected.html
>+++ /dev/null
>@@ -1,32 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Reftest Reference</title>
>-    <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
>-    <style type="text/css">
>-        .container {
>-            color: white;
>-            width: 9em;
>-        }
>-        .item {
>-            writing-mode: vertical-rl;
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse-expected.html
>deleted file mode 100644
>index b0287c2490bb8c1332e26a747fc2d5ed7cf48e2a..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse-expected.html
>+++ /dev/null
>@@ -1,32 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Reftest Reference</title>
>-    <link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
>-    <style type="text/css">
>-        .container {
>-            color: white;
>-            width: 9em;
>-        }
>-        .item {
>-            writing-mode: vertical-rl;
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse.html
>deleted file mode 100644
>index ec309ba80974f78b4bf9981dfeda4375df7ada13..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse.html
>+++ /dev/null
>@@ -1,55 +0,0 @@
>-<!DOCTYPE html> 
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Flexbox Test: flex direction: row</title>
>-    <link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
>-    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
>-    <link rel="match" href="css-flexbox-column-ref.html">
>-    <meta name="flags" content="">
>-    <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical.">
>-    <style type="text/css">
>-        .container {
>-            display: flex;
>-            flex-flow: column wrap-reverse;
>-            writing-mode: vertical-rl;
>-            width: 9em;
>-            min-height: 4em;
>-            color: white;
>-            align-content: flex-end;
>-            background: green;
>-        }
>-        .item {
>-            background: green;
>-            height: 1em;
>-            width: 1.5em;
>-
>-            /* make sure UA that doesn't support writing mode and flexbox fails. */
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html
>deleted file mode 100644
>index c4797a9d7d59fc126cd819f6251d577e39696a40..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html
>+++ /dev/null
>@@ -1,55 +0,0 @@
>-<!DOCTYPE html> 
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Flexbox Test: flex direction: row</title>
>-    <link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
>-    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
>-    <link rel="match" href="css-flexbox-column-ref.html">
>-    <meta name="flags" content="">
>-    <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical.">
>-    <style type="text/css">
>-        .container {
>-            display: flex;
>-            flex-flow: column wrap;
>-            writing-mode: vertical-rl;
>-            width: 9em;
>-            min-height: 4em;
>-            color: white;
>-            align-content: flex-start;
>-            background: green;
>-        }
>-        .item {
>-            background: green;
>-            height: 1em;
>-            width: 1.5em;
>-
>-            /* make sure UA that doesn't support writing mode and flexbox fails. */
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-        <div class="item">ï¼</div>
>-        <div class="item">ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column.html
>deleted file mode 100644
>index c633a443f569847149f6f6d3d3db64dd0fd75574..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column.html
>+++ /dev/null
>@@ -1,40 +0,0 @@
>-<!DOCTYPE html> 
>-<html>
>-<head>
>-    <meta charset="utf-8" />
>-    <title>CSS Flexbox Test: flex direction: row</title>
>-    <link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
>-    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
>-    <link rel="match" href="css-flexbox-column-ref.html">
>-    <meta name="flags" content="">
>-    <meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical.">
>-    <style type="text/css">
>-        .container {
>-            display: flex;
>-            flex-flow: column;
>-            writing-mode: vertical-rl;
>-            width: 9em;
>-            color: white;
>-        }
>-        .item {
>-            background: green;
>-            height: 4em;
>-            width: 1.5em;
>-
>-            /* make sure UA that doesn't support writing mode and flexbox fails. */
>-            float: right;
>-        }
>-    </style>
>-</head>
>-<body>
>-    <p>The test passes if you see a tall green box with pairs of the digits 1-9 and a-i listed right to left in two columns.</p>
>-    <div class="container">
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-        <div class="item">ï¼ï¼ï¼</div>
>-        <div class="item">ï½ï½ï½</div>
>-    </div>
>-</body>
>-</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001-expected.xhtml b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001-expected.xhtml
>index 232ae9e7674c55b1bc7de6a4f972a7f23000e4ca..2187f15b19c19c5b87810a166731aa084ba9af97 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001-expected.xhtml
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001-expected.xhtml
>@@ -36,8 +36,8 @@
>     </div>
> 
>     <div class="flexbox">
>-      <canvas style="height: 122.5px"
>-    /><canvas style="height: 73.5px"/>
>+      <canvas style="height: 108.8px"
>+    /><canvas style="height: 87.1px"/>
>     </div>
> 
>     <div class="flexbox">
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml
>index 1bae704384c2347ed5881d5f769111c11ef5556d..ba47c207ab8f3755201b2237584ed0f6d53dd135 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml
>@@ -48,12 +48,12 @@
>          Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
>                                  = 196px
> 
>-         1st element gets 5/8 of space: 5/8 * 196px = 122.5px
>-         1st element gets 3/8 of space: 3/8 * 196px = 73.5px
>+         1st element gets 5/9 of space: 5/9 * 196px = 108.8px
>+         1st element gets 4/9 of space: 4/9 * 196px = 87.1px
>       -->
>     <div class="flexbox">
>       <canvas style="flex: 5"/>
>-      <canvas style="flex: 3"/>
>+      <canvas style="flex: 4"/>
>     </div>
> 
>     
>     <div class="flexbox">
>       <canvas style="flex: 5"/>
>-      <canvas style="flex: 3"/>
>+      <canvas style="flex: 4"/>
>     </div>
> 
>     
>     <div class="flexbox">
>       <iframe style="flex: 5"/>
>-      <iframe style="flex: 3"/>
>+      <iframe style="flex: 4"/>
>     </div>
> 
>     
>     <div class="flexbox">
>       <img src="support/solidblue.png" style="flex: 5"/>
>-      <img src="support/solidblue.png" style="flex: 3"/>
>+      <img src="support/solidblue.png" style="flex: 4"/>
>     </div>
> 
>     
>     <div class="flexbox">
>       <textarea style="flex: 5"/>
>-      <textarea style="flex: 3"/>
>+      <textarea style="flex: 4"/>
>     </div>
> 
>     
>     <div class="flexbox">
>       <video style="flex: 5"/>
>-      <video style="flex: 3"/>
>+      <video style="flex: 4"/>
>     </div>
> 
>     
>+
> 
> <div style="display: flex;">
>   <div style="display: table; width: 500px; height: 100px; background: green; flex: 0 0 100px;"></div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht
>new file mode 100644
>index 0000000000000000000000000000000000000000..05a13794482a94f6c10bd9d4c98704e63ef60331
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht
>@@ -0,0 +1,19 @@
>+<!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>
>+  <title>CSS Reftest Reference</title>
>+  <link rel="author" title="GÃ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
>+  <style type="text/css"><![CDATA[
>+  div
>+  {
>+  background-color: green;
>+  height: 100px;
>+  width: 100px;
>+  }
>+  ]]></style>
>+ </head>
>+ <body>
>+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
>+  <div></div>
>+ </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..04e5b1e342e7cf61fbfec5ef6e82d9ca25909472
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html
>@@ -0,0 +1,13 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
>+<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-stretch">
>+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
>+<meta name="assert" content="The table's cross-axis (inline-size) is stretched.">
>+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
>+<div style="display: flex; flex-direction: column; width: 100px; height: 100px; background: red;">
>+  <table style="border-spacing: 0; flex-grow: 1;">
>+    <caption style="height: 10px; background: green;"></caption>
>+    <caption style="height: 20px; background: green; caption-side: bottom;"></caption>
>+    <td style="background: green;"></td>
>+  </table>
>+</div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3-expected.xht b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3-expected.xht
>new file mode 100644
>index 0000000000000000000000000000000000000000..05a13794482a94f6c10bd9d4c98704e63ef60331
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3-expected.xht
>@@ -0,0 +1,19 @@
>+<!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>
>+  <title>CSS Reftest Reference</title>
>+  <link rel="author" title="GÃ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
>+  <style type="text/css"><![CDATA[
>+  div
>+  {
>+  background-color: green;
>+  height: 100px;
>+  width: 100px;
>+  }
>+  ]]></style>
>+ </head>
>+ <body>
>+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
>+  <div></div>
>+ </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..04e168e52ebdfe1631edb786bc6134a2d8a2e0e0
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3.html
>@@ -0,0 +1,13 @@
>+<!DOCTYPE html>
>+<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
>+<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-stretch">
>+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=799725">
>+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
>+<meta name="assert" content="The table's cross-axis (inline-size) is stretched while the main-axis is not growing.">
>+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
>+<div style="display: flex; flex-direction: column; width: 100px; background: red;">
>+  <table style="border-spacing: 0; height: 90px;">
>+    <caption style="height: 10px; background: green;"></caption>
>+    <td style="background: green;"></td>
>+  </table>
>+</div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..ee2cc9af5af24c42a73f8ff43a042c8f0717b47a
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html
>@@ -0,0 +1,140 @@
>+<!doctype html>
>+<title>Reference: display:table flex items with flex-shrink/flex-grow/flex-basis</title>
>+<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1674268">
>+<link rel="stylesheet" href="/fonts/ahem.css">
>+<style>
>+  html,body {
>+    color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
>+  }
>+
>+  .container {
>+    display: flex;
>+    width: 180px;
>+    border: 1px solid blue;
>+  }
>+
>+  .container > * {
>+    background-color: cyan;
>+    display: block;
>+  }
>+  .test1 > * {
>+    flex-shrink: 0;
>+    min-width: 100%;
>+  }
>+  .test2 > * {
>+    flex-shrink: 0;
>+    min-width: 50%;
>+  }
>+  .test3 > * {
>+    flex-shrink: 0.5;
>+    min-width: 50%;
>+  }
>+  .test4 > * {
>+    flex-grow: 0.1;
>+    min-width: 50%;
>+  }
>+  .test5 > * {
>+    flex-shrink: 0.2;
>+    flex-grow: 0.5;
>+    min-width: 10%;
>+  }
>+  .base > * {
>+    flex-basis: 100px;
>+  }
>+  .large-base {
>+    width: 100px;
>+  }
>+  .large-base > * {
>+    flex-basis: 200px;
>+  }
>+</style>
>+
>+<div class="container test1">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test2">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test3">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test4">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test5">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test1 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test2 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test3 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test4 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test5 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test1 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test2 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test3 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test4 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test5 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..a67e4fe15f65aab403c376cff6ecda5a25da51bf
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html
>@@ -0,0 +1,144 @@
>+<!doctype html>
>+<title>Flexbox Test: display:table flex items with flex-shrink/flex-grow/flex-basis</title>
>+<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1674268">
>+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-property">
>+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1673006">
>+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1454330">
>+<link rel="match" href="table-item-flex-percentage-min-width-ref.html">
>+<link rel="stylesheet" href="/fonts/ahem.css">
>+<style>
>+  html,body {
>+    color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
>+  }
>+
>+  .container {
>+    display: flex;
>+    width: 180px;
>+    border: 1px solid blue;
>+  }
>+
>+  .container > * {
>+    background-color: cyan;
>+    display: table;
>+  }
>+  .test1 > * {
>+    flex-shrink: 0;
>+    min-width: 100%;
>+  }
>+  .test2 > * {
>+    flex-shrink: 0;
>+    min-width: 50%;
>+  }
>+  .test3 > * {
>+    flex-shrink: 0.5;
>+    min-width: 50%;
>+  }
>+  .test4 > * {
>+    flex-grow: 0.1;
>+    min-width: 50%;
>+  }
>+  .test5 > * {
>+    flex-shrink: 0.2;
>+    flex-grow: 0.5;
>+    min-width: 10%;
>+  }
>+  .base > * {
>+    flex-basis: 100px;
>+  }
>+  .large-base {
>+    width: 100px;
>+  }
>+  .large-base > * {
>+    flex-basis: 200px;
>+  }
>+</style>
>+
>+<div class="container test1">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test2">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test3">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test4">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test5">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test1 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test2 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test3 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test4 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test5 base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test1 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test2 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test3 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test4 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>+
>+<div class="container test5 large-base">
>+  <div>1</div>
>+  <div>2</div>
>+  <div>3</div>
>+</div>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log
>index 1727c7c3e878975d3c1f951bf430a13999eab17b..878f0fbf4be437116e682fba6adbbf7990af78e9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log
>@@ -130,6 +130,8 @@ List of files:
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-001-print.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-002-print-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-002-print.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-dynamic-change-001.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/change-column-flex-width.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-flex-child-with-overflow-scroll.html
>@@ -141,18 +143,6 @@ List of files:
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/cross-axis-scrollbar.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-box-justify-content-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-box-justify-content.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-expected.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-expected.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse-expected.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-expected.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse-expected.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html
>-/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-height-animation-stretch-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-height-animation-stretch.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-img-expand-evenly-expected.html
>@@ -1332,6 +1322,7 @@ List of files:
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexitem-stretch-range.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/floated-flexitem-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/floated-flexitem.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-lr-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-lr.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-ltr-expected.html
>@@ -1628,16 +1619,34 @@ List of files:
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-fixed-min-width.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-flex-cross-size-expected.xht
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-flex-cross-size.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3-expected.xht
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-expected.xht
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-wide-content-expected.xht
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-wide-content.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width-expected.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width.html
> /LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-with-float-paint-expected.html
>diff --git a/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt b/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..0dfdf003d2427317af7869718ffad711b24978c7
>--- /dev/null
>+++ b/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 808x616
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x616
>+  RenderBlock {HTML} at (0,0) size 800x616
>+    RenderBody {BODY} at (8,8) size 784x600
>+      RenderFlexibleBox {DIV} at (0,0) size 784x600
>+        RenderFrameSet {FRAMESET} at (0,0) size 800x600 [border: none (50px solid #FF0000) none]
>diff --git a/LayoutTests/platform/wpe/TestExpectations b/LayoutTests/platform/wpe/TestExpectations
>index c9936798f915bd02bbeeebf78ec03fe35857e02a..cb9fd86df128f58362c01c76b07ed731cd45613b 100644
>--- a/LayoutTests/platform/wpe/TestExpectations
>+++ b/LayoutTests/platform/wpe/TestExpectations
>@@ -584,9 +584,6 @@ webkit.org/b/211563 fast/text-indicator/text-indicator-estimated-color-with-impl
> Bug(WPE) contentfiltering/ [ Skip ]
> Bug(WPE) http/tests/contentfiltering [ Skip ]
> 
>-webkit.org/b/212347 imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html [ ImageOnlyFailure ]
>-webkit.org/b/212347 imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html [ ImageOnlyFailure ]
>-
> webkit.org/b/212349 fast/canvas/webgl/readPixels-float.html [ Failure ]
> 
> webkit.org/b/212351 fast/events/mouse-cursor-udpate-during-raf.html [ Failure ]

Flags:

rbuis: review+

Actions: View | Formatted Diff | Diff

Attachments on bug 222651: 422068 | 422078