Move flex_row_direction.html to wpt reftests.

This commit is contained in:
Ms2ger 2015-11-05 15:30:10 +01:00
parent 9623ed54d0
commit c8f0613113
4 changed files with 25 additions and 1 deletions

View file

@ -1295,6 +1295,18 @@
"url": "/_mozilla/css/flex_nochild.html"
}
],
"css/flex_row_direction.html": [
{
"path": "css/flex_row_direction.html",
"references": [
[
"/_mozilla/css/flex_row_direction_ref.html",
"=="
]
],
"url": "/_mozilla/css/flex_row_direction.html"
}
],
"css/float_clearance_a.html": [
{
"path": "css/float_clearance_a.html",
@ -6132,6 +6144,18 @@
"url": "/_mozilla/css/flex_nochild.html"
}
],
"css/flex_row_direction.html": [
{
"path": "css/flex_row_direction.html",
"references": [
[
"/_mozilla/css/flex_row_direction_ref.html",
"=="
]
],
"url": "/_mozilla/css/flex_row_direction.html"
}
],
"css/float_clearance_a.html": [
{
"path": "css/float_clearance_a.html",

View file

@ -0,0 +1,35 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test: flex container should layout flex items horizontally</title>
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/">
<link rel=match href=flex_row_direction_ref.html>
<style>
body {
margin: 0;
}
.flexbox {
display: flex;
width: 300px;
}
.first-item {
background: orange;
height: 100px;
flex: 1 0 auto;
}
.second-item {
background: blue;
height: 100px;
flex: 1 0 auto;
}
</style>
</head>
<body>
<div class="flexbox">
<div class="first-item"></div>
<div class="second-item"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,34 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Reftest Reference</title>
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
<style>
body {
margin: 0;
}
.flexbox {
width: 300px;
}
.first-item {
background: orange;
height: 100px;
width: 150px;
float: left;
}
.second-item {
background: blue;
height: 100px;
width: 150px;
float: left;
}
</style>
</head>
<body>
<div class="flexbox">
<div class="first-item"></div>
<div class="second-item"></div>
</div>
</body>
</html>