mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-08 02:14:43 +00:00
90fb66a530
MozReview-Commit-ID: GwLLY39l1KE --HG-- rename : dom/animation/test/css-animations/file_keyframeeffect-getframes.html => dom/animation/test/css-animations/file_keyframeeffect-getkeyframes.html rename : dom/animation/test/css-animations/test_keyframeeffect-getframes.html => dom/animation/test/css-animations/test_keyframeeffect-getkeyframes.html rename : dom/animation/test/css-transitions/file_keyframeeffect-getframes.html => dom/animation/test/css-transitions/file_keyframeeffect-getkeyframes.html rename : dom/animation/test/css-transitions/test_keyframeeffect-getframes.html => dom/animation/test/css-transitions/test_keyframeeffect-getkeyframes.html rename : testing/web-platform/meta/web-animations/keyframe-effect/setFrames.html.ini => testing/web-platform/meta/web-animations/keyframe-effect/setKeyframes.html.ini rename : testing/web-platform/tests/web-animations/keyframe-effect/setFrames.html => testing/web-platform/tests/web-animations/keyframe-effect/setKeyframes.html
51 lines
1.2 KiB
HTML
51 lines
1.2 KiB
HTML
<!doctype html>
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<style>
|
|
@keyframes enabled-and-disabled {
|
|
from {
|
|
left: 0px;
|
|
-webkit-text-fill-color: green;
|
|
}
|
|
to {
|
|
left: 100px;
|
|
-webkit-text-fill-color: blue;
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
var is = opener.is.bind(opener);
|
|
var ok = opener.ok.bind(opener);
|
|
function finish() {
|
|
var o = opener;
|
|
self.close();
|
|
o.SimpleTest.finish();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="display"></div>
|
|
<script>
|
|
'use strict';
|
|
|
|
var display = document.getElementById('display');
|
|
display.style.animation = 'enabled-and-disabled 0.01s';
|
|
|
|
var animation = display.getAnimations()[0];
|
|
is(animation.effect.getKeyframes().length, 2,
|
|
'Got two frames on the generated animation');
|
|
|
|
ok(animation.effect.getKeyframes()[0].hasOwnProperty('left'),
|
|
'Enabled property is set on initial keyframe');
|
|
ok(!animation.effect.getKeyframes()[0].hasOwnProperty('webkitTextFillColor'),
|
|
'Disabled property is not set on initial keyframe');
|
|
|
|
ok(animation.effect.getKeyframes()[1].hasOwnProperty('left'),
|
|
'Enabled property is set on final keyframe');
|
|
ok(!animation.effect.getKeyframes()[1].hasOwnProperty('webkitTextFillColor'),
|
|
'Disabled property is not set on final keyframe');
|
|
|
|
finish();
|
|
</script>
|
|
</body>
|