Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-24 18:55:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1501144 [wpt PR 13667] - Fix #13656: make percentage-heights-003 test definiteness, a=testonly

Browse Source 
Automatic update from web-platform-testsFix #13656: make percentage-heights-003 test definiteness (#13667)

--

wpt-commits: 956bd8fc1960bc574dcd1aebf3a33131d05f80b4
wpt-pr: 13667
This commit is contained in:
Geoffrey Sneddon 2018-11-09 15:45:18 +00:00 committed by moz-wptsync-bot
parent a53cd1e2d5
commit 4e11ae21db
1 changed files with 30 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
testing/web-platform/tests/css/css-flexbox/percentage-heights-003.html
View File

@ -22,13 +22,13 @@
}
.flexbox > div {
background: red;
background: teal;
flex-grow: 1;
}
span {
.flexbox span {
height: 100%;
background: green;
background: orange;
display: block;
}
</style>
@ -38,19 +38,20 @@ span {
<body onload="checkLayout('.flexbox')">
<div id=log></div>
<p>You should see no red</p>
<!-- The wrapper divs are here to give the flexbox something to fill -->
<!-- This wrapper div is solely here to setup the max height so it can be computed consistently since body at 100% won't be consistent across devices -->
<!-- definite unwrapped column flexbox -->
<div style="height: 100px;">
<div class="flexbox column">
<div class="flexbox column" style="height: 0">
<div>
<span data-expected-height="100"></span>
</div>
</div>
</div>
<!-- definite wrapped column flexbox -->
<div style="height: 100px;">
<div class="flexbox column-wrap">
<div class="flexbox column-wrap" style="height: 0">
<div>
<span data-expected-height="50"></span>
</div>
@ -60,5 +61,26 @@ span {
</div>
</div>
<!-- indefinite unwrapped column flexbox -->
<div style="height: 100px;">
<div class="flexbox column">
<div>
<span data-expected-height="0"></span>
</div>
</div>
</div>
<!-- indefinite wrapped column flexbox -->
<div style="height: 100px;">
<div class="flexbox column-wrap">
<div>
<span data-expected-height="0"></span>
</div>
<div>
<span data-expected-height="0"></span>
</div>
</div>
</div>
</body>
</html>