mirror of
https://github.com/servo/servo.git
synced 2025-06-24 09:04:33 +01:00
42 lines
1.3 KiB
HTML
42 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset=utf-8>
|
|
<title>Animation.effect tests</title>
|
|
<link rel="help" href="https://w3c.github.io/web-animations/#dom-animation-effect">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="../../testcommon.js"></script>
|
|
<body>
|
|
<div id="log"></div>
|
|
<script>
|
|
"use strict";
|
|
|
|
test(function(t) {
|
|
var anim = new Animation();
|
|
assert_equals(anim.effect, null, "initial effect is null");
|
|
|
|
var newEffect = new KeyframeEffectReadOnly(createDiv(t), null);
|
|
anim.effect = newEffect;
|
|
assert_equals(anim.effect, newEffect, "new effect is set");
|
|
}, "effect is set correctly.");
|
|
|
|
test(function(t) {
|
|
var div = createDiv(t);
|
|
var animation = div.animate({ left: ['100px', '100px'] },
|
|
{ fill: 'forwards' });
|
|
var effect = animation.effect;
|
|
|
|
assert_equals(getComputedStyle(div).left, '100px',
|
|
'animation is initially having an effect');
|
|
|
|
animation.effect = null;
|
|
assert_equals(getComputedStyle(div).left, 'auto',
|
|
'animation no longer has an effect');
|
|
|
|
animation.effect = effect;
|
|
assert_equals(getComputedStyle(div).left, '100px',
|
|
'animation has an effect again');
|
|
}, 'Clearing and setting Animation.effect should update the computed style'
|
|
+ ' of the target element');
|
|
|
|
</script>
|
|
</body>
|