third_party/WebKit/LayoutTests/web-animations-api/timed-item.html - Issue 2141863002: Rename TimedItem => ComputedTimingProperties and Timing => AnimationEffectTiming in test

Side by Side Diff: third_party/WebKit/LayoutTests/web-animations-api/timed-item.html

Issue 2141863002: Rename TimedItem => ComputedTimingProperties and Timing => AnimationEffectTiming in test (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Review Created 4 years, 5 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <script src="../resources/testharness.js"></script>

3 <script src="../resources/testharnessreport.js"></script>

4

5 <body>

6 <div id='e'></div>

7 </body>

8

9 <script>

10 var element = document.getElementById('e');

11 var keyframes = [{opacity: '1', offset: 0}, {opacity: '0', offset: 1}];

12

13 test(function() {

14 var keyframeEffect = new KeyframeEffect(element, keyframes);

15 assert_equals(keyframeEffect.getComputedTiming().localTime, null);

16 assert_equals(keyframeEffect.getComputedTiming().currentIteration, null);

17 }, 'localTime and currentIteration are null when the KeyframeEffect is not assoc iated with an Animation');

18

19 test(function() {

20 var animation = element.animate(keyframes, {fill: 'both', duration: 2000, it erations: 3});

21 var keyframeEffect = animation.effect;

22 animation.currentTime = -1000;

23 assert_equals(keyframeEffect.getComputedTiming().localTime, -1000, 'localTim e');

24 assert_equals(keyframeEffect.getComputedTiming().currentIteration, 0);

25 animation.currentTime = 1000;

26 assert_equals(keyframeEffect.getComputedTiming().localTime, 1000);

27 assert_equals(keyframeEffect.getComputedTiming().currentIteration, 0);

28 animation.currentTime = 5000;

29 assert_equals(keyframeEffect.getComputedTiming().localTime, 5000);

30 assert_equals(keyframeEffect.getComputedTiming().currentIteration, 2);

31 animation.currentTime = 7000;

32 assert_equals(keyframeEffect.getComputedTiming().localTime, 7000);

33 assert_equals(keyframeEffect.getComputedTiming().currentIteration, 2);

34 }, 'TimedItem.localTime and TimedItem.currentIteration return reasonable values when an keyframeEffect is in effect');

35

36 test(function() {

37 var animation = element.animate(keyframes);

38 var keyframeEffect = animation.effect;

39 animation.currentTime = -1;

40 assert_equals(keyframeEffect.getComputedTiming().currentIteration, null);

41 animation.currentTime = 1;

42 assert_equals(keyframeEffect.getComputedTiming().currentIteration, null);

43 }, 'TimedItem.currentIteration is null when keyframeEffect is not in effect');

44

45 test(function() {

46 var keyframeEffect = new KeyframeEffect(element, keyframes, 2);

47 assert_equals(keyframeEffect.getComputedTiming().endTime, 2);

48 assert_equals(keyframeEffect.getComputedTiming().duration, 2);

49 assert_equals(keyframeEffect.getComputedTiming().activeDuration, 2);

50 }, 'TimedItem startTime, endTime, duration, activeDuration are sensible for a si mple keyframeEffect');

51

52 test(function() {

53 var keyframeEffect = new KeyframeEffect(element, keyframes, {duration: 3, iter ations: 4, delay: 5});

54 assert_equals(keyframeEffect.getComputedTiming().endTime, 17);

55 assert_equals(keyframeEffect.getComputedTiming().duration, 3);

56 assert_equals(keyframeEffect.getComputedTiming().activeDuration, 12);

57 }, 'TimedItem startTime, endTime, duration, activeDuration are sensible for keyf rameEffects with delays and iterations');

58

59 test(function() {

60 var keyframeEffect = new KeyframeEffect(element, keyframes, {delay: 1});

61 assert_equals(keyframeEffect.getComputedTiming().duration, 0);

62 }, 'TimedItem duration is calculated when no duration is specified');

63

64 test(function() {

65 var timing = new KeyframeEffect(element, keyframes).timing;

66 for (var attr of ['delay', 'endDelay', 'iterationStart', 'playbackRate']) {

67 assert_throws(new TypeError, function() { timing[attr] = NaN; }, attr);

68 assert_throws(new TypeError, function() { timing[attr] = Infinity; }, attr);

69 }

70 }, 'Restricted double attributes on the Timing interface throws for non-finite v alues.');

71

72 </script>

OLD	NEW

« no previous file with comments | « third_party/WebKit/LayoutTests/web-animations-api/effect-of-keyframeeffect-on-getComputedTiming.html ('k') | no next file » | no next file with comments »