Bug 1221565 Part 7: flexbox-align-self-horiz-001 reftest updated. r=dholbert
MozReview-Commit-ID: 9Nw0Apd7aBa
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-001-block.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-001-block.xhtml
@@ -69,17 +69,25 @@
.initial {
background: aqua;
align-self: initial;
}
.inherit {
background: violet;
align-self: inherit;
}
- </style>
+ .left {
+ background: tan;
+ align-self: left;
+ }
+ .right {
+ background: brown;
+ align-self: right;
+ }
+ </style>
</head>
<body>
<div class="flexbox">
<div class="flex-start">start</div>
<div class="flex-start big">a b c d e f</div>
<div class="flex-end">end</div>
<div class="flex-end big">a b c d e f</div>
<div class="center">center</div>
@@ -87,11 +95,13 @@
<div class="baseline">base</div>
<div class="baseline big">abc</div>
<div class="stretch">stretch</div>
<div class="stretch big">a b c d e f</div>
<div class="auto">auto</div>
<div class="unspecified">unspec</div>
<div class="initial">initial</div>
<div class="inherit">inherit</div>
+ <div class="left">left</div>
+ <div class="right">right</div>
</div>
</body>
</html>
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-001-ref.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-001-ref.xhtml
@@ -9,17 +9,17 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/>
<style>
.flexbox {
border: 1px dashed blue;
height: 200px;
- width: 560px;
+ width: 640px;
font-size: 10px;
line-height: 10px;
}
.flexbox > div {
width: 40px;
float: left;
}
@@ -53,16 +53,22 @@
background: lightgreen;
}
.initial {
background: aqua;
}
.inherit {
background: violet;
}
+ .left {
+ background: tan;
+ }
+ .right {
+ background: brown;
+ }
</style>
</head>
<body>
<div class="flexbox">
<div class="flex-start">start</div>
<div class="flex-start big">a b c d e f</div>
<div class="flex-end" style="margin-top: 190px">end</div>
<div class="flex-end big" style="margin-top: 100px">a b c d e f</div>
@@ -81,11 +87,13 @@
style="width: 40px; display: inline-block">abc</div>
</div>
<div class="stretch" style="height: 100%">stretch</div>
<div class="stretch big">a b c d e f</div>
<div class="auto" style="margin-top: 95px">auto</div>
<div class="unspecified" style="margin-top: 95px">unspec</div>
<div class="initial" style="margin-top: 95px">initial</div>
<div class="inherit" style="margin-top: 190px">inherit</div>
+ <div class="left">left</div>
+ <div class="right">right</div>
</div>
</body>
</html>
--- a/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-001-table.xhtml
+++ b/layout/reftests/w3c-css/submitted/flexbox/flexbox-align-self-horiz-001-table.xhtml
@@ -71,16 +71,24 @@
.initial {
background: aqua;
align-self: initial;
}
.inherit {
background: violet;
align-self: inherit;
}
+ .left {
+ background: tan;
+ align-self: left;
+ }
+ .right {
+ background: brown;
+ align-self: right;
+ }
</style>
</head>
<body>
<div class="flexbox">
<div class="flex-start">start</div>
<div class="flex-start big">a b c d e f</div>
<div class="flex-end">end</div>
<div class="flex-end big">a b c d e f</div>
@@ -89,11 +97,13 @@
<div class="baseline">base</div>
<div class="baseline big">abc</div>
<div class="stretch">stretch</div>
<div class="stretch big">a b c d e f</div>
<div class="auto">auto</div>
<div class="unspecified">unspec</div>
<div class="initial">initial</div>
<div class="inherit">inherit</div>
+ <div class="left">left</div>
+ <div class="right">right</div>
</div>
</body>
</html>