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

Update web-platform-tests to revision b'02400d32d48521baa38663fe8601779994fcfb78'

Browse source
This commit is contained in:
WPT Sync Bot 2023-05-21 01:35:12 +00:00
parent bc8cea2495
commit f0bb7a6f9c
483 changed files with 12767 additions and 2644 deletions
Download patch file Download diff file Expand all files Collapse all files

57
tests/wpt/web-platform-tests/scroll-animations/css/animation-range-visual-test.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="help" src="https://drafts.csswg.org/scroll-animations-1/#named-timeline-range">
<link rel="match" href="animation-range-visual-test-ref.html">
<link rel="stylesheet" href="support/animation-range.css">
<script src="/common/reftest-wait.js"></script>
<script src="/web-animations/testcommon.js"></script>
</head>
<body>
<h3>View timeline</h3>
<template id="meters">
<div class="meters">
<div class="cover"><div class="meter"><div class="bar"></div></div><div>Cover</div></div>
<div class="contain"><div class="meter"><div class="bar"></div></div><div>Contain</div></div>
<div class="entry"><div class="meter"><div class="bar"></div></div><div>Entry</div></div>
<div class="exit"><div class="meter"><div class="bar"></div></div><div>Exit</div></div>
</div>
</template>
<div class="flex">
<div>
<div class="scroller">
<div class="subject" style="margin-top: 90px;"></div>
<div class="spacer"></div>
</div>
</div>
<div>
<div class="scroller">
<div class="subject" style="margin-top: 70px;"></div>
<div class="spacer"></div>
</div>
</div>
<div>
<div class="scroller">
<div class="subject" style="margin-top: 10px;"></div>
<div class="spacer"></div>
</div>
</div>
<div>
<div class="scroller">
<div class="subject" style="margin-top: -10px;"></div>
<div class="spacer"></div>
</div>
</div>
</div>
</body>
<script>
let template = document.querySelector('#meters');
let subjects = document.querySelectorAll('.subject');
for (let i = 0; i < subjects.length; i++) {
subjects[i].appendChild(template.content.cloneNode(true));
}
waitForCompositorReady().then(takeScreenshot);
</script>
</html>