Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /web-animations/animation-model/combining-effects/applying-the-composited-result.html - WPT Dashboard Interop Dashboard
<!doctype html>
<meta charset=utf-8>
<title>Applying the composited result</title>
<link rel="help"
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src="../../testcommon.js"></script>
<div id="log"></div>
<script>
'use strict';
promise_test(async t => {
const div = createDiv(t);
div.style.marginLeft = '10px';
const animation = div.animate(
{ marginLeft: ['100px', '200px'] },
100 * MS_PER_SEC
);
await animation.ready;
animation.finish();
const marginLeft = parseFloat(getComputedStyle(div).marginLeft);
assert_equals(marginLeft, 10, 'The computed style should be reset');
}, 'Finishing an animation that does not fill forwards causes its animation'
+ ' style to be cleared');
</script>