forked from mirrors/gecko-dev
494c056de9
Automatic update from web-platform-tests [wpt] Fix break-request tests. These tests were presumably written when the flex spec said something along the lines of: "when a forced break (via. page-break-before/page-break-after) is encounted, create a new flex-line". The spec in this state was overloading the fragmentation properties to control breaking of flex-lines, and was subsequently updated to refer to forced breaks when fragmentation was invovled. These tests don't have any fragmentation involved, and are asserting incorrect behaviour that breaks should be inserted. (There is an argument that an additional property/properties should be introduced to allow for this - but that is a separate issue). Updated tests to assert to behaviour change in the presence of page-break-before/page-break-after. Change-Id: Id3575b5b17173681600ed63cd40c8bb87281113b Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3813703 Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: David Grogan <dgrogan@chromium.org> Cr-Commit-Position: refs/heads/main@{#1032644} -- wpt-commits: b91acab292fda4fa38994af5c780be8cd3a48164 wpt-pr: 35382
98 lines
2.8 KiB
HTML
98 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>CSS Reftest Reference</title>
|
|
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
|
<meta charset="utf-8">
|
|
<style>
|
|
div.flexbox {
|
|
border: 1px dashed black;
|
|
width: 20px;
|
|
height: 60px;
|
|
margin: 2px;
|
|
float: left;
|
|
}
|
|
div.item {
|
|
height: 28px;
|
|
border: 1px solid blue;
|
|
background: lightblue;
|
|
}
|
|
div.fullCrossSize {
|
|
width: 18px;
|
|
}
|
|
div.halfCrossSize {
|
|
width: 8px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div style="clear: both"></div>
|
|
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item fullCrossSize"></div>
|
|
<div class="item fullCrossSize"></div>
|
|
</div>
|
|
<div style="clear: both"></div>
|
|
|
|
<div class="flexbox">
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
<div class="item halfCrossSize" style="float: left"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|