mirror of
https://github.com/servo/servo.git
synced 2025-08-11 08:25:32 +01:00
Update web-platform-tests to revision 1918e328d632ab5b15096c26bd1400dcba7dd4e5
This commit is contained in:
parent
da9809caf0
commit
0092318a73
131 changed files with 1937 additions and 255 deletions
|
@ -69,7 +69,7 @@ async_test((t) => {
|
|||
t.step(() => assert_equals(getComputedStyle(offscreen_container).contain, "size layout style paint", "frame 2 offscreen"));
|
||||
|
||||
requestAnimationFrame(() => {
|
||||
offscreen_container.scrollIntoView();
|
||||
window.scrollBy(0, 10000);
|
||||
|
||||
// Frame 3 checks:
|
||||
t.step(() => assert_equals(getComputedStyle(offscreen_container).contain, "size layout style paint", "frame 3"));
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
</style>
|
||||
|
||||
<div class=spacer></div>
|
||||
<div id=container class="container size_contained">
|
||||
<div id=container class="container">
|
||||
<div class=child></div>
|
||||
<div id=target></div>
|
||||
</div>
|
||||
|
@ -45,7 +45,6 @@
|
|||
|
||||
function runReference() {
|
||||
document.getElementById("target").scrollIntoView(true /* alignToTop */);
|
||||
document.getElementById("container").classList.remove("size_contained");
|
||||
requestAnimationFrame(takeScreenshot);
|
||||
}
|
||||
|
||||
|
|
|
@ -0,0 +1,37 @@
|
|||
<!doctype HTML>
|
||||
<html class="reftest-wait">
|
||||
<meta charset="utf8">
|
||||
<title>CSS Content Visibility: auto + scrollIntoView/fragment nav when size estimate is off (reference)</title>
|
||||
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
|
||||
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
|
||||
<style>
|
||||
.small_child {
|
||||
height: 500px;
|
||||
}
|
||||
.large_child {
|
||||
height: 5000px;
|
||||
position: relative;
|
||||
}
|
||||
#target {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class=auto><div class=small_child></div></div>
|
||||
<div class=auto><div class=small_child></div></div>
|
||||
<div class=auto><div class=large_child><div id=target>target</div></div></div>
|
||||
<div class=auto><div class=large_child></div></div>
|
||||
<div class=auto><div class=small_child></div></div>
|
||||
|
||||
<script>
|
||||
function runReference() {
|
||||
target.scrollIntoView();
|
||||
takeScreenshot();
|
||||
}
|
||||
|
||||
window.onload = () => requestAnimationFrame(() => requestAnimationFrame(runReference));
|
||||
</script>
|
|
@ -0,0 +1,41 @@
|
|||
<!doctype HTML>
|
||||
<html class="reftest-wait">
|
||||
<meta charset="utf8">
|
||||
<title>CSS Content Visibility: auto + scrollIntoView when size estimate is off</title>
|
||||
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
|
||||
<link rel="match" href="content-visibility-075-ref.html">
|
||||
<meta name="assert" content="With content-visibility: auto, scrollIntoView targets the right element">
|
||||
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
|
||||
<style>
|
||||
.auto {
|
||||
content-visibility: auto;
|
||||
contain-intrinsic-size: 1px 500px;
|
||||
}
|
||||
.child {
|
||||
height: 5000px;
|
||||
position: relative;
|
||||
}
|
||||
#target {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class=auto><div class=child></div></div>
|
||||
<div class=auto><div class=child></div></div>
|
||||
<div class=auto><div class=child><div id=target>target</div></div></div>
|
||||
<div class=auto><div class=child></div></div>
|
||||
<div class=auto><div class=child></div></div>
|
||||
|
||||
<script>
|
||||
function runTest() {
|
||||
target.scrollIntoView();
|
||||
// Double rAF to ensure that rendering has "settled".
|
||||
requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
|
||||
}
|
||||
|
||||
window.onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
|
||||
</script>
|
|
@ -0,0 +1,37 @@
|
|||
<!doctype HTML>
|
||||
<html class="reftest-wait">
|
||||
<meta charset="utf8">
|
||||
<title>CSS Content Visibility: auto + scorllIntoView when size estimate is off (reference)</title>
|
||||
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
|
||||
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
|
||||
<style>
|
||||
.small_child {
|
||||
height: 500px;
|
||||
}
|
||||
.large_child {
|
||||
height: 5000px;
|
||||
position: relative;
|
||||
}
|
||||
#target {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class=auto><div class=small_child></div></div>
|
||||
<div class=auto><div class=small_child></div></div>
|
||||
<div class=auto><div class=large_child><div id=target>target</div></div></div>
|
||||
<div class=auto><div class=large_child></div></div>
|
||||
<div class=auto><div class=small_child></div></div>
|
||||
|
||||
<script>
|
||||
function runReference() {
|
||||
target.scrollIntoView();
|
||||
takeScreenshot();
|
||||
}
|
||||
|
||||
window.onload = () => requestAnimationFrame(() => requestAnimationFrame(runReference));
|
||||
</script>
|
|
@ -0,0 +1,41 @@
|
|||
<!doctype HTML>
|
||||
<html class="reftest-wait">
|
||||
<meta charset="utf8">
|
||||
<title>CSS Content Visibility: auto + fragment nav when size estimate is off</title>
|
||||
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
|
||||
<link rel="match" href="content-visibility-075-ref.html">
|
||||
<meta name="assert" content="With content-visibility: auto, scrollIntoView targets the right element">
|
||||
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
|
||||
<style>
|
||||
.auto {
|
||||
content-visibility: auto;
|
||||
contain-intrinsic-size: 1px 500px;
|
||||
}
|
||||
.child {
|
||||
height: 5000px;
|
||||
position: relative;
|
||||
}
|
||||
#target {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class=auto><div class=child></div></div>
|
||||
<div class=auto><div class=child></div></div>
|
||||
<div class=auto><div class=child><div id=target>target</div></div></div>
|
||||
<div class=auto><div class=child></div></div>
|
||||
<div class=auto><div class=child></div></div>
|
||||
|
||||
<script>
|
||||
function runTest() {
|
||||
window.location.href += "#target";
|
||||
// Double rAF to ensure that rendering has "settled".
|
||||
requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
|
||||
}
|
||||
|
||||
window.onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue