Bug 1330544 - Part 2: Add 'easing' and 'fill' to the changing flag target. r?pbro draft
authorDaisuke Akatsuka <dakatsuka@mozilla.com>
Fri, 06 Jul 2018 17:13:48 +0900
changeset 814796 716714ca3ff1580b99c131b0b0b29524a5451f5c
parent 814795 9670f1b3d542caaa21413ec34380bcd74f6ec6a0
child 814797 0e5c73b6758c989eac867991c69681c024ccb89c
push id115349
push userbmo:dakatsuka@mozilla.com
push dateFri, 06 Jul 2018 08:30:25 +0000
reviewerspbro
bugs1330544
milestone63.0a1
Bug 1330544 - Part 2: Add 'easing' and 'fill' to the changing flag target. r?pbro MozReview-Commit-ID: EuFO7yBl7iS
devtools/server/actors/animation.js
--- a/devtools/server/actors/animation.js
+++ b/devtools/server/actors/animation.js
@@ -384,27 +384,30 @@ var AnimationPlayerActor = protocol.Acto
       if (hasCurrentAnimation(removedAnimations)) {
         // Reset the local copy of the state on removal, since the animation can
         // be kept on the client and re-added, its state needs to be sent in
         // full.
         this.currentState = null;
       }
 
       if (hasCurrentAnimation(changedAnimations)) {
-        // Only consider the state has having changed if any of delay, duration,
-        // iterationCount, iterationStart, or playbackRate has changed (for now
-        // at least).
+        // Only consider the state has having changed if any of effect timing properties,
+        // animationTimingFunction or playbackRate has changed.
         const newState = this.getState();
         const oldState = this.currentState;
         hasChanged = newState.delay !== oldState.delay ||
                      newState.iterationCount !== oldState.iterationCount ||
                      newState.iterationStart !== oldState.iterationStart ||
                      newState.duration !== oldState.duration ||
                      newState.endDelay !== oldState.endDelay ||
                      newState.direction !== oldState.direction ||
+                     newState.easing !== oldState.easing ||
+                     newState.fill !== oldState.fill ||
+                     newState.animationTimingFunction !==
+                       oldState.animationTimingFunction ||
                      newState.playbackRate !== oldState.playbackRate;
         break;
       }
     }
 
     if (hasChanged) {
       this.emit("changed", this.getCurrentState());
     }