LayoutTests/web-animations-api/timed-item.html - Issue 1113173003: Web Animations: Update naming to reflect spec changes

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

Issue 1113173003: Web Animations: Update naming to reflect spec changes (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Use new API in layout tests Created 5 years, 7 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 | Annotate | Revision Log

« LayoutTests/web-animations-api/animation-constructor.html ('K') | « LayoutTests/web-animations-api/partial-keyframes.html ('k') | LayoutTests/web-animations-api/timed-item-specified-getters.html » ('j') | LayoutTests/web-animations-api/timed-item-specified-getters.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

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

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

4	4

5 <body>	5 <body>

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

7 </body>	7 </body>

8	8

9 <script>	9 <script>

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

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

12	12

13 test(function() {	13 test(function() {

14 var animation = new Animation(element, keyframes);	14 var animation = new KeyframeEffect(element, keyframes);
	alancutter (OOO until 2018) 2015/05/05 01:04:51 s/animation/keyframeEffect/g s/animation/keyframeEffect/g dstockwell 2015/05/05 03:33:24 Done.. Show quoted text On 2015/05/05 at 01:04:51, alancutter wrote: > s/animation/keyframeEffect/g Done..
15 assert_equals(animation.computedTiming.localTime, null);	15 assert_equals(animation.computedTiming.localTime, null);

16 assert_equals(animation.computedTiming.currentIteration, null);	16 assert_equals(animation.computedTiming.currentIteration, null);

17 }, 'TimedItem.localTime and TimedItem.currentIteration are null when animation i s not associated with a Player');	17 }, 'TimedItem.localTime and TimedItem.currentIteration are null when animation i s not associated with a Player');

18	18

19 test(function() {	19 test(function() {

20 var player = element.animate(keyframes, {fill: 'both', duration: 2000, itera tions: 3});	20 var player = element.animate(keyframes, {fill: 'both', duration: 2000, itera tions: 3});

21 var animation = player.source;	21 var animation = player.source;

22 player.currentTime = -1000;	22 player.currentTime = -1000;

23 assert_equals(animation.computedTiming.localTime, -1000, 'localTime');	23 assert_equals(animation.computedTiming.localTime, -1000, 'localTime');

24 assert_equals(animation.computedTiming.currentIteration, 0);	24 assert_equals(animation.computedTiming.currentIteration, 0);

(...skipping 11 matching lines...) Expand all Loading...
36 test(function() {	36 test(function() {

37 var player = element.animate(keyframes);	37 var player = element.animate(keyframes);

38 var animation = player.source;	38 var animation = player.source;

39 player.currentTime = -1;	39 player.currentTime = -1;

40 assert_equals(animation.computedTiming.currentIteration, null);	40 assert_equals(animation.computedTiming.currentIteration, null);

41 player.currentTime = 1;	41 player.currentTime = 1;

42 assert_equals(animation.computedTiming.currentIteration, null);	42 assert_equals(animation.computedTiming.currentIteration, null);

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

44	44

45 test(function() {	45 test(function() {

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

47 assert_equals(animation.computedTiming.startTime, 0);	47 assert_equals(animation.computedTiming.startTime, 0);

48 assert_equals(animation.computedTiming.endTime, 2);	48 assert_equals(animation.computedTiming.endTime, 2);

49 assert_equals(animation.computedTiming.duration, 2);	49 assert_equals(animation.computedTiming.duration, 2);

50 assert_equals(animation.computedTiming.activeDuration, 2);	50 assert_equals(animation.computedTiming.activeDuration, 2);

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

52	52

53 test(function() {	53 test(function() {

54 var animation = new Animation(element, keyframes, {duration: 3, iterations: 4, delay: 5});	54 var animation = new KeyframeEffect(element, keyframes, {duration: 3, iteration s: 4, delay: 5});

55 assert_equals(animation.computedTiming.startTime, 0);	55 assert_equals(animation.computedTiming.startTime, 0);

56 assert_equals(animation.computedTiming.endTime, 17);	56 assert_equals(animation.computedTiming.endTime, 17);

57 assert_equals(animation.computedTiming.duration, 3);	57 assert_equals(animation.computedTiming.duration, 3);

58 assert_equals(animation.computedTiming.activeDuration, 12);	58 assert_equals(animation.computedTiming.activeDuration, 12);

59 }, 'TimedItem startTime, endTime, duration, activeDuration are sensible for anim ations with delays and iterations');	59 }, 'TimedItem startTime, endTime, duration, activeDuration are sensible for anim ations with delays and iterations');

60	60

61 test(function() {	61 test(function() {

62 var animation = new Animation(element, keyframes, {delay: 1});	62 var animation = new KeyframeEffect(element, keyframes, {delay: 1});

63 assert_equals(animation.computedTiming.duration, 0);	63 assert_equals(animation.computedTiming.duration, 0);

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

65	65

66 test(function() {	66 test(function() {

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

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

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

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

71 }	71 }

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

73	73

74 </script>	74 </script>

OLD	NEW