Web Animations - responsive interpolation

LayoutTests/web-animations-api/animations-responsive-backgroundPosition.html

Index: LayoutTests/web-animations-api/animations-responsive-backgroundPosition.html
diff --git a/LayoutTests/web-animations-api/animations-responsive-verticalAlign.html b/LayoutTests/web-animations-api/animations-responsive-backgroundPosition.html
similarity index 62%
copy from LayoutTests/web-animations-api/animations-responsive-verticalAlign.html
copy to LayoutTests/web-animations-api/animations-responsive-backgroundPosition.html
index 8521d93295657afa4163df340c474f957735c8b0..d9b46bdd5abdb19d80fc374fdc1a17bd7bfcdc3f 100644
--- a/LayoutTests/web-animations-api/animations-responsive-verticalAlign.html
+++ b/LayoutTests/web-animations-api/animations-responsive-backgroundPosition.html
@@ -12,11 +12,14 @@ var container = document.getElementById('container');
 
 test(function() {
     element.style.fontSize = '10px';
-    var player = element.animate([{verticalAlign: '3em'}, {verticalAlign: '5em'}], 10);
+    var player = element.animate([
+        {backgroundPosition: '10% 1em'},
+        {backgroundPosition: '20% 5em'}],
+        10);
     player.pause();
     player.currentTime = 5;
     element.style.fontSize = '20px';
-    assert_equals(getComputedStyle(element).verticalAlign, '80px');
-}, 'verticalAlign responsive to style changes');
+    assert_equals(getComputedStyle(element).backgroundPosition, '15% 60px');
+}, 'Background position responsive to style changes');
 
 </script>