Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1246)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html

Issue 292173009: Web Animations - responsive interpolation (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@0519_MySeparation
Patch Set: applyAndSnapshotAnimatableValue Created 6 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 | « LayoutTests/web-animations-api/animations-responsive-to-color-change-expected.txt ('k') | LayoutTests/web-animations-api/animations-responsive-to-inherited-change-expected.txt » ('j') | Source/core/animation/StringKeyframe.h » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 <div id='container'> 5 <div id='container'>
6 <div id='element'></div> 6 <div id='element'></div>
7 </div> 7 </div>
8 8
9 <script> 9 <script>
10 10
11 var container = document.getElementById('container'); 11 var container = document.getElementById('container');
12 var element = document.getElementById('element'); 12 var element = document.getElementById('element');
13 13
14 var keyframes = [ 14 test(function() {
15 {fontSize: 'inherit', offset: 0}, 15 var keyframes = [
16 {fontSize: '20px', offset: 1} 16 {fontSize: 'inherit'},
17 ]; 17 {fontSize: '20px'}
18 ];
18 19
19 test(function() {
20 container.style.fontSize = '10px'; 20 container.style.fontSize = '10px';
21 var player = element.animate(keyframes, 10); 21 var player = element.animate(keyframes, 10);
22 player.pause(); 22 player.pause();
23 player.currentTime = 5; 23 player.currentTime = 5;
24 container.style.fontSize = '30px'; 24 container.style.fontSize = '30px';
25 assert_equals(getComputedStyle(element).fontSize, '25px'); 25 assert_equals(getComputedStyle(element).fontSize, '25px');
26 }, 'Font size responsive to inherited changes at start');
27
28 test(function() {
29 var keyframes = [
30 {fontSize: '50px'},
31 {fontSize: 'inherit'}
32 ];
33
34 container.style.fontSize = '40px';
35 var player = element.animate(keyframes, 10);
36 player.pause();
37 player.currentTime = 5;
38 container.style.fontSize = '60px';
39 assert_equals(getComputedStyle(element).fontSize, '55px');
40 }, 'Font size responsive to inherited changes at end');
41
42 test(function() {
43 var keyframes = [
44 {fontSize: 'inherit'},
45 {fontSize: 'inherit'}
46 ];
47
48 container.style.fontSize = '70px';
49 var player = element.animate(keyframes, 10);
50 player.pause();
51 player.currentTime = 5;
52 container.style.fontSize = '80px';
53 assert_equals(getComputedStyle(element).fontSize, '80px');
26 }, 'Font size responsive to inherited changes'); 54 }, 'Font size responsive to inherited changes');
27 55
28 </script> 56 </script>
OLDNEW
« no previous file with comments | « LayoutTests/web-animations-api/animations-responsive-to-color-change-expected.txt ('k') | LayoutTests/web-animations-api/animations-responsive-to-inherited-change-expected.txt » ('j') | Source/core/animation/StringKeyframe.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698