DevTools: fix animations panel after image loading became async

third_party/WebKit/Source/devtools/front_end/animation/AnimationModel.js

Index: third_party/WebKit/Source/devtools/front_end/animation/AnimationModel.js
diff --git a/third_party/WebKit/Source/devtools/front_end/animation/AnimationModel.js b/third_party/WebKit/Source/devtools/front_end/animation/AnimationModel.js
index 18ee044980f55b3cf7ecdcab7408b76ecd36e553..2dd83a853f1a7b4877a0e1c982c5f8996eb22678 100644
--- a/third_party/WebKit/Source/devtools/front_end/animation/AnimationModel.js
+++ b/third_party/WebKit/Source/devtools/front_end/animation/AnimationModel.js
@@ -820,12 +820,15 @@ WebInspector.AnimationModel.AnimationGroup.prototype = {
     },
 
     /**
+     * @param {function(?)=} onImageLoad

[lushnikov, 2016/08/01 23:16:11]

Let's not pass onImageLoad here

[luoe, 2016/08/02 00:24:10]

Yeah, I should have realized this was awkward.  Moved to a public
setOnScreenshotsLoaded() function.

      * @return {!Array.<!Image>}
      */
-    screenshots: function()
+    screenshots: function(onImageLoad)
     {
         for (var i = 0; i < this._screenshots.length; ++i) {
             var image = new Image();
+            if (onImageLoad)
+                image.onload = /** @type {function(?Event)} **/ (onImageLoad);
             image.src = "data:image/jpeg;base64," + this._screenshots[i];
             this._screenshotImages.push(image);
         }