Web Animations API: Deferred computation of interpolated values

LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html

Index: LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html
diff --git a/LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html b/LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html
index febd195fbdd7bc9d7177bb22219541e42f9ba5be..5b90fcfaaf179d5d3ec41208b7206c857b9dbdb4 100644
--- a/LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html
+++ b/LayoutTests/web-animations-api/animations-responsive-to-inherited-change.html
@@ -11,18 +11,46 @@
 var container = document.getElementById('container');
 var element = document.getElementById('element');
 
-var keyframes = [
-    {fontSize: 'inherit', offset: 0},
-    {fontSize: '20px', offset: 1}
-];
-
 test(function() {
+    var keyframes = [
+        {fontSize: 'inherit', offset: 0},
+        {fontSize: '20px', offset: 1}
+    ];
+
     container.style.fontSize = '10px';
     var player = element.animate(keyframes, 10);
     player.pause();
     player.currentTime = 5;
     container.style.fontSize = '30px';
     assert_equals(getComputedStyle(element).fontSize, '25px');
+}, 'Font size responsive to inherited changes at start');
+
+test(function() {
+    var keyframes = [
+        {fontSize: '50px', offset: 0},
+        {fontSize: 'inherit', offset: 1}
+    ];
+
+    container.style.fontSize = '40px';
+    var player = element.animate(keyframes, 10);
+    player.pause();
+    player.currentTime = 5;
+    container.style.fontSize = '60px';
+    assert_equals(getComputedStyle(element).fontSize, '55px');
+}, 'Font size responsive to inherited changes at end');
+
+test(function() {
+    var keyframes = [
+        {fontSize: 'inherit', offset: 0},
+        {fontSize: 'inherit', offset: 1}
+    ];
+
+    container.style.fontSize = '70px';
+    var player = element.animate(keyframes, 10);
+    player.pause();
+    player.currentTime = 5;
+    container.style.fontSize = '80px';
+    assert_equals(getComputedStyle(element).fontSize, '80px');
 }, 'Font size responsive to inherited changes');
 
 </script>