mirror of
https://github.com/servo/servo.git
synced 2025-08-23 06:15:35 +01:00
Update web-platform-tests to revision b'5656a2f4653b5894c500b724778009ca9a26e48c'
This commit is contained in:
WPT Sync Bot
parent
cc6026d81e
commit
41d386c907
861 changed files with 3963 additions and 1531 deletions
|
|
@ -0,0 +1,3 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
There should only be one page.
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1399313">
|
||||
<link rel="match" href="abspos-in-clipped-overflow-print-ref.html">
|
||||
There should only be one page.
|
||||
<div style="position:absolute; overflow:clip; width:10px; height:10px;">
|
||||
<div style="position:absolute; height:350vh;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1395037">
|
||||
<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="columns:3; column-fill:auto; height:100px;">
|
||||
<div style="overflow:clip; position:relative; width:100px; height:100px; background:green;">
|
||||
<div style="position:absolute; z-index:-1; width:5000px; height:100px; background:red;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>,
|
||||
and a vertical scrollbar (unless overlay scrollbars are enabled).</p>
|
||||
<div id="scrollable" style="overflow:auto; width:200px; height:200px;">
|
||||
<div style="height:10000px;">
|
||||
<div style="height:9800px;"></div>
|
||||
<div style="width:100px; height:100px; background:green;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
scrollable.scrollTop = 100000;
|
||||
requestAnimationFrame(()=> {
|
||||
requestAnimationFrame(()=> {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1395037">
|
||||
<link rel="match" href="out-of-flow-in-multicolumn-105-ref.html">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>,
|
||||
and a vertical scrollbar (unless overlay scrollbars are enabled).</p>
|
||||
<div id="scrollable" style="overflow:auto; width:200px; height:200px;">
|
||||
<div style="columns:2; column-fill:auto; height:100px;">
|
||||
<div style="overflow-x:clip; position:relative; width:100px; height:100px;">
|
||||
<div style="position:absolute; width:5000px;">
|
||||
<div style="contain:size; height:10000px;">
|
||||
<div style="height:9800px; background:red;"></div>
|
||||
<div style="float:left; width:100px; height:100px; background:green;"></div>
|
||||
<div style="float:left; width:100px; height:100px;"></div>
|
||||
<div style="float:left; width:4800px; height:200px; background:red;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
scrollable.scrollTop = 100000;
|
||||
scrollable.scrollLeft = 100000;
|
||||
requestAnimationFrame(()=> {
|
||||
requestAnimationFrame(()=> {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>,
|
||||
and a horizontal scrollbar (unless overlay scrollbars are enabled).</p>
|
||||
<div id="scrollable" style="overflow:auto; width:200px; height:200px;">
|
||||
<div style="width:10000px;">
|
||||
<div style="float:left; width:9800px; height:1px;"></div>
|
||||
<div style="float:left; width:100px; height:100px; background:green;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
scrollable.scrollLeft = 100000;
|
||||
requestAnimationFrame(()=> {
|
||||
requestAnimationFrame(()=> {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1395037">
|
||||
<link rel="match" href="out-of-flow-in-multicolumn-106-ref.html">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>,
|
||||
and a horizontal scrollbar (unless overlay scrollbars are enabled).</p>
|
||||
<div id="scrollable" style="overflow:auto; width:200px; height:200px;">
|
||||
<div style="columns:2; column-fill:auto; height:100px;">
|
||||
<div style="overflow-y:clip; position:relative; width:100px; height:100px;">
|
||||
<div style="position:absolute; width:5000px;">
|
||||
<div style="contain:size; height:10000px;">
|
||||
<div style="float:left; width:4800px; height:200px; background:red;"></div>
|
||||
<div style="float:left; width:100px; height:100px; background:green;"></div>
|
||||
<div style="float:left; clear:left; width:5000px; height:9800px; background:red;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
scrollable.scrollTop = 100000;
|
||||
scrollable.scrollLeft = 100000;
|
||||
requestAnimationFrame(()=> {
|
||||
requestAnimationFrame(()=> {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1399313">
|
||||
<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="position:absolute; width:20px; height:100px; margin-left:20px; background:green;"></div>
|
||||
<div style="position:absolute; width:20px; height:100px; margin-left:60px; background:green;"></div>
|
||||
<div style="columns:3; width:100px; column-rule:20px solid red; gap:20px; column-fill:auto; height:100px; background:red;">
|
||||
<div style="overflow:clip;">
|
||||
<div style="position:relative; height:300px;">
|
||||
<div style="position:absolute; width:100%; height:100000px; background:green;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1399313">
|
||||
<meta name="assert" content="For a non-OOF variant of this test, see //css/css-break/overflow-clip-007.html">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
</style>
|
||||
<div style="columns:3; width:100px; gap:20px; column-fill:auto; height:100px;">
|
||||
<div style="overflow:clip;">
|
||||
<div style="position:relative; height:300px;">
|
||||
<div style="position:absolute; width:100%; height:100000px;">
|
||||
<div style="height:10050px;"></div>
|
||||
<div id="target" style="height:1000px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
test(()=> {
|
||||
var rect = target.getBoundingClientRect();
|
||||
assert_equals(rect.left, 80);
|
||||
assert_equals(rect.top, 9850);
|
||||
assert_equals(rect.width, 20);
|
||||
assert_equals(rect.height, 1000);
|
||||
}, "Overflowing and clipped content doesn't fragment");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1399313">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
||||
<meta name="assert" content="Check that only clipping in the inline direction doesn't prevent an OOF from generating additional fragmentainers">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div style="columns:3; width:100px; column-rule:20px solid green; gap:20px; column-fill:auto; height:100px; background:red;">
|
||||
<div style="overflow-x:clip;">
|
||||
<div style="position:relative;">
|
||||
<div style="position:absolute; width:100%; height:300px; background:green;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1399313">
|
||||
<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="position:absolute; width:20px; height:100px; margin-left:20px; background:green;"></div>
|
||||
<div style="position:absolute; width:20px; height:100px; margin-left:60px; background:green;"></div>
|
||||
<div style="columns:3; width:100px; column-rule:20px solid red; gap:20px; column-fill:auto; height:100px; background:red;">
|
||||
<div style="overflow:clip;">
|
||||
<div style="will-change:transform; height:300px;">
|
||||
<div style="position:fixed; width:100%; height:100000px; background:green;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1399313">
|
||||
<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="position:absolute; width:20px; height:100px; margin-left:20px; background:green;"></div>
|
||||
<div style="position:absolute; width:20px; height:100px; margin-left:60px; background:green;"></div>
|
||||
<div style="columns:3; width:100px; column-rule:20px solid red; gap:20px; column-fill:auto; height:100px; background:red;">
|
||||
<div style="overflow:clip;">
|
||||
<div style="will-change:transform; height:300px;">
|
||||
<div style="overflow:clip;">
|
||||
<div style="position:relative; height:250px;">
|
||||
<div style="position:absolute; width:100%; height:10000px; background:red;">
|
||||
<div style="height:250px; background:green;"></div>
|
||||
</div>
|
||||
<div style="position:fixed; width:100%; height:10000px; top:250px; background:red;">
|
||||
<div style="height:50px; background:green;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue