Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-01 17:23:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1244637 - implement AnimationEffectTiming fill. r=hiro

Browse Source 
MozReview-Commit-ID: 46kYkxy06Sk

--HG--
extra : rebase_source : b85e4c1d7dfada490a43e18fd6f012553f9045f0
This commit is contained in:
ABE Hiroki (hATrayflood) 2016-04-10 11:35:52 +09:00
parent 5ce8a6205e
commit 259010e082
3 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dom/animation/AnimationEffectTiming.cpp
View File

@ -55,7 +55,12 @@ AnimationEffectTiming::SetEndDelay(double aEndDelay)
void
AnimationEffectTiming::SetFill(const FillMode& aFill)
{
// TODO: Bug 1244637 - implement AnimationEffectTiming fill
if (mTiming.mFill == aFill) {
return;
}
mTiming.mFill = aFill;
PostSpecifiedTimingUpdated(mEffect);
}
void

4
testing/web-platform/meta/MANIFEST.json
View File

@ -28753,6 +28753,10 @@
"path": "web-animations/animation-effect-timing/endDelay.html",
"url": "/web-animations/animation-effect-timing/endDelay.html"
},
{
"path": "web-animations/animation-effect-timing/fill.html",
"url": "/web-animations/animation-effect-timing/fill.html"
},
{
"path": "web-animations/animation-effect-timing/getAnimations.html",
"url": "/web-animations/animation-effect-timing/getAnimations.html"

25
testing/web-platform/tests/web-animations/animation-effect-timing/fill.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>fill tests</title>
<link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffecttiming-fill">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../testcommon.js"></script>
<link rel="stylesheet" href="/resources/testharness.css">
<body>
<div id="log"></div>
<script>
'use strict';
["none", "forwards", "backwards", "both", ].forEach(function(fill){
test(function(t) {
var div = createDiv(t);
var anim = div.animate({ opacity: [ 0, 1 ] }, 100);
anim.effect.timing.fill = fill;
assert_equals(anim.effect.timing.fill, fill, 'set fill ' + fill);
assert_equals(anim.effect.getComputedTiming().fill, fill, 'getComputedTiming() after set fill ' + fill);
}, 'set fill ' + fill);
});
</script>
</body>