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

Update web-platform-tests to revision 73c6ad369cbd5572ceaedfed98e4672ef1f42dd0

Browse source
This commit is contained in:
WPT Sync Bot 2020-11-28 08:20:53 +00:00
parent 9a052a7fab
commit 33c2bfef75
76 changed files with 918 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

19
tests/wpt/web-platform-tests/css/css-paint-api/two-custom-property-animation.https.html
View file

@ -9,19 +9,22 @@
}
@keyframes expand {
0% { --foo: 0; }
0.01% { --foo: 50; }
99% { --foo: 50; }
100% { --foo: 100; }
}
@keyframes clr {
0% { --bar: 0; }
0.01% { --bar: 200; }
99% { --bar: 200; }
100% { --bar: 255; }
100% { --bar: 200; }
}
.animate {
background-image: paint(geometry);
animation: expand 5s, clr 5s;
/* Use a long animation that start at 50% progress where the slope of the
selected timing function is zero. By setting up the animation in this way,
we accommodate lengthy delays in running the test without a potential drift
in the animated property value. This is important for avoiding flakes,
especially on debug builds. The screenshots are taken as soon as the
animation is ready, thus the long animation duration has no bearing on
the actual duration of the test. */
animation: expand 1000000s cubic-bezier(0,1,1,0) -500000s, clr 1000000s cubic-bezier(0,1,1,0) -500000s;
}
#canvas-geometry {
@ -68,7 +71,9 @@ var blob = new Blob([document.getElementById('code').textContent],
{type: 'text/javascript'});
CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
document.getElementById('canvas-geometry').classList.add('animate');
requestAnimationFrame(function() {
const animations = document.getAnimations();
// Wait for the animation to start before completing the test.
document.getAnimations()[0].ready.then(() => {
takeScreenshot();
});
});