Index: third_party/WebKit/LayoutTests/imported/wpt/web-animations/animation-model/keyframe-effects/effect-value-context.html |
diff --git a/third_party/WebKit/LayoutTests/imported/wpt/web-animations/animation-model/keyframe-effects/effect-value-context.html b/third_party/WebKit/LayoutTests/imported/wpt/web-animations/animation-model/keyframe-effects/effect-value-context.html |
index e2af80dff77bbdd3e9245cd60f16c6a217806915..eeab40b79db2a8b3194b68e8889de75179839f91 100644 |
--- a/third_party/WebKit/LayoutTests/imported/wpt/web-animations/animation-model/keyframe-effects/effect-value-context.html |
+++ b/third_party/WebKit/LayoutTests/imported/wpt/web-animations/animation-model/keyframe-effects/effect-value-context.html |
@@ -82,5 +82,23 @@ promise_test(function(t) { |
}); |
}, 'Effect values reflect changes to font-size from reparenting'); |
+test(function(t) { |
+ var divA = createDiv(t); |
+ divA.style.fontSize = '10px'; |
+ |
+ var divB = createDiv(t); |
+ divB.style.fontSize = '20px'; |
+ |
+ var animation = divA.animate([ { marginLeft: '10em' }, |
+ { marginLeft: '20em' } ], 1000); |
+ animation.currentTime = 500; |
+ assert_equals(getComputedStyle(divA).marginLeft, '150px', |
+ 'Effect value before updating target element'); |
+ |
+ animation.effect.target = divB; |
+ assert_equals(getComputedStyle(divB).marginLeft, '300px', |
+ 'Effect value after updating target element'); |
+}, 'Effect values reflect changes to target element'); |
+ |
</script> |
</body> |