summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/web-animations/interfaces/AnimationEffectTiming/fill.html
blob: 21e523b737975c47e968f2f467f1a6307cc5c5ad (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<meta charset=utf-8>
<title>fill tests</title>
<link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffecttiming-fill">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../testcommon.js"></script>
<body>
<div id="log"></div>
<script>
'use strict';

["none", "forwards", "backwards", "both", ].forEach(function(fill){
  test(function(t) {
    var div = createDiv(t);
    var anim = div.animate({ opacity: [ 0, 1 ] }, 100);
    anim.effect.timing.fill = fill;
    assert_equals(anim.effect.timing.fill, fill, 'set fill ' + fill);
    assert_equals(anim.effect.getComputedTiming().fill, fill, 'getComputedTiming() after set fill ' + fill);
  }, 'set fill ' + fill);
});

</script>
</body>