| 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>
|
|
|