summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/web-animations/interfaces/AnimationEffectTiming/direction.html
blob: c3657f3a09b8f5368fab11ae9b2caa4ea5e532b1 (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
25
26
27
<!DOCTYPE html>
<meta charset=utf-8>
<title>direction tests</title>
<link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffecttiming-direction">
<link rel="author" title="Ryo Kato" href="mailto:foobar094@gmail.com">
<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';

test(function(t) {
  var div = createDiv(t);
  var anim = div.animate({ opacity: [ 0, 1 ] }, 2000);

  var directions = ['normal', 'reverse', 'alternate', 'alternate-reverse'];
  directions.forEach(function(direction) {
    anim.effect.timing.direction = direction;
    assert_equals(anim.effect.timing.direction, direction,
                  'set direction to ' + direction);
  });
}, 'set direction to a valid keyword');

</script>
</body>