mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-24 18:55:30 +00:00
Bug 1501144 [wpt PR 13667] - Fix #13656: make percentage-heights-003 test definiteness, a=testonly
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:
parent
a53cd1e2d5
commit
4e11ae21db
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user