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

Update web-platform-tests to revision b'6aa16a6888fcf6dd3ee2eac2e911c2d7c353d193'

Browse source
This commit is contained in:
WPT Sync Bot 2023-04-25 11:37:17 +00:00
parent d577d4489a
commit ea44238f3a
411 changed files with 9896 additions and 468 deletions
Download patch file Download diff file Expand all files Collapse all files

23
tests/wpt/web-platform-tests/css/css-break/background-attachment-fixed-ref.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<style>
.blue {
position: absolute;
top: 0;
width: 40px;
height: 100px;
background: blue;
}
.green {
position: absolute;
top: 100px;
width: 40px;
height: 100px;
background: green;
}
</style>
<div class="blue" style="left: 30px; top: 30px; height: 70px"></div>
<div class="green" style="left: 30px"></div>
<div class="blue" style="left: 140px"></div>
<div class="green" style="left: 140px"></div>
<div class="blue" style="left: 250px"></div>
<div class="green" style="left: 250px; height: 70px"></div>

33
tests/wpt/web-platform-tests/css/css-break/background-attachment-fixed.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#valdef-box-decoration-break-slice">
<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#background-image">
<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#background-attachment">
<link rel="match" href="background-attachment-fixed-ref.html">
<style>
body {
overflow: hidden;
margin: 0;
}
</style>
<div style="height: 300px"></div>
<div style="width: 320px; height: 200px; columns: 3; column-gap: 10px">
<div style="height: 600px;
border: 20px solid transparent;
box-sizing: border-box;
padding: 10px;
background-size: 200px 200px;
background-image: linear-gradient(blue 50%, green 50%);
background-clip: content-box;
background-attachment: fixed">
</div>
</div>
<div style="width: 2000px; height: 2000px"></div>
<script>
requestAnimationFrame(() => {
requestAnimationFrame(() => {
window.scrollTo(0, 300);
document.documentElement.classList.remove('reftest-wait');
});
});
</script>