Attachment #422078 for bug #222651

View Details Raw Unified Return to Bug 222651

| Differences between



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



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



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.

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 ]

Lines 32-37 a/LayoutTests/imported/w3c/resources/resource-files.json_sec1
- a/LayoutTests/imported/w3c/resources/resource-files.json +1 lines
32	"css/css-flexbox/flex-direction-row-reverse-002-visual.html",	32	"css/css-flexbox/flex-direction-row-reverse-002-visual.html",
33	"css/css-flexbox/flex-shrink-large-value-crash.html",	33	"css/css-flexbox/flex-shrink-large-value-crash.html",
34	"css/css-flexbox/flexbox-order-from-lowest.html",	34	"css/css-flexbox/flexbox-order-from-lowest.html",
		35	"css/css-flexbox/frameset-crash.html",
35	"css/css-flexbox/inline-flex-editing-crash.html",	36	"css/css-flexbox/inline-flex-editing-crash.html",
36	"css/css-flexbox/inline-flex-editing-with-updating-text-crash.html",	37	"css/css-flexbox/inline-flex-editing-with-updating-text-crash.html",
37	"css/css-flexbox/inline-flex-frameset-main-axis-crash.html",	38	"css/css-flexbox/inline-flex-frameset-main-axis-crash.html",

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html +4 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
	3	<p>Test passes if there is a filled green square.</p>
	4	<div style="width:100px; height:100px; background:green;"></div>



<!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>

<!-- align-items: flex-start so we don't have to think about stretching -->
<div style="display: flex; align-items: flex-start;">
  <canvas width=20 height=20 style="contain: size; background: green; width: 100px;">
</div>



<!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>



<!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>



<!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>



<!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>



<!DOCTYPE html> <!-- coding:utf-8 -->
<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>



<!DOCTYPE html> <!-- coding:utf-8 -->
<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>



<!DOCTYPE html> <!-- coding:utf-8 -->
<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>



<!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>



<!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>



<!DOCTYPE html> <!-- coding:utf-8 -->
<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>



<!DOCTYPE html> <!-- coding:utf-8 -->
<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>



<!DOCTYPE html> <!-- coding:utf-8 -->
<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>



    </div>

    <div class="flexbox">
      <canvas style="height: 108.8px"
    /><canvas style="height: 87.1px"/>
    </div>

    <div class="flexbox">



         Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
                                 = 196px

         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: 4"/>
    </div>

    <!-- D) Two canvas elements, getting stretched by different ratios, from



    </div>

    <div class="flexbox">
      <canvas style="height: 108.8px"
    /><canvas style="height: 87.1px"/>
    </div>

    <div class="flexbox">



         Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
                                 = 196px

         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: 4"/>
    </div>

    <!-- D) Two canvas elements, getting stretched by different ratios, from



    </div>

    <div class="flexbox">
      <iframe style="height: 108.8px"
    /><iframe style="height: 87.1px"/>
    </div>

    <div class="flexbox">



         Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
                                 = 196px

         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">
      <iframe style="flex: 5"/>
      <iframe style="flex: 4"/>
    </div>

    <!-- D) Two iframe elements, getting stretched by different ratios, from



    </div>

    <div class="flexbox">
      <img src="support/solidblue.png" style="height: 108.8px"
    /><img src="support/solidblue.png" style="height: 87.1px"/>
    </div>

    <div class="flexbox">



         Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
                                 = 196px

         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">
      <img src="support/solidblue.png" style="flex: 5"/>
      <img src="support/solidblue.png" style="flex: 4"/>
    </div>

    <!-- D) Two img elements, getting stretched by different ratios, from



    </div>

    <div class="flexbox">
      <textarea style="height: 108.8px"
    /><textarea style="height: 87.1px"/>
    </div>

    <div class="flexbox">



         Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
                                 = 196px

         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">
      <textarea style="flex: 5"/>
      <textarea style="flex: 4"/>
    </div>

    <!-- D) Two textarea elements, getting stretched by different ratios, from



    </div>

    <div class="flexbox">
      <video style="height: 108.8px"
    /><video style="height: 87.1px"/>
    </div>

    <div class="flexbox">



         Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
                                 = 196px

         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">
      <video style="flex: 5"/>
      <video style="flex: 4"/>
    </div>

    <!-- D) Two video elements, getting stretched by different ratios, from

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt +7 lines
	1	layer at (0,0) size 793x616
	2	RenderView at (0,0) size 785x585
	3	layer at (0,0) size 785x616
	4	RenderBlock {HTML} at (0,0) size 785x616
	5	RenderBody {BODY} at (8,8) size 769x600
	6	RenderFlexibleBox {DIV} at (0,0) size 769x600
	7	RenderFrameSet {FRAMESET} at (0,0) size 785x600 [border: none (50px solid #FF0000) none]



<!DOCTYPE html>
<link rel="author" title="David Grogan" href="dgrogan@chromium.org">
<link rel="help" href="https://crbug.com/1173843">
<meta name="assert" content="No crash when a flexbox lays out a frameset with a border in the main axis direction.">
<style>
frameset {
  border-right: 50px solid red;
}
</style>

<div id='flex' style="display: flex"></div>

<script>
  // I couldn't get the parser to accept a framset inside a div, so this uses
  // JS instead.
  flex.appendChild(document.createElement('frameset'));
</script>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1-expected.html +4 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
	3	<p>Test passes if there is a filled green square.</p>
	4	<div style="width:100px; height:100px; background:green;"></div>



<!DOCTYPE html>
<title>Table as a flex item in column-oriented flex container</title>
<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/css-flexbox-1/#resolve-flexible-lengths">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-height">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="Inflexible table flex item's flex base size is its final main size.">

<p>Test passes if there is a filled green square.</p>
<div style="display: flex; flex-direction: column;">
  <div style="display: table; border: 10px solid green; width: 80px; background: green; flex: 0 0 80px;"></div>
</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2-expected.html +4 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
	3	<p>Test passes if there is a filled green square.</p>
	4	<div style="width:100px; height:100px; background:green;"></div>



<!DOCTYPE html>
<title>Table as a flex item in column-oriented flex container</title>
<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/css-flexbox-1/#resolve-flexible-lengths">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-height">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="Inflexible table flex item's flex base size is its final main size.">

<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;
                width: 80px; flex: 0 0 50px">
    <caption style="height: 10px; border: 10px solid green; background: green;"></caption>
  </table>
</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1-expected.html +4 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
	3	<p>Test passes if there is a filled green square.</p>
	4	<div style="width:100px; height:100px; background:green;"></div>



<!DOCTYPE html>
<title>Table as a flex item in row-oriented flex container</title>
<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/css-flexbox-1/#resolve-flexible-lengths">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-width">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="Inflexible table flex item's flex base size is its final main size.">

<p>Test passes if there is a filled green square.</p>
<div style="display: flex; flex-direction: row;">
  <div style="display: table; border: 10px solid green; height: 80px; background: green; flex: 0 0 80px;"></div>
</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2-expected.html +4 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
	3	<p>Test passes if there is a filled green square.</p>
	4	<div style="width:100px; height:100px; background:green;"></div>



<!DOCTYPE html>
<title>Table as a flex item in row-oriented flex container</title>
<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/css-flexbox-1/#resolve-flexible-lengths">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-width">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="Inflexible table flex item's flex base size is its final main size.">

<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;
                height: 50px; flex: 0 0 80px">
    <caption style="height: 10px; border: 10px solid green; background: green;"></caption>
  </table>
</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2-expected.html +4 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
	3	<p>Test passes if there is a filled green square.</p>
	4	<div style="width:100px; height:100px; background:green;"></div>



<!DOCTYPE html>
<title>CSS Flexbox Test: Flex item as table with narrow content</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm" title="9. Flex Layout Algorithm">
<meta name="assert" content="A flex item as a table uses the sizing algorithm of the flexbox">
<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; flex-direction:column; width: 100px; height:200px; ">
  <div style="display:table; flex:1 0; background:green;">
    <div style="width:100px; height:10px;"></div>
  </div>
  <div style="flex:1 0;"></div>
</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height-expected.html +4 lines
	1	<!DOCTYPE html>
	2	<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
	3	<p>Test passes if there is a filled green square.</p>
	4	<div style="width:100px; height:100px; background:green;"></div>



<!DOCTYPE html>
<title>table is flex item</title>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm" title="9. Flex Layout Algorithm">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-height">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="Table's specified height does not count as another min-height for the purposes of the flexbox algorithm.">

<p>Test passes if there is a filled green square.</p>

<div style="display: flex; flex-direction: column; width: 100px;">
  <div style="display: table; width: 100px; height: 500px; background: green; flex: 0 0 100px;"></div>
</div>




<p>Test passes if there is a filled green square.</p>

<!-- This test passed until Chrome 84 but has been broken since.
     Firefox fixed this test since version 87. -->

<div style="display: flex;">
  <div style="display: table; width: 500px; height: 100px; background: green; flex: 0 0 100px;"></div>



<!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>



<!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>



<!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>



<!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>



<!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>



<!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>



/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

/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

/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

/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

Line 0 a/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt_sec1
- a/LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt +7 lines
	1	layer at (0,0) size 808x616
	2	RenderView at (0,0) size 800x600
	3	layer at (0,0) size 800x616
	4	RenderBlock {HTML} at (0,0) size 800x616
	5	RenderBody {BODY} at (8,8) size 784x600
	6	RenderFlexibleBox {DIV} at (0,0) size 784x600
	7	RenderFrameSet {FRAMESET} at (0,0) size 800x600 [border: none (50px solid #FF0000) none]



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 ]

Return to Bug 222651

Lines 3985-3990 webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-ite a/LayoutTests/TestExpectations_sec1
- a/LayoutTests/TestExpectations -5 / +6 lines
3985	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001.html [ ImageOnlyFailure ]	3985	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001.html [ ImageOnlyFailure ]
3986	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width.html [ ImageOnlyFailure ]	3986	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width.html [ ImageOnlyFailure ]
3987	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size.html [ ImageOnlyFailure ]	3987	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size.html [ ImageOnlyFailure ]
		3988	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html [ ImageOnlyFailure ]
		3989	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html [ ImageOnlyFailure ]
		3990	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html [ ImageOnlyFailure ]
		3991	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2.html [ ImageOnlyFailure ]
		3992	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height.html [ ImageOnlyFailure ]
		3993	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html [ ImageOnlyFailure ]
3988	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width.html [ ImageOnlyFailure ]	3994	webkit.org/b/221473 imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width.html [ ImageOnlyFailure ]
3989		3995
3990	# SVGs as flex items.	3996	# SVGs as flex items.
Lines 4058-4069 webkit.org/b/221482 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-coll a/LayoutTests/TestExpectations_sec2
4058	webkit.org/b/221482 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-paint-ordering-002.xhtml [ ImageOnlyFailure ]	4064	webkit.org/b/221482 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-paint-ordering-002.xhtml [ ImageOnlyFailure ]
4059		4065
4060	# Misc elements as flex items.	4066	# Misc elements as flex items.
4061	webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml [ ImageOnlyFailure ]
4062	webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001v.xhtml [ ImageOnlyFailure ]	4067	webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001v.xhtml [ ImageOnlyFailure ]
4063	webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-iframe-vert-001.xhtml [ ImageOnlyFailure ]
4064	webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-img-vert-001.xhtml [ ImageOnlyFailure ]
4065	webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-textarea-vert-001.xhtml [ ImageOnlyFailure ]
4066	webkit.org/b/136754 imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-video-vert-001.xhtml [ ImageOnlyFailure ]
4067		4068
4068	# Newly imported Canvas WPT tests that are failing.	4069	# Newly imported Canvas WPT tests that are failing.
4069	imported/w3c/web-platform-tests/html/canvas/element/building-paths/canvas_complexshapes_arcto_001.htm [ ImageOnlyFailure Pass ]	4070	imported/w3c/web-platform-tests/html/canvas/element/building-paths/canvas_complexshapes_arcto_001.htm [ ImageOnlyFailure Pass ]

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +13 lines
		1	2021-03-03 Sergio Villar Senin <svillar@igalia.com>
		2
		3	[css-flexbox] Import latest WPT tests
		4	https://bugs.webkit.org/show_bug.cgi?id=222651
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Imported latest changes in the test suite.
		9
		10	* TestExpectations:
		11	* imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt: Added.
		12	* platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash-expected.txt: Added.
		13
1	2021-03-02 Manuel Rego Casasnovas <rego@igalia.com>	14	2021-03-02 Manuel Rego Casasnovas <rego@igalia.com>
2		15
3	[selectors] :focus-visible implementation	16	[selectors] :focus-visible implementation

Lines 1-3 a/LayoutTests/imported/w3c/ChangeLog_sec1
- a/LayoutTests/imported/w3c/ChangeLog +56 lines
		1	2021-03-03 Sergio Villar Senin <svillar@igalia.com>
		2
		3	[css-flexbox] Import latest WPT tests
		4	https://bugs.webkit.org/show_bug.cgi?id=222651
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	* resources/resource-files.json:
		9	* web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html: Added.
		10	* web-platform-tests/css/css-flexbox/canvas-contain-size.html: Added.
		11	* web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html: Removed.
		12	* web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-expected.html: Removed.
		13	* web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-expected.html: Removed.
		14	* web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse-expected.html: Removed.
		15	* web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html: Removed.
		16	* web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html: Removed.
		17	* web-platform-tests/css/css-flexbox/css-flexbox-column-reverse.html: Removed.
		18	* web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-expected.html: Removed.
		19	* web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse-expected.html: Removed.
		20	* web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse.html: Removed.
		21	* web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html: Removed.
		22	* web-platform-tests/css/css-flexbox/css-flexbox-column.html: Removed.
		23	* web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001-expected.xhtml:
		24	* web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml:
		25	* web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001v-expected.xhtml:
		26	* web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001v.xhtml:
		27	* web-platform-tests/css/css-flexbox/flexbox-basic-iframe-vert-001-expected.xhtml:
		28	* web-platform-tests/css/css-flexbox/flexbox-basic-iframe-vert-001.xhtml:
		29	* web-platform-tests/css/css-flexbox/flexbox-basic-img-vert-001-expected.xhtml:
		30	* web-platform-tests/css/css-flexbox/flexbox-basic-img-vert-001.xhtml:
		31	* web-platform-tests/css/css-flexbox/flexbox-basic-textarea-vert-001-expected.xhtml:
		32	* web-platform-tests/css/css-flexbox/flexbox-basic-textarea-vert-001.xhtml:
		33	* web-platform-tests/css/css-flexbox/flexbox-basic-video-vert-001-expected.xhtml:
		34	* web-platform-tests/css/css-flexbox/flexbox-basic-video-vert-001.xhtml:
		35	* web-platform-tests/css/css-flexbox/frameset-crash.html: Added.
		36	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1-expected.html: Added.
		37	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html: Added.
		38	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2-expected.html: Added.
		39	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html: Added.
		40	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1-expected.html: Added.
		41	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1.html: Added.
		42	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2-expected.html: Added.
		43	* web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html: Added.
		44	* web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2-expected.html: Added.
		45	* web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2.html: Added.
		46	* web-platform-tests/css/css-flexbox/table-as-item-specified-height-expected.html: Added.
		47	* web-platform-tests/css/css-flexbox/table-as-item-specified-height.html: Added.
		48	* web-platform-tests/css/css-flexbox/table-as-item-specified-width.html:
		49	* web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht: Added.
		50	* web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html: Added.
		51	* web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3-expected.xht: Added.
		52	* web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3.html: Added.
		53	* web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html: Added.
		54	* web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html: Added.
		55	* web-platform-tests/css/css-flexbox/w3c-import.log:
		56
1	2021-03-02 Manuel Rego Casasnovas <rego@igalia.com>	57	2021-03-02 Manuel Rego Casasnovas <rego@igalia.com>
2		58
3	[selectors] :focus-visible implementation	59	[selectors] :focus-visible implementation

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size.html +14 lines
	1	<!doctype html>
	2	<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org" />
	3	<link rel="help" href="https://drafts.csswg.org/css-flexbox/#algo-cross-item" />
	4	<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#attributes-for-embedded-content-and-images" />
	5	<link rel="issue" href="https://crbug.com/1175526" />
	6	<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. " />
	7	<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
	8
	9	<p>Test passes if there is a filled green square.</p>
	10
	11	<!-- align-items: flex-start so we don't have to think about stretching -->
	12	<div style="display: flex; align-items: flex-start;">
	13	<canvas width=20 height=20 style="contain: size; background: green; width: 100px;">
	14	</div>

Lines 1-32 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html -32 lines
1	<!DOCTYPE html>
2	<html>
3	<head>
4	<meta charset="utf-8" />
5	<title>CSS Reftest Reference</title>
6	<link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
7	<style type="text/css">
8	.container {
9	color: white;
10	width: 9em;
11	}
12	.item {
13	writing-mode: vertical-rl;
14	background: green;
15	height: 4em;
16	width: 1.5em;
17	float: right;
18	}
19	</style>
20	</head>
21	<body>
22	<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>
23	<div class="container">
24	<div class="item">１２３</div>
25	<div class="item">ａｂｃ</div>
26	<div class="item">４５６</div>
27	<div class="item">ｄｅｆ</div>
28	<div class="item">７８９</div>
29	<div class="item">ｓｔｕ</div>
30	</div>
31	</body>
32	</html>

Lines 1-55 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html -55 lines
1	<!DOCTYPE html> <!-- coding:utf-8 -->
2	<html>
3	<head>
4	<meta charset="utf-8" />
5	<title>CSS Flexbox Test: flex direction: row</title>
6	<link rel="author" title="Naoki Okada" href="mailto:somathor@gmail.com" />
7	<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">
8	<link rel="match" href="css-flexbox-column-ref.html">
9	<meta name="flags" content="">
10	<meta name="assert" content="Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical.">
11	<style type="text/css">
12	.container {
13	display: flex;
14	flex-flow: column-reverse wrap-reverse;
15	writing-mode: vertical-rl;
16	width: 9em;
17	min-height: 4em;
18	color: white;
19	align-content: flex-end;
20	background: green;
21	}
22	.item {
23	background: green;
24	height: 1em;
25	width: 1.5em;
26
27	/* make sure UA that doesn't support writing mode and flexbox fails. */
28	float: right;
29	}
30	</style>
31	</head>
32	<body>
33	<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>
34	<div class="container">
35	<div class="item">ｕ</div>
36	<div class="item">９</div>
37	<div class="item">ｆ</div>
38	<div class="item">６</div>
39	<div class="item">ｃ</div>
40	<div class="item">３</div>
41	<div class="item">ｔ</div>
42	<div class="item">８</div>
43	<div class="item">ｅ</div>
44	<div class="item">５</div>
45	<div class="item">ｂ</div>
46	<div class="item">２</div>
47	<div class="item">ｓ</div>
48	<div class="item">７</div>
49	<div class="item">ｄ</div>
50	<div class="item">４</div>
51	<div class="item">ａ</div>
52	<div class="item">１</div>
53	</div>
54	</body>
55	</html>

Lines 48-59 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexbox-basic-canvas-vert-001.xhtml -3 / +3 lines
48	Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)	48	Space-to-be-distributed = 200px - borders = 200 - (1 + 1) - (1 + 1)
49	= 196px	49	= 196px
50		50
51	1st element gets 5/8 of space: 5/8 * 196px = 122.5px	51	1st element gets 5/9 of space: 5/9 * 196px = 108.8px
52	1st element gets 3/8 of space: 3/8 * 196px = 73.5px	52	1st element gets 4/9 of space: 4/9 * 196px = 87.1px
53	-->	53	-->
54	<div class="flexbox">	54	<div class="flexbox">
55	<canvas style="flex: 5"/>	55	<canvas style="flex: 5"/>
56	<canvas style="flex: 3"/>	56	<canvas style="flex: 4"/>
57	</div>	57	</div>
58		58
59	<!-- D) Two canvas elements, getting stretched by different ratios, from	59	<!-- D) Two canvas elements, getting stretched by different ratios, from

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html +14 lines
	1	<!DOCTYPE html>
	2	<title>Table as a flex item in column-oriented flex container</title>
	3	<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
	4	<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
	5	<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#resolve-flexible-lengths">
	6	<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-height">
	7	<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
	8	<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
	9	<meta name="assert" content="Inflexible table flex item's flex base size is its final main size.">
	10
	11	<p>Test passes if there is a filled green square.</p>
	12	<div style="display: flex; flex-direction: column;">
	13	<div style="display: table; border: 10px solid green; width: 80px; background: green; flex: 0 0 80px;"></div>
	14	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1.html +14 lines
	1	<!DOCTYPE html>
	2	<title>Table as a flex item in row-oriented flex container</title>
	3	<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
	4	<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
	5	<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#resolve-flexible-lengths">
	6	<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-width">
	7	<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
	8	<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
	9	<meta name="assert" content="Inflexible table flex item's flex base size is its final main size.">
	10
	11	<p>Test passes if there is a filled green square.</p>
	12	<div style="display: flex; flex-direction: row;">
	13	<div style="display: table; border: 10px solid green; height: 80px; background: green; flex: 0 0 80px;"></div>
	14	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2.html +14 lines
	1	<!DOCTYPE html>
	2	<title>CSS Flexbox Test: Flex item as table with narrow content</title>
	3	<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
	4	<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
	5	<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm" title="9. Flex Layout Algorithm">
	6	<meta name="assert" content="A flex item as a table uses the sizing algorithm of the flexbox">
	7	<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
	8	<p>Test passes if there is a filled green square.</p>
	9	<div style="display:flex; flex-direction:column; width: 100px; height:200px; ">
	10	<div style="display:table; flex:1 0; background:green;">
	11	<div style="width:100px; height:10px;"></div>
	12	</div>
	13	<div style="flex:1 0;"></div>
	14	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height.html +15 lines
	1	<!DOCTYPE html>
	2	<title>table is flex item</title>
	3	<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
	4	<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
	5	<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm" title="9. Flex Layout Algorithm">
	6	<link rel="help" href="https://drafts.csswg.org/css-tables-3/#computing-the-table-height">
	7	<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692116">
	8	<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
	9	<meta name="assert" content="Table's specified height does not count as another min-height for the purposes of the flexbox algorithm.">
	10
	11	<p>Test passes if there is a filled green square.</p>
	12
	13	<div style="display: flex; flex-direction: column; width: 100px;">
	14	<div style="display: table; width: 100px; height: 500px; background: green; flex: 0 0 100px;"></div>
	15	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht +19 lines
	1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	2	<html xmlns="http://www.w3.org/1999/xhtml">
	3	<head>
	4	<title>CSS Reftest Reference</title>
	5	<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
	6	<style type="text/css"><![CDATA[
	7	div
	8	{
	9	background-color: green;
	10	height: 100px;
	11	width: 100px;
	12	}
	13	]]></style>
	14	</head>
	15	<body>
	16	<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
	17	<div></div>
	18	</body>
	19	</html>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html +140 lines
		1	<!doctype html>
		2	<title>Reference: display:table flex items with flex-shrink/flex-grow/flex-basis</title>
		3	<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1674268">
		4	<link rel="stylesheet" href="/fonts/ahem.css">
		5	<style>
		6	html,body {
		7	color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
		8	}
		9
		10	.container {
		11	display: flex;
		12	width: 180px;
		13	border: 1px solid blue;
		14	}
		15
		16	.container > * {
		17	background-color: cyan;
		18	display: block;
		19	}
		20	.test1 > * {
		21	flex-shrink: 0;
		22	min-width: 100%;
		23	}
		24	.test2 > * {
		25	flex-shrink: 0;
		26	min-width: 50%;
		27	}
		28	.test3 > * {
		29	flex-shrink: 0.5;
		30	min-width: 50%;
		31	}
		32	.test4 > * {
		33	flex-grow: 0.1;
		34	min-width: 50%;
		35	}
		36	.test5 > * {
		37	flex-shrink: 0.2;
		38	flex-grow: 0.5;
		39	min-width: 10%;
		40	}
		41	.base > * {
		42	flex-basis: 100px;
		43	}
		44	.large-base {
		45	width: 100px;
		46	}
		47	.large-base > * {
		48	flex-basis: 200px;
		49	}
		50	</style>
		51
		52	<div class="container test1">
		53	<div>1</div>
		54	<div>2</div>
		55	<div>3</div>
		56	</div>
		57
		58	<div class="container test2">
		59	<div>1</div>
		60	<div>2</div>
		61	<div>3</div>
		62	</div>
		63
		64	<div class="container test3">
65	<div>1</div>
66	<div>2</div>
67	<div>3</div>
68	</div>
69
70	<div class="container test4">
71	<div>1</div>
72	<div>2</div>
73	<div>3</div>
74	</div>
75
76	<div class="container test5">
77	<div>1</div>
78	<div>2</div>
79	<div>3</div>
80	</div>
81
82	<div class="container test1 base">
83	<div>1</div>
84	<div>2</div>
85	<div>3</div>
86	</div>
87
88	<div class="container test2 base">
89	<div>1</div>
90	<div>2</div>
91	<div>3</div>
92	</div>
93
94	<div class="container test3 base">
95	<div>1</div>
96	<div>2</div>
97	<div>3</div>
98	</div>
99
100	<div class="container test4 base">
101	<div>1</div>
102	<div>2</div>
103	<div>3</div>
104	</div>
105
106	<div class="container test5 base">
107	<div>1</div>
108	<div>2</div>
109	<div>3</div>
110	</div>
111
112	<div class="container test1 large-base">
113	<div>1</div>
114	<div>2</div>
115	<div>3</div>
116	</div>
117
118	<div class="container test2 large-base">
119	<div>1</div>
120	<div>2</div>
121	<div>3</div>
122	</div>
123
124	<div class="container test3 large-base">
125	<div>1</div>
126	<div>2</div>
127	<div>3</div>
128	</div>
129
130	<div class="container test4 large-base">
131	<div>1</div>
132	<div>2</div>
133	<div>3</div>
134	</div>
135
136	<div class="container test5 large-base">
137	<div>1</div>
138	<div>2</div>
139	<div>3</div>
140	</div>

Line 0 a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html +144 lines
		1	<!doctype html>
		2	<title>Flexbox Test: display:table flex items with flex-shrink/flex-grow/flex-basis</title>
		3	<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1674268">
		4	<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-property">
		5	<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1673006">
		6	<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1454330">
		7	<link rel="match" href="table-item-flex-percentage-min-width-ref.html">
		8	<link rel="stylesheet" href="/fonts/ahem.css">
		9	<style>
		10	html,body {
		11	color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
		12	}
		13
		14	.container {
		15	display: flex;
		16	width: 180px;
		17	border: 1px solid blue;
		18	}
		19
		20	.container > * {
		21	background-color: cyan;
		22	display: table;
		23	}
		24	.test1 > * {
		25	flex-shrink: 0;
		26	min-width: 100%;
		27	}
		28	.test2 > * {
		29	flex-shrink: 0;
		30	min-width: 50%;
		31	}
		32	.test3 > * {
		33	flex-shrink: 0.5;
		34	min-width: 50%;
		35	}
		36	.test4 > * {
		37	flex-grow: 0.1;
		38	min-width: 50%;
		39	}
		40	.test5 > * {
		41	flex-shrink: 0.2;
		42	flex-grow: 0.5;
		43	min-width: 10%;
		44	}
		45	.base > * {
		46	flex-basis: 100px;
		47	}
		48	.large-base {
		49	width: 100px;
		50	}
		51	.large-base > * {
		52	flex-basis: 200px;
		53	}
		54	</style>
		55
		56	<div class="container test1">
		57	<div>1</div>
		58	<div>2</div>
		59	<div>3</div>
		60	</div>
		61
		62	<div class="container test2">
		63	<div>1</div>
		64	<div>2</div>
65	<div>3</div>
66	</div>
67
68	<div class="container test3">
69	<div>1</div>
70	<div>2</div>
71	<div>3</div>
72	</div>
73
74	<div class="container test4">
75	<div>1</div>
76	<div>2</div>
77	<div>3</div>
78	</div>
79
80	<div class="container test5">
81	<div>1</div>
82	<div>2</div>
83	<div>3</div>
84	</div>
85
86	<div class="container test1 base">
87	<div>1</div>
88	<div>2</div>
89	<div>3</div>
90	</div>
91
92	<div class="container test2 base">
93	<div>1</div>
94	<div>2</div>
95	<div>3</div>
96	</div>
97
98	<div class="container test3 base">
99	<div>1</div>
100	<div>2</div>
101	<div>3</div>
102	</div>
103
104	<div class="container test4 base">
105	<div>1</div>
106	<div>2</div>
107	<div>3</div>
108	</div>
109
110	<div class="container test5 base">
111	<div>1</div>
112	<div>2</div>
113	<div>3</div>
114	</div>
115
116	<div class="container test1 large-base">
117	<div>1</div>
118	<div>2</div>
119	<div>3</div>
120	</div>
121
122	<div class="container test2 large-base">
123	<div>1</div>
124	<div>2</div>
125	<div>3</div>
126	</div>
127
128	<div class="container test3 large-base">
129	<div>1</div>
130	<div>2</div>
131	<div>3</div>
132	</div>
133
134	<div class="container test4 large-base">
135	<div>1</div>
136	<div>2</div>
137	<div>3</div>
138	</div>
139
140	<div class="container test5 large-base">
141	<div>1</div>
142	<div>2</div>
143	<div>3</div>
144	</div>

Lines 130-135 List of files: a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log_sec1
- a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log -12 / +21 lines
130	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-001-print.html	130	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-001-print.html
131	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-002-print-expected.html	131	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-002-print-expected.html
132	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-002-print.html	132	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/break-nested-float-in-flex-item-002-print.html
		133	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size-expected.html
		134	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-contain-size.html
133	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-dynamic-change-001.html	135	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/canvas-dynamic-change-001.html
134	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/change-column-flex-width.html	136	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/change-column-flex-width.html
135	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-flex-child-with-overflow-scroll.html	137	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/column-flex-child-with-overflow-scroll.html
Lines 141-158 List of files: a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log_sec2
141	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/cross-axis-scrollbar.html	143	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/cross-axis-scrollbar.html
142	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-box-justify-content-expected.html	144	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-box-justify-content-expected.html
143	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-box-justify-content.html	145	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-box-justify-content.html
144	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-expected.html
145	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-expected.html
146	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-expected.html
147	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse-expected.html
148	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap-reverse.html
149	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html
150	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse.html
151	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-expected.html
152	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse-expected.html
153	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap-reverse.html
154	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html
155	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column.html
156	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-height-animation-stretch-expected.html	146	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-height-animation-stretch-expected.html
157	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-height-animation-stretch.html	147	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-height-animation-stretch.html
158	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-img-expand-evenly-expected.html	148	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-img-expand-evenly-expected.html
Lines 1332-1337 List of files: a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log_sec3
1332	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexitem-stretch-range.html	1322	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/flexitem-stretch-range.html
1333	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/floated-flexitem-expected.html	1323	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/floated-flexitem-expected.html
1334	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/floated-flexitem.html	1324	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/floated-flexitem.html
		1325	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/frameset-crash.html
1335	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-lr-expected.html	1326	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-lr-expected.html
1336	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-lr.html	1327	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-lr.html
1337	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-ltr-expected.html	1328	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/gap-001-ltr-expected.html
Lines 1628-1643 List of files: a/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/w3c-import.log_sec4
1628	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-fixed-min-width.html	1619	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-fixed-min-width.html
1629	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-flex-cross-size-expected.xht	1620	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-flex-cross-size-expected.xht
1630	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-flex-cross-size.html	1621	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-flex-cross-size.html
		1622	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1-expected.html
		1623	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-1.html
		1624	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2-expected.html
		1625	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-column-2.html
		1626	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1-expected.html
		1627	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-1.html
		1628	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2-expected.html
		1629	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-inflexible-in-row-2.html
		1630	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2-expected.html
		1631	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-2.html
1631	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-expected.html	1632	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content-expected.html
1632	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content.html	1633	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-narrow-content.html
1633	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001-expected.html	1634	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001-expected.html
1634	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001.html	1635	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-percent-width-cell-001.html
		1636	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height-expected.html
		1637	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-height.html
1635	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width-expected.html	1638	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width-expected.html
1636	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width.html	1639	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-specified-width.html
		1640	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2-expected.xht
		1641	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-2.html
		1642	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3-expected.xht
		1643	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-3.html
1637	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-expected.xht	1644	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size-expected.xht
1638	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size.html	1645	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-stretch-cross-size.html
1639	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-wide-content-expected.xht	1646	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-wide-content-expected.xht
1640	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-wide-content.html	1647	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-as-item-wide-content.html
		1648	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width-expected.html
		1649	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-min-width.html
1641	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width-expected.html	1650	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width-expected.html
1642	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width.html	1651	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-item-flex-percentage-width.html
1643	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-with-float-paint-expected.html	1652	/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/table-with-float-paint-expected.html

Lines 584-592 webkit.org/b/211563 fast/text-indicator/text-indicator-estimated-color-with-impl a/LayoutTests/platform/wpe/TestExpectations_sec1
- a/LayoutTests/platform/wpe/TestExpectations -3 lines
584	Bug(WPE) contentfiltering/ [ Skip ]	584	Bug(WPE) contentfiltering/ [ Skip ]
585	Bug(WPE) http/tests/contentfiltering [ Skip ]	585	Bug(WPE) http/tests/contentfiltering [ Skip ]
586		586
587	webkit.org/b/212347 imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-reverse-wrap.html [ ImageOnlyFailure ]
588	webkit.org/b/212347 imported/w3c/web-platform-tests/css/css-flexbox/css-flexbox-column-wrap.html [ ImageOnlyFailure ]
589
590	webkit.org/b/212349 fast/canvas/webgl/readPixels-float.html [ Failure ]	587	webkit.org/b/212349 fast/canvas/webgl/readPixels-float.html [ Failure ]
591		588
592	webkit.org/b/212351 fast/events/mouse-cursor-udpate-during-raf.html [ Failure ]	589	webkit.org/b/212351 fast/events/mouse-cursor-udpate-during-raf.html [ Failure ]