5 @keyframes enabled-and-disabled {
8 overflow-clip-box: padding-box;
12 overflow-clip-box: padding-box;
17 var is
= opener
.is
.bind(opener
);
18 var ok
= opener
.ok
.bind(opener
);
22 o
.SimpleTest
.finish();
27 <div id=
"display"></div>
31 var display
= document
.getElementById('display');
32 display
.style
.animation
= 'enabled-and-disabled 0.01s';
34 var animation
= display
.getAnimations()[0];
35 is(animation
.effect
.getKeyframes().length
, 2,
36 'Got two frames on the generated animation');
38 ok(animation
.effect
.getKeyframes()[0].hasOwnProperty('left'),
39 'Enabled property is set on initial keyframe');
40 ok(!animation
.effect
.getKeyframes()[0].hasOwnProperty('overflowClipBox'),
41 'Disabled property is not set on initial keyframe');
43 ok(animation
.effect
.getKeyframes()[1].hasOwnProperty('left'),
44 'Enabled property is set on final keyframe');
45 ok(!animation
.effect
.getKeyframes()[1].hasOwnProperty('overflowClipBox'),
46 'Disabled property is not set on final keyframe');