Bug 1267462 part 1: Add copies of some existing flexbox reftests, now with orthogonal flows / vertical writing modes. r?mats
In nearly all of these cases, the writing-mode tweak isn't supposed to affect the
test's rendering, so I'm reusing the original test's reference case.
The only exception: a few of the copied tests have some "spacer" elements with
`display:inline-block`, which stack horizontally (in the inline axis) in the
original testcase. In the new copy of the test, I'm dropping that inline-block
styling, so that they continue to stack horizontally (in the vertical writing
mode's block axis) and continue to match the original reference case.
These tests are marked as 'fails' for now, but they'll start passing as of a
later patch in this series.
MozReview-Commit-ID: JLzT61JHudz
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-001.xhtml
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-001v.xhtml
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-001.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-horiz-001v.xhtml
@@ -1,51 +1,59 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!-- Testcase with blocks as flex items in a horizontal flex container, with
- various "flex" values and various combinations of the items. -->
+ various "flex" values and various combinations of the items
+ and with various writing-modes on the items. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <title>CSS Test: Testing flexbox layout algorithm property on block flex items in a horizontal flex container</title>
+ <title>
+ CSS Test: Testing flexbox layout algorithm property on block flex items in a horizontal flex container
+ (with various writing-modes on the flex items).
+ </title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/>
<link rel="match" href="flexbox-basic-block-horiz-001-ref.xhtml"/>
<style>
div { height: 100px; }
div.flexbox {
border: 1px dashed blue;
width: 200px;
font-size: 10px;
display: flex;
}
div.a {
flex: 1 0 30px;
background: lightgreen;
+ writing-mode: vertical-lr;
}
div.b {
flex: 2 0 20px;
background: yellow;
+ writing-mode: vertical-rl;
}
div.c {
flex: 3 0 40px;
background: orange;
+ writing-mode: sideways-lr;
}
div.flexNone {
flex: none;
background: pink;
+ writing-mode: vertical-lr;
}
div.flexBasis {
flex: 0 0 20px;
background: gray;
+ writing-mode: sideways-rl;
}
div.spacer {
- display: inline-block;
width: 15px;
height: 15px;
background: purple;
}
</style>
</head>
<body>
<div class="flexbox"><div class="a"></div><div class="b"/></div>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-001.xhtml
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-001v.xhtml
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-001.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-block-vert-001v.xhtml
@@ -2,51 +2,60 @@
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!-- Testcase with blocks as flex items in a vertical flex container, with
various "flex" values and various combinations of the items. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <title>CSS Test: Testing flexbox layout algorithm property on block flex items in a vertical flex container</title>
+ <title>
+ CSS Test: Testing flexbox layout algorithm property on block flex items in a vertical flex container
+ (with various writing-modes on the flex items).
+ </title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/>
<link rel="match" href="flexbox-basic-block-vert-001-ref.xhtml"/>
<style>
div { width: 50px; }
div.flexbox {
float: left;
border: 1px dashed blue;
height: 200px;
font-size: 10px;
display: flex;
flex-direction: column;
}
div.a {
flex: 1 0 30px;
background: lightgreen;
+ writing-mode: vertical-lr;
}
div.b {
flex: 2 0 20px;
background: yellow;
+ writing-mode: vertical-rl;
}
div.c {
flex: 3 0 40px;
background: orange;
+ writing-mode: sideways-lr;
}
div.flexNone {
flex: none;
background: pink;
+ writing-mode: vertical-lr;
}
div.flexBasis {
flex: 0 0 20px;
background: gray;
+ writing-mode: sideways-rl;
}
div.spacer {
+ display: inline-block;
width: 15px;
height: 15px;
background: purple;
}
</style>
</head>
<body>
<div class="flexbox"><div class="a"></div><div class="b"/></div>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-001.xhtml
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-001v.xhtml
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-001.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-horiz-001v.xhtml
@@ -3,17 +3,20 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
This test checks that canvas elements behave correctly as flex items.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <title>CSS Test: Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container</title>
+ <title>
+ CSS Test: Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container
+ (with a vertical writing-mode on the canvas flex items).
+ </title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/>
<link rel="match" href="flexbox-basic-canvas-horiz-001-ref.xhtml"/>
<style>
div.flexbox {
width: 200px;
background: lightgreen;
display: flex;
@@ -21,16 +24,17 @@
margin-bottom: 5px;
line-height: 8px;
}
canvas {
min-width: 0;
width: 10px;
height: 20px;
border: 1px dotted green;
+ writing-mode: vertical-lr;
}
</style>
</head>
<body>
<!-- A) One flex item -->
<div class="flexbox">
<canvas/>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-001.xhtml
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-001v.xhtml
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-001.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-basic-canvas-vert-001v.xhtml
@@ -3,17 +3,20 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
This test checks that canvas elements behave correctly as flex items.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <title>CSS Test: Testing flexbox layout algorithm property on canvas flex items in a vertical flex container</title>
+ <title>
+ CSS Test: Testing flexbox layout algorithm property on canvas flex items in a vertical flex container
+ (with a vertical writing-mode on the canvas flex items).
+ </title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/>
<link rel="match" href="flexbox-basic-canvas-vert-001-ref.xhtml"/>
<style>
div.flexbox {
height: 200px;
background: lightgreen;
display: flex;
@@ -23,16 +26,17 @@
margin-right: 10px;
font: 8px monospace;
}
canvas {
width: 20px;
height: 10px;
min-height: 0;
border: 1px dotted green;
+ writing-mode: vertical-lr;
}
</style>
</head>
<body>
<!-- A) One flex item -->
<div class="flexbox">
<canvas/>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-001.html
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-001v.html
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-001.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-001v.html
@@ -3,17 +3,18 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>
CSS Test: Testing how explicit main-size & cross-size constraints
- influence sizing on non-stretched flex item w/ intrinsic ratio.
+ influence sizing on non-stretched flex item w/ intrinsic ratio
+ (with a vertical writing-mode on the flex items).
</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size">
<link rel="match" href="flexbox-intrinsic-ratio-001-ref.html">
<style>
.flexbox {
display: flex;
@@ -26,16 +27,18 @@
justify-content: flex-start;
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox > * {
+ writing-mode: vertical-lr;
+
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-002.html
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-002v.html
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-002.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-002v.html
@@ -3,17 +3,18 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>
CSS Test: Testing how explicit main-size & cross-size constraints
- influence sizing on non-stretched flex item w/ intrinsic ratio.
+ influence sizing on non-stretched flex item w/ intrinsic ratio
+ (with a vertical writing-mode on the flex items).
</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size">
<link rel="match" href="flexbox-intrinsic-ratio-001-ref.html">
<style>
.flexbox {
display: flex;
@@ -26,16 +27,18 @@
justify-content: flex-start;
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox > * {
+ writing-mode: vertical-lr;
+
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-003.html
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-003v.html
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-003.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-003v.html
@@ -3,17 +3,18 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>
CSS Test: Testing how explicit main-size & cross-size constraints
- influence sizing on stretched flex item w/ intrinsic ratio.
+ influence sizing on stretched flex item w/ intrinsic ratio
+ (with a vertical writing-mode on the flex items).
</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size">
<link rel="match" href="flexbox-intrinsic-ratio-003-ref.html">
<style>
.flexbox {
display: flex;
@@ -26,16 +27,18 @@
justify-content: flex-start;
align-items: stretch;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox > * {
+ writing-mode: vertical-rl;
+
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-004.html
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-004v.html
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-004.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-004v.html
@@ -3,17 +3,18 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>
CSS Test: Testing how explicit main-size & cross-size constraints
- influence sizing on stretched flex item w/ intrinsic ratio.
+ influence sizing on stretched flex item w/ intrinsic ratio
+ (with a vertical writing-mode on the flex items).
</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size">
<link rel="match" href="flexbox-intrinsic-ratio-004-ref.html">
<style>
.flexbox {
display: flex;
@@ -26,16 +27,18 @@
justify-content: flex-start;
align-items: stretch;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox > * {
+ writing-mode: vertical-rl;
+
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-005.html
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-005v.html
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-005.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-005v.html
@@ -3,17 +3,18 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>
CSS Test: Testing how explicit main-size & cross-size constraints
- influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
+ influence sizing on non-stretched flexible flex item w/ intrinsic ratio
+ (with a vertical writing-mode on the flex items).
</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size">
<link rel="match" href="flexbox-intrinsic-ratio-005-ref.html">
<style>
.flexbox {
display: flex;
@@ -27,16 +28,17 @@
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox > * {
flex: 1;
+ writing-mode: vertical-lr;
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-006.html
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-006v.html
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-006.html
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-intrinsic-ratio-006v.html
@@ -3,17 +3,18 @@
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<meta charset="utf-8">
<title>
CSS Test: Testing how explicit main-size & cross-size constraints
- influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
+ influence sizing on non-stretched flexible flex item w/ intrinsic ratio
+ (with a vertical writing-mode on the flex items).
</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size">
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size">
<link rel="match" href="flexbox-intrinsic-ratio-006-ref.html">
<style>
.flexbox {
display: flex;
@@ -27,16 +28,17 @@
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox > * {
flex: 1;
+ writing-mode: vertical-lr;
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-002b.xhtml
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-002v.xhtml
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-002b.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-002v.xhtml
@@ -1,20 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
-<!-- Testcase with margin/border/padding on flex items. (NOTE: This renders
- the same as the "-2a" variant, which lacks padding, because we've
- just replaced some of the "-2a" variant's content-box area with
- padding-box area in this test.) -->
+<!-- Testcase with margin/border/padding on flex items
+ and with various writing-modes on the items. -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <title>CSS Test: Testing margins, borders, and padding on flex items in a horizontal flex container</title>
+ <title>
+ CSS Test: Testing margins, borders, and padding on flex items in a horizontal flex container
+ (with a vertical writing-mode on the flex items).
+ </title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/>
<link rel="match" href="flexbox-mbp-horiz-002-ref.xhtml"/>
<style>
div { height: 100px; border: 0; }
div.flexbox {
width: 200px;
font-size: 10px;
@@ -25,42 +26,46 @@
background: lightgreen;
margin-left: 1px;
margin-right: 3px;
border-style: dotted;
border-left-width: 2px;
border-right-width: 4px;
padding-left: 5px;
padding-right: 6px;
+ writing-mode: vertical-lr;
}
div.b {
flex: 2 0 1px;
background: yellow;
margin-left: 2px;
margin-right: 4px;
border-style: dashed;
border-left-width: 7px;
border-right-width: 3px;
padding-left: 1px;
padding-right: 2px;
+ writing-mode: vertical-rl;
}
div.c {
flex: 3 0 40px;
background: orange;
+ writing-mode: sideways-lr;
}
div.flexNone {
flex: none;
background: pink;
+ writing-mode: vertical-lr;
}
div.flexBasis {
flex: 0 0 20px;
background: gray;
+ writing-mode: sideways-rl;
}
div.spacer {
- display: inline-block;
width: 15px;
height: 15px;
background: purple;
}
</style>
</head>
<body>
<div class="flexbox"><div class="a"></div><div class="b"/></div>
copy from layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003.xhtml
copy to layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003v.xhtml
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-mbp-horiz-003v.xhtml
@@ -1,17 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!-- Testcase with border/padding on a flex container and on its children -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <title>CSS Test: Testing borders and padding on a horizontal flex container and its flex items</title>
+ <title>
+ CSS Test: Testing borders and padding on a horizontal flex container and its flex items
+ (with a vertical writing-mode on the flex items).
+ </title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm"/>
<link rel="match" href="flexbox-mbp-horiz-003-ref.xhtml"/>
<style>
div { height: 20px; border: 0; }
div.flexbox {
width: 200px;
display: flex;
@@ -46,23 +49,25 @@
}
div.child1 {
flex: 1 0 24px;
background: lightgreen;
border-style: dotted;
border-left-width: 2px;
border-right-width: 4px;
+ writing-mode: vertical-rl;
}
div.child2 {
flex: 2 0 10px;
background: yellow;
border-style: dashed;
border-left-width: 7px;
border-right-width: 3px;
+ writing-mode: vertical-lr;
}
</style>
</head>
<body>
<div class="flexbox borderA"
><div class="child1"/><div class="child2"/></div>
<div class="flexbox borderA paddingA"
><div class="child1"/><div class="child2"/></div>
--- a/layout/reftests/w3c-css/submitted/flexbox/reftest.list
+++ b/layout/reftests/w3c-css/submitted/flexbox/reftest.list
@@ -56,21 +56,25 @@ fuzzy-if(Android,158,32) == flexbox-alig
== flexbox-baseline-multi-line-horiz-004.html flexbox-baseline-multi-line-horiz-004-ref.html
== flexbox-baseline-multi-line-vert-001.html flexbox-baseline-multi-line-vert-001-ref.html
== flexbox-baseline-multi-line-vert-002.html flexbox-baseline-multi-line-vert-002-ref.html
== flexbox-baseline-single-item-001a.html flexbox-baseline-single-item-001-ref.html
== flexbox-baseline-single-item-001b.html flexbox-baseline-single-item-001-ref.html
# Basic tests with with blocks as flex items
== flexbox-basic-block-horiz-001.xhtml flexbox-basic-block-horiz-001-ref.xhtml
+fails == flexbox-basic-block-horiz-001v.xhtml flexbox-basic-block-horiz-001-ref.xhtml # bug 1267462
== flexbox-basic-block-vert-001.xhtml flexbox-basic-block-vert-001-ref.xhtml
+fails == flexbox-basic-block-vert-001v.xhtml flexbox-basic-block-vert-001-ref.xhtml # bug 1267462
# Tests for basic handling of <canvas>/<img>/etc as a flex item
== flexbox-basic-canvas-horiz-001.xhtml flexbox-basic-canvas-horiz-001-ref.xhtml
+fails == flexbox-basic-canvas-horiz-001v.xhtml flexbox-basic-canvas-horiz-001-ref.xhtml # bug 1267462
== flexbox-basic-canvas-vert-001.xhtml flexbox-basic-canvas-vert-001-ref.xhtml
+fails == flexbox-basic-canvas-vert-001v.xhtml flexbox-basic-canvas-vert-001-ref.xhtml # bug 1267462
== flexbox-basic-fieldset-horiz-001.xhtml flexbox-basic-fieldset-horiz-001-ref.xhtml
== flexbox-basic-fieldset-vert-001.xhtml flexbox-basic-fieldset-vert-001-ref.xhtml
== flexbox-basic-iframe-horiz-001.xhtml flexbox-basic-iframe-horiz-001-ref.xhtml
== flexbox-basic-iframe-vert-001.xhtml flexbox-basic-iframe-vert-001-ref.xhtml
== flexbox-basic-img-horiz-001.xhtml flexbox-basic-img-horiz-001-ref.xhtml
== flexbox-basic-img-vert-001.xhtml flexbox-basic-img-vert-001-ref.xhtml
== flexbox-basic-textarea-horiz-001.xhtml flexbox-basic-textarea-horiz-001-ref.xhtml
== flexbox-basic-textarea-vert-001.xhtml flexbox-basic-textarea-vert-001-ref.xhtml
@@ -102,21 +106,27 @@ fuzzy-if(Android,158,32) == flexbox-alig
== flexbox-flex-wrap-horiz-002.html flexbox-flex-wrap-horiz-002-ref.html
== flexbox-flex-wrap-vert-001.html flexbox-flex-wrap-vert-001-ref.html
== flexbox-flex-wrap-vert-002.html flexbox-flex-wrap-vert-002-ref.html
# Tests for intrinsic ratio interactions on flex items.
# (Note that tests 001 and 002 share a reference case; they render the same,
# because they don't do any direction-specific stretching/flexing.)
== flexbox-intrinsic-ratio-001.html flexbox-intrinsic-ratio-001-ref.html
+fails == flexbox-intrinsic-ratio-001v.html flexbox-intrinsic-ratio-001-ref.html # bug 1267462
== flexbox-intrinsic-ratio-002.html flexbox-intrinsic-ratio-001-ref.html
+fails == flexbox-intrinsic-ratio-002v.html flexbox-intrinsic-ratio-001-ref.html # bug 1267462
== flexbox-intrinsic-ratio-003.html flexbox-intrinsic-ratio-003-ref.html
+fails == flexbox-intrinsic-ratio-003v.html flexbox-intrinsic-ratio-003-ref.html # bug 1267462
== flexbox-intrinsic-ratio-004.html flexbox-intrinsic-ratio-004-ref.html
+fails == flexbox-intrinsic-ratio-004v.html flexbox-intrinsic-ratio-004-ref.html # bug 1267462
== flexbox-intrinsic-ratio-005.html flexbox-intrinsic-ratio-005-ref.html
+fails == flexbox-intrinsic-ratio-005v.html flexbox-intrinsic-ratio-005-ref.html # bug 1267462
== flexbox-intrinsic-ratio-006.html flexbox-intrinsic-ratio-006-ref.html
+fails == flexbox-intrinsic-ratio-006v.html flexbox-intrinsic-ratio-006-ref.html # bug 1267462
# Tests for flex items as (pseudo) stacking contexts
== flexbox-items-as-stacking-contexts-001.xhtml flexbox-items-as-stacking-contexts-001-ref.xhtml
== flexbox-items-as-stacking-contexts-002.html flexbox-items-as-stacking-contexts-002-ref.html
== flexbox-items-as-stacking-contexts-003.html flexbox-items-as-stacking-contexts-003-ref.html
# Tests for main-axis alignment (jusify-content property)
== flexbox-justify-content-horiz-001a.xhtml flexbox-justify-content-horiz-001-ref.xhtml
@@ -136,17 +146,19 @@ fuzzy-if(Android,158,32) == flexbox-alig
== flexbox-margin-auto-horiz-001.xhtml flexbox-margin-auto-horiz-001-ref.xhtml
== flexbox-margin-auto-horiz-002.xhtml flexbox-margin-auto-horiz-002-ref.xhtml
== flexbox-mbp-horiz-001.xhtml flexbox-mbp-horiz-001-ref.xhtml
== flexbox-mbp-horiz-001-reverse.xhtml flexbox-mbp-horiz-001-reverse-ref.xhtml
== flexbox-mbp-horiz-001-rtl.xhtml flexbox-mbp-horiz-001-reverse-ref.xhtml
== flexbox-mbp-horiz-001-rtl-reverse.xhtml flexbox-mbp-horiz-001-ref.xhtml
== flexbox-mbp-horiz-002a.xhtml flexbox-mbp-horiz-002-ref.xhtml
== flexbox-mbp-horiz-002b.xhtml flexbox-mbp-horiz-002-ref.xhtml
+asserts(16) fails == flexbox-mbp-horiz-002v.xhtml flexbox-mbp-horiz-002-ref.xhtml # bug 1267462
== flexbox-mbp-horiz-003.xhtml flexbox-mbp-horiz-003-ref.xhtml
+asserts(32) fails == flexbox-mbp-horiz-003v.xhtml flexbox-mbp-horiz-003-ref.xhtml # bug 1267462
== flexbox-mbp-horiz-003-reverse.xhtml flexbox-mbp-horiz-003-reverse-ref.xhtml
== flexbox-mbp-horiz-004.xhtml flexbox-mbp-horiz-004-ref.xhtml
# Tests for min-height:auto / min-width:auto on flex items
== flexbox-min-height-auto-001.html flexbox-min-height-auto-001-ref.html
== flexbox-min-height-auto-002a.html flexbox-min-height-auto-002-ref.html
fails == flexbox-min-height-auto-002b.html flexbox-min-height-auto-002-ref.html # bug 1055354
== flexbox-min-height-auto-002c.html flexbox-min-height-auto-002-ref.html
