third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animatable/animate.html - Issue 1962003002: Import web-platform-tests@41d6911b288a9624c249a406b9bf51607a2dd04d

Side by Side Diff: third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animatable/animate.html

Issue 1962003002: Import web-platform-tests@41d6911b288a9624c249a406b9bf51607a2dd04d (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Skip submit-entity-body.html 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/web-platform-tests/shadow-dom/styles/shadow-cascade-order.html ('k') | third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation-timeline/document-timeline.html » ('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>Animatable.animate tests</title>	3 <title>Animatable.animate tests</title>

4 <link rel="help" href="http://w3c.github.io/web-animations/#dom-animatable-anima te">	4 <link rel="help" href="http://w3c.github.io/web-animations/#dom-animatable-anima te">

5 <link rel="author" title="Brian Birtles" href="mailto:bbirtles@mozilla.com">	5 <link rel="author" title="Brian Birtles" href="mailto:bbirtles@mozilla.com">

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>

(...skipping 84 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
95 }, 'Element.animate() correctly sets the id attribute');	95 }, 'Element.animate() correctly sets the id attribute');

96	96

97 test(function(t) {	97 test(function(t) {

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

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

100 assert_equals(anim.timeline, document.timeline);	100 assert_equals(anim.timeline, document.timeline);

101 }, 'Element.animate() correctly sets the Animation\'s timeline');	101 }, 'Element.animate() correctly sets the Animation\'s timeline');

102	102

103 async_test(function(t) {	103 async_test(function(t) {

104 var iframe = document.createElement('iframe');	104 var iframe = document.createElement('iframe');

105 iframe.src = 'data:text/html;charset=utf-8,';

106 iframe.width = 10;	105 iframe.width = 10;

107 iframe.height = 10;	106 iframe.height = 10;

108	107

109 iframe.addEventListener('load', t.step_func(function() {	108 iframe.addEventListener('load', t.step_func(function() {

110 var div = createDiv(t, iframe.contentDocument);	109 var div = createDiv(t, iframe.contentDocument);

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

112 assert_equals(anim.timeline, iframe.contentDocument.timeline);	111 assert_equals(anim.timeline, iframe.contentDocument.timeline);

113 iframe.remove();	112 iframe.remove();

114 t.done();	113 t.done();

115 }));	114 }));

(...skipping 18 matching lines...) Expand all Loading...
134	133

135 test(function(t) {	134 test(function(t) {

136 var pseudoTarget = createPseudo(t, 'before');	135 var pseudoTarget = createPseudo(t, 'before');

137 var anim = pseudoTarget.animate({ opacity: [ 0, 1 ] }, 2000);	136 var anim = pseudoTarget.animate({ opacity: [ 0, 1 ] }, 2000);

138 assert_equals(anim.effect.target, pseudoTarget,	137 assert_equals(anim.effect.target, pseudoTarget,

139 'The returned Animation targets to the correct object');	138 'The returned Animation targets to the correct object');

140 }, 'CSSPseudoElement.animate() creates an Animation object targeting ' +	139 }, 'CSSPseudoElement.animate() creates an Animation object targeting ' +

141 'to the correct CSSPseudoElement object');	140 'to the correct CSSPseudoElement object');

142 </script>	141 </script>

143 </body>	142 </body>

OLD	NEW