third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/AnimationEffectTiming/duration.html - Issue 1999243002: Import wpt@5df9b57edb3307a87d5187804b29c8ddd2aa14e1

Side by Side Diff: third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/AnimationEffectTiming/duration.html

Issue 1999243002: Import wpt@5df9b57edb3307a87d5187804b29c8ddd2aa14e1 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add expectations files (using run-webkit-tests --new-baseline) Created 4 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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/AnimationEffectTiming/direction.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/AnimationEffectTiming/duration-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <meta charset=utf-8>	2 <meta charset=utf-8>

3 <title>duration tests</title>	3 <title>duration tests</title>

4 <link rel="help" href="http://w3c.github.io/web-animations/#dom-animationeffectt iming-duration">	4 <link rel="help" href="http://w3c.github.io/web-animations/#dom-animationeffectt iming-duration">

5 <link rel="author" title="Ryo Motozawa" href="mailto:motozawa@mozilla-japan.org" >	5 <link rel="author" title="Ryo Motozawa" href="mailto:motozawa@mozilla-japan.org" >

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

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

8 <script src="../testcommon.js"></script>	8 <script src="../../testcommon.js"></script>

9 <body>	9 <body>

10 <div id="log"></div>	10 <div id="log"></div>

11 <script>	11 <script>

12 'use strict';	12 'use strict';

13	13

14 test(function(t) {	14 test(function(t) {

15 var div = createDiv(t);	15 var div = createDiv(t);

16 var anim = div.animate({ opacity: [ 0, 1 ] }, 2000);	16 var anim = div.animate({ opacity: [ 0, 1 ] }, 2000);

17 anim.effect.timing.duration = 123.45;	17 anim.effect.timing.duration = 123.45;

18 assert_approx_equals(anim.effect.timing.duration, 123.45, 0.000001,	18 assert_times_equal(anim.effect.timing.duration, 123.45,

19 'set duration 123.45');	19 'set duration 123.45');

20 assert_approx_equals(anim.effect.getComputedTiming().duration, 123.45,	20 assert_times_equal(anim.effect.getComputedTiming().duration, 123.45,

21 0.000001,	21 'getComputedTiming() after set duration 123.45');

22 'getComputedTiming() after set duration 123.45');

23 }, 'set duration 123.45');	22 }, 'set duration 123.45');

24	23

25 test(function(t) {	24 test(function(t) {

26 var div = createDiv(t);	25 var div = createDiv(t);

27 var anim = div.animate({ opacity: [ 0, 1 ] }, 2000);	26 var anim = div.animate({ opacity: [ 0, 1 ] }, 2000);

28 anim.effect.timing.duration = 'auto';	27 anim.effect.timing.duration = 'auto';

29 assert_equals(anim.effect.timing.duration, 'auto', 'set duration \'auto\'');	28 assert_equals(anim.effect.timing.duration, 'auto', 'set duration \'auto\'');

30 assert_equals(anim.effect.getComputedTiming().duration, 0,	29 assert_equals(anim.effect.getComputedTiming().duration, 0,

31 'getComputedTiming() after set duration \'auto\'');	30 'getComputedTiming() after set duration \'auto\'');

32 }, 'set duration auto');	31 }, 'set duration auto');

(...skipping 107 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
140 var div = createDiv(t);	139 var div = createDiv(t);

141 var anim = div.animate({ opacity: [ 0, 1 ] }, 2000);	140 var anim = div.animate({ opacity: [ 0, 1 ] }, 2000);

142 assert_throws({ name: 'TypeError' }, function() {	141 assert_throws({ name: 'TypeError' }, function() {

143 anim.effect.timing.duration = '100';	142 anim.effect.timing.duration = '100';

144 });	143 });

145 }, 'set duration string 100');	144 }, 'set duration string 100');

146	145

147	146

148 </script>	147 </script>

149 </body>	148 </body>

OLD	NEW