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

Update web-platform-tests to revision fd5a851b2e6bd60ff49060f1b42197c976273728

Browse source
This commit is contained in:
WPT Sync Bot 2020-07-30 08:21:10 +00:00
parent b1bd409047
commit 53a530d4c0
83 changed files with 484 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

49
tests/wpt/web-platform-tests/css/css-flexbox/flex-item-contains-size-layout-001.html Normal file
View file

@ -0,0 +1,49 @@
<!doctype html>
<html class=reftest-wait>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="help" href="">
<meta name="assert" content="Flex items with contain: layout size are sized properly.">
<link rel="bookmark" href="https://crbug.com/1108675">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<style>
#flex {
display: flex;
width: 100px;
height: 100px;
}
#grid {
background-color: green;
display: grid;
flex: 1;
contain: layout size;
}
.item {
height: 50px;
width: 50px;
}
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div id="flex">
<div id="grid" data-expected-height=100 data-expected-width=100>
<div class="item"></div>
</div>
</div>
<script>
document.body.offsetTop;
let item = document.querySelector(".item");
let cloned = item.cloneNode(true);
let parent = item.parentElement;
parent.appendChild(cloned);
document.documentElement.classList.remove("reftest-wait");
</script>

13
tests/wpt/web-platform-tests/css/css-flexbox/position-relative-percentage-top-003.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<meta name="assert" content="This ensures that a relative-positioned great-grandchild (of a flexbox) correctly resolves percentages against its stretched parent.">
<link rel="help" href="https://crbug.com/1108508">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: flex; width: 100px; height: 100px;">
<div>
<div style="width: 100%; height: 100%;">
<div style="width: 100px; height: 100px; background: red;"></div>
<div style="width: 100px; height: 100px; background: green; position: relative; top: -100%;"></div>
</div>
</div>
</div>