mirror of
https://github.com/servo/servo.git
synced 2025-10-17 08:49:21 +01:00
Update web-platform-tests to revision 35077458592d7cf9349840211759aa85f20cd20c
This commit is contained in:
parent
500cb865bd
commit
9320df4683
150 changed files with 2079 additions and 765 deletions
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<div id="target" style="background: white; overflow: scroll; width: 500px; height: 500px;
|
||||
font-size: 40px; will-change: transform">
|
||||
</div>
|
||||
<script>
|
||||
for (var i = 0; i < 500; i++) {
|
||||
var div = document.createElement("div");
|
||||
div.textContent = i;
|
||||
target.appendChild(div);
|
||||
}
|
||||
target.scrollTop = 10000;
|
||||
</script>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scroll-container">
|
||||
<link rel="match" href="incremental-scroll-ref.html">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<script src="/common/rendering-utils.js"></script>
|
||||
<div id="target" style="background: white; overflow: scroll; width: 500px; height: 500px;
|
||||
font-size: 40px; will-change: transform">
|
||||
</div>
|
||||
<script>
|
||||
for (var i = 0; i < 500; i++) {
|
||||
var div = document.createElement("div");
|
||||
div.textContent = i;
|
||||
target.appendChild(div);
|
||||
}
|
||||
|
||||
function scroll() {
|
||||
target.scrollTop += 500;
|
||||
if (target.scrollTop < 10000) {
|
||||
waitForAtLeastOneFrame().then(scroll);
|
||||
} else if (window.testRunner) {
|
||||
takeScreenshot();
|
||||
}
|
||||
}
|
||||
|
||||
waitForAtLeastOneFrame().then(scroll);
|
||||
</script>
|
|
@ -0,0 +1,42 @@
|
|||
<!doctype html>
|
||||
<html class="reftest-wait">
|
||||
<title>overflow:hidden changes size with stacking context child</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow/#valdef-overflow-hidden">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<script src="/common/rendering-utils.js"></script>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
#container {
|
||||
overflow: hidden;
|
||||
width: 100px;
|
||||
height: 20px;
|
||||
}
|
||||
#stacking-context {
|
||||
position: relative;
|
||||
background: red;
|
||||
z-index: 100;
|
||||
}
|
||||
.content {
|
||||
width: 100px;
|
||||
height: 20px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div id="container">
|
||||
<div id="stacking-context">
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
<div class="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
waitForAtLeastOneFrame().then(() => {
|
||||
container.style.height = '100px';
|
||||
takeScreenshot();
|
||||
});
|
||||
</script>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue