Bug 1313421 part 3: Extend single-flex-item reftest to test scenario with abspos child before flex item.

(This modified testcase fails unless we have both this bug's patches and bug 1269045's patches, and it's annotated accordingly.)

MozReview-Commit-ID: 76ky8OIpV3a
This commit is contained in:
Daniel Holbert 2016-10-27 18:56:49 -07:00
Родитель b76fdcd7b9
Коммит 102593667f
4 изменённых файлов: 44 добавлений и 5 удалений

Просмотреть файл

@ -10,14 +10,22 @@
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<meta charset="utf-8">
<style>
body {
font: 14px serif;
}
.flexContainer {
display: inline-block;
height: 16px;
width: 16px;
background: purple;
background: pink;
border: 0px dotted black;
/* (Elements that want a border will set their border-width.) */
}
.abs {
position: absolute;
top: 0;
font-size: 8px;
}
</style>
</head>
<body>
@ -27,5 +35,10 @@
<div class="flexContainer" style="padding: 10px">a</div>
<div class="flexContainer" style="border-width: 3px">a</div>
<div class="flexContainer" style="border-bottom-width: 4px">a</div>
<div class="flexContainer" style="padding: 4px">
<!-- (An abspos child shouldn't prevent us from getting our baseline from
the first flex item, which happens to be the second child.) -->
<div class="abs">abs</div>
<div style="font: 26px serif">a</div>
</body>
</html>

Просмотреть файл

@ -19,14 +19,22 @@
<link rel="match" href="flexbox-baseline-single-item-001-ref.html">
<meta charset="utf-8">
<style>
body {
font: 14px serif;
}
.flexContainer {
display: inline-flex;
height: 16px;
width: 16px;
background: purple;
background: pink;
border: 0px dotted black;
/* (Elements that want a border will set their border-width.) */
}
.abs {
position: absolute;
top: 0;
font-size: 8px;
}
</style>
</head>
<body>
@ -36,5 +44,10 @@
<div class="flexContainer" style="padding: 10px">a</div>
<div class="flexContainer" style="border-width: 3px">a</div>
<div class="flexContainer" style="border-bottom-width: 4px">a</div>
<div class="flexContainer" style="padding: 4px">
<!-- (An abspos child shouldn't prevent us from getting our baseline from
the first flex item, which happens to be the second child.) -->
<div class="abs">abs</div>
<div style="font: 26px serif">a</div>
</body>
</html>

Просмотреть файл

@ -19,15 +19,23 @@
<link rel="match" href="flexbox-baseline-single-item-001-ref.html">
<meta charset="utf-8">
<style>
body {
font: 14px serif;
}
.flexContainer {
display: inline-flex;
flex-direction: column;
height: 16px;
width: 16px;
background: purple;
background: pink;
border: 0px dotted black;
/* (Elements that want a border will set their border-width.) */
}
.abs {
position: absolute;
top: 0;
font-size: 8px;
}
</style>
</head>
<body>
@ -37,5 +45,10 @@
<div class="flexContainer" style="padding: 10px">a</div>
<div class="flexContainer" style="border-width: 3px">a</div>
<div class="flexContainer" style="border-bottom-width: 4px">a</div>
<div class="flexContainer" style="padding: 4px">
<!-- (An abspos child shouldn't prevent us from getting our baseline from
the first flex item, which happens to be the second child.) -->
<div class="abs">abs</div>
<div style="font: 26px serif">a</div>
</body>
</html>

Просмотреть файл

@ -50,8 +50,8 @@ fuzzy-if(Android,158,32) == flexbox-align-self-vert-rtl-001.xhtml flexbox-align
== 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
fails == flexbox-baseline-single-item-001a.html flexbox-baseline-single-item-001-ref.html # bug 1269045
fails == flexbox-baseline-single-item-001b.html flexbox-baseline-single-item-001-ref.html # bug 1269045
# Basic tests with with blocks as flex items
== flexbox-basic-block-horiz-001.xhtml flexbox-basic-block-horiz-001-ref.xhtml