Update web-platform-tests to revision e45156b5e558c062a609356905c83a0258c516e3

This commit is contained in:
WPT Sync Bot 2019-05-02 21:47:51 -04:00
parent 9f6005be16
commit 5fcf52d946
199 changed files with 4430 additions and 530 deletions

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<title>CSS Position Absolute: Chrome crash</title>
<link rel="author" href="mailto:atotic@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=952644">
<meta name="assert" content="abspos iframe with zoom gets laid out">
<style>
.boundary {
overflow: hidden;
width: 100px;
height: 100px;
}
.abs {
position: absolute;
background: green;
zoom: 2;
}
</style>
<!-- Containing block with zoom causes zoomed abspos iframe
not to be laid out-->
<div class="boundary">
<div id="parent">
</div>
</div>
<script>
document.body.offsetTop;
let abs = document.createElement("iframe");
abs.classList.add("abs");
document.querySelector("#parent").appendChild(abs);
test(() => {
}, 'test passes if it does not crash');
</script>

View file

@ -0,0 +1,68 @@
<!DOCTYPE html>
<title>CSS Position Absolute: Chrome crash</title>
<link rel="author" href="mailto:atotic@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="help" href="https://crbug.com/945696">
<meta name="assert" content="Absolute descendant inside multiple nested split inlines does not crash.">
<style>
body {
overflow: hidden;
margin: 0px;
font-size: 24px;
}
#block-container {
position: relative;
}
#css-container {
position: relative;
font-size: 12px;
}
#anonymous-parent {
background-color: #FFFF7F;
}
#anonymous-split {
background-color: #FFD997;
}
#css-container {
background-color: #BEE0FF;
}
#abs {
background-color: rgba(0, 255, 0, 0.5);
position:absolute;
top: 0px;
left: 0px;
}
#fullabs {
background-color: rgba(0, 255, 0, 0.5);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
</style>
<div id="block-container">
<span id="anonymous-parent">
parent <br>start
<span id="anonymous-split">
split start
<div id="splitter" >splitter</div>
split middle
<span id="css-container">
css-container start
<div id="abs">ABS</div>
<div id="fullabs">FULLABS</div>
css container end
</span>
split end
</span>
parent end
</span>
</div>
<script>
document.body.offsetTop;
test(() => {
}, 'test passes if it does not crash');
</script>

View file

@ -0,0 +1,51 @@
<!doctype html>
<link rel="author" href="mailto:atotic@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-position-3/#def-cb">
<meta name="assert" content="split inline containing blocks are handled correctly.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
body {
margin: 0;
}
#container-span {
position: relative;
outline: solid 1px gray;
}
#split {
width: 10px;
height: 10px;
}
#target {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,255,0,0.3);
}
</style>
<!-- There should be a green rectangle spanning two "container span" lines below -->
<span id="outer-span">
outer span
<span id="container-span">
container span start
<div id="split"></div>
<div id="target"></div>
container span end
</span>
outer span end
</span>
<script>
test(_ => {
let abs_bounds = document.querySelector("#target").getClientRects();
let container_bounds = document.querySelector("#container-span").getClientRects();
assert_equals(abs_bounds.length, 1);
assert_equals(container_bounds.length, 3);
assert_equals(abs_bounds[0].left, container_bounds[0].left, "left matches container");
assert_equals(abs_bounds[0].top, container_bounds[0].top, "top matches container");
assert_equals(abs_bounds[0].right, container_bounds[2].right, "right matches container");
assert_equals(abs_bounds[0].bottom, container_bounds[2].bottom, "bottom matches container");
}, "absolute inside inline container location should be correct.");
</script>