Move flex_column_direction.html to wpt reftests.

This commit is contained in:
Ms2ger 2015-11-05 13:35:01 +01:00
parent 4add7d23f8
commit 9623ed54d0
4 changed files with 25 additions and 1 deletions

View file

@ -1271,6 +1271,18 @@
"url": "/_mozilla/css/fixed_width_overrides_child_intrinsic_width_a.html"
}
],
"css/flex_column_direction.html": [
{
"path": "css/flex_column_direction.html",
"references": [
[
"/_mozilla/css/flex_column_direction_ref.html",
"=="
]
],
"url": "/_mozilla/css/flex_column_direction.html"
}
],
"css/flex_nochild.html": [
{
"path": "css/flex_nochild.html",
@ -6096,6 +6108,18 @@
"url": "/_mozilla/css/fixed_width_overrides_child_intrinsic_width_a.html"
}
],
"css/flex_column_direction.html": [
{
"path": "css/flex_column_direction.html",
"references": [
[
"/_mozilla/css/flex_column_direction_ref.html",
"=="
]
],
"url": "/_mozilla/css/flex_column_direction.html"
}
],
"css/flex_nochild.html": [
{
"path": "css/flex_nochild.html",

View file

@ -0,0 +1,38 @@
<!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_column_direction_ref.html>
<style>
body {
margin: 0;
}
.flexbox {
display: flex;
flex-direction: column;
height: 300px;
}
.first-item {
background: orange;
height: 150px;
width: 100px;
flex: 1 0 auto;
}
.second-item {
background: blue;
height: 150px;
width: 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,32 @@
<!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 {
height: 300px;
}
.first-item {
background: orange;
width: 100px;
height: 150px;
}
.second-item {
background: blue;
width: 100px;
height: 150px;
}
</style>
</head>
<body>
<div class="flexbox">
<div class="first-item"></div>
<div class="second-item"></div>
</div>
</body>
</html>