Bug 1480135 [wpt PR 12258] - Sync Mozilla tests as of 2018-08-01, a=testonly

Automatic update from web-platform-testsSync Mozilla tests as of https://hg.mozilla.org/mozilla-central/rev/af6a7edf0069549543f2fba6a8ee3ea251b20829 . (#12258)

This contains a single change, from [bug 1473047](https://bugzilla.mozilla.org/show_bug.cgi?id=1473047), by @iyermihir, reviewed by @dholbert.
--

wpt-commits: c0ef9d68c8c5ceb8802a5a2ede1c3c5b3ecbcae8
wpt-pr: 12258
This commit is contained in:
L. David Baron 2018-08-03 22:21:44 +00:00 committed by moz-wptsync-bot
parent a43961f691
commit 7922a735c6
4 changed files with 159 additions and 1 deletions

View File

@ -168517,6 +168517,18 @@
{}
]
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-column-row-gap-004.html": [
[
"/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-column-row-gap-004.html",
[
[
"/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-column-row-gap-004-ref.html",
"=="
]
],
{}
]
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-001.html": [
[
"/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-001.html",
@ -270200,6 +270212,11 @@
{}
]
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-column-row-gap-004-ref.html": [
[
{}
]
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-001-ref.html": [
[
{}
@ -568998,6 +569015,14 @@
"2dcd02717317a4c445e53df881ea555010cd20f6",
"reftest"
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-column-row-gap-004-ref.html": [
"c23c7b176d74ee5765f3921da42b980af02e36ec",
"support"
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-column-row-gap-004.html": [
"d94571d8d7146cb4a584364837e4a70960801904",
"reftest"
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-definite-sizes-001-ref.html": [
"ed0cc575f56bf8e7c9db37ee8a5355fe432236a4",
"support"
@ -569827,7 +569852,7 @@
"reftest"
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list": [
"327753ed6ac2e869bbb88c4423087d31a6b5d90a",
"d2c5c47b6c931c4d1b6c347c77eb8b66348da6b2",
"support"
],
"css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/support/Ahem.ttf": [

View File

@ -0,0 +1,70 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0
-->
<html>
<head>
<title>Reference: Testing percentage gap resolution in flex containers</title>
<link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com">
<meta charset="utf-8">
</html>
<style>
.flexContainer {
display: flex;
border: 2px solid black;
row-gap: 20px;
column-gap: 10px;
align-content: start;
justify-content: start;
margin-top: 20px;
}
.item {
border: 1px solid blue;
background: yellow;
width: 48px;
height: 48px;
flex: none;
}
.vertLR {
writing-mode: vertical-lr;
}
.rowWrap {
flex-flow: row wrap;
}
.colWrap {
flex-flow: column wrap;
}
.w50 {
width: 50px;
}
.h100 {
height: 100px;
}
.w100 {
width: 100px;
}
.noWrap {
flex-wrap: nowrap;
}
</style>
</head>
<body>
<div class="flexContainer rowWrap w50 h100">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="flexContainer colWrap w50 h100 noWrap">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="flexContainer vertLR rowWrap h100 w100">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="flexContainer vertLR colWrap w100 noWrap">
<div class="item"></div>
<div class="item"></div>
</div>
</body>
</html>

View File

@ -0,0 +1,62 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0
-->
<html>
<head>
<title>CSS Test: Testing percentage gap resolution in flex containers</title>
<link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-align/#column-row-gap">
<link rel="match" href="flexbox-column-row-gap-004-ref.html">
<meta charset="utf-8">
<style>
.flexContainer {
display: flex;
border: 2px solid black;
row-gap: 20%;
column-gap: 10%;
align-content: start;
justify-content: start;
margin-top: 20px;
}
.item {
border: 1px solid blue;
background: yellow;
width: 48px;
height: 48px;
flex: none;
}
.vertLR {
writing-mode: vertical-lr;
}
.rowWrap {
flex-flow: row wrap;
}
.colWrap {
flex-flow: column wrap;
}
.w50 {
width: 50px;
}
</style>
</head>
<body>
<div class="flexContainer rowWrap w50">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="flexContainer colWrap w50">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="flexContainer vertLR rowWrap">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="flexContainer vertLR colWrap">
<div class="item"></div>
<div class="item"></div>
</div>
</body>
</html>

View File

@ -102,6 +102,7 @@
== flexbox-column-row-gap-001.html flexbox-column-row-gap-001-ref.html
== flexbox-column-row-gap-002.html flexbox-column-row-gap-002-ref.html
== flexbox-column-row-gap-003.html flexbox-column-row-gap-003-ref.html
== flexbox-column-row-gap-004.html flexbox-column-row-gap-004-ref.html
# Tests for "flex-basis: content"
== flexbox-flex-basis-content-001a.html flexbox-flex-basis-content-001-ref.html