Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-08 15:05:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 6366ae15c2bc2314adca4321357c68bb468fec98

Browse source
This commit is contained in:
WPT Sync Bot 2020-04-02 08:23:57 +00:00
parent e47e884cc7
commit 6b740f0283
328 changed files with 3757 additions and 591 deletions
Download patch file Download diff file Expand all files Collapse all files

44
tests/wpt/web-platform-tests/css/css-flexbox/flexbox_width-wrapping-column.html Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<title>CSS Flexbox: the width calculation of flexbox with flex-direction: column and flex-wrap: wrap</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-wrap-property">
<link rel="bookmark" href="https://crbug.com/607262">
<link rel="bookmark" href="https://crbug.com/607856">
<meta name="assert" content="This test ensures that the width of a flexbox with 'flex-direction: column' and 'flex-wrap: wrap' is updated when the wrapping column dynamically changes.">
<link href="support/flexbox.css" rel="stylesheet">
<style>
.flexbox {
width: 600px;
height: 160px;
outline: 2px solid black;
}
.item {
height: 20px;
background-color: green;
margin: 5px;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
function change() {
var flex = document.getElementById("test");
flex.offsetWidth;
flex.style.height = "60px";
checkLayout('.flexbox');
}
</script>
<body onload="change()">
<div id=log></div>
<p>The green boxes should all be within the black box</p>
<div class="flexbox column wrap" id="test">
<div class="item" data-expected-width="290"></div>
<div class="item" data-expected-width="290"></div>
<div class="item" data-expected-width="290"></div>
<div class="item" data-expected-width="290"></div>
</div>