[DevTools] Support JQuery event listeners

Source/core/inspector/InjectedScriptSource.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 1118 matching lines @@
 
         return className;
     },
 
     /**
      * @param {boolean} enabled
      */
     setCustomObjectFormatterEnabled: function(enabled)
     {
         this._customObjectFormatterEnabled = enabled;
-    }
+    },
+
+    /**
+     * @param {string} prefix
+     * @param {!Error} error
+     */
+    _logError: function(prefix, error)
+    {
+        Promise.resolve().then(inspectedGlobalObject.console.error.bind(inspectedGlobalObject.console, prefix + error.message));
+    },
+
+    /**
+     * @param {!Object} object
+     * @return {!Array<!{type: string, listener: function(), useCapture: boolean}>}
+     */
+    frameworksEventListeners: function(object)

[yurys, 2015/08/13 23:49:06]

frameworkEventListeners

[kozy, 2015/08/14 17:07:03]

frameworkUserEventListeners

+    {
+        if (isArrayLike(inspectedGlobalObject["devtoolsFrameworksEventListeners"])) {
+            var listeners = [];
+            var getters = inspectedGlobalObject["devtoolsFrameworksEventListeners"];
+            for (var i = 0; i < getters.length; ++i) {
+                try {
+                    if (typeof getters[i] === "function")
+                        listeners = concat(listeners, getters[i](object));
+                } catch (e) {
+                    this._logError("Resolving Frameworks Event Listeners Failed: ", e);
+                }
+            }
+            return listeners;
+        }
+        return [];
+    },
+
+    /**
+     * @param {!Object} object
+     * @return {!Set<function()>}
+     */
+    frameworksEventHandlers: function(object)
+    {
+        if (isArrayLike(inspectedGlobalObject["devtoolsFrameworksEventHandlers"])) {
+            var handlers = [];
+            var getters = inspectedGlobalObject["devtoolsFrameworksEventHandlers"];

[yurys, 2015/08/13 23:49:06]

Please extract common part.

[kozy, 2015/08/14 17:07:03]

Done.

+            for (var i = 0; i < getters.length; ++i) {
+                try {
+                    if (typeof getters[i] === "function")
+                        handlers = concat(handlers, getters[i](object));
+                } catch (e) {
+                    this._logError("Resolving Frameworks Event Handlers Failed: ", e);
+                }
+            }
+            return new Set(handlers);
+        }
+        return new Set();
+    },
 }
 
 /**
  * @type {!InjectedScript}
  * @const
  */
 var injectedScript = new InjectedScript();
 
 /**
  * @constructor
@@ skipping 64 matching lines @@
 InjectedScript.RemoteObject.prototype = {
 
     /**
      * @param {*} object
      * @param {string=} objectGroupName
      * @param {*=} customObjectConfig
      * @return {?RuntimeAgent.CustomPreview}
      */
     _customPreview: function(object, objectGroupName, customObjectConfig)
     {
-        /**
-         * @param {!Error} error
-         */
-        function logError(error)
-        {
-            Promise.resolve().then(inspectedGlobalObject.console.error.bind(inspectedGlobalObject.console, "Custom Formatter Failed: " + error.message));
-        }
-
         try {
             var formatters = inspectedGlobalObject["devtoolsFormatters"];
             if (!formatters || !isArrayLike(formatters))

[yurys, 2015/08/13 23:49:06]

Drop !formatter check?

[kozy, 2015/08/14 17:07:03]

typeof null === "object" in js

                 return null;
 
             for (var i = 0; i < formatters.length; ++i) {
                 try {
                     var formatted = formatters[i].header(object, customObjectConfig);
                     if (!formatted)
                         continue;
 
                     var hasBody = formatters[i].hasBody(object, customObjectConfig);
                     injectedScript._substituteObjectTagsInCustomPreview(objectGroupName, formatted);
                     var formatterObjectId = injectedScript._bind(formatters[i], objectGroupName);
                     var result = {header: JSON.stringify(formatted), hasBody: !!hasBody, formatterObjectId: formatterObjectId};
                     if (customObjectConfig)
                         result["configObjectId"] = injectedScript._bind(customObjectConfig, objectGroupName);
                     return result;
                 } catch (e) {
-                    logError(e);
+                    injectedScript._logError("Custom Formatter Failed: ", e);
                 }
             }
         } catch (e) {
-            logError(e);
+            injectedScript._logError("Custom Formatter Failed: ", e);
         }
         return null;
     },
 
     /**
      * @return {!RuntimeAgent.ObjectPreview} preview
      */
     _createEmptyPreview: function()
     {
         var preview = {
@@ skipping 576 matching lines @@
 
     /**
      * @param {!Node} node
      * @return {!Array.<!{type: string, listener: function(), useCapture: boolean, remove: function()}>|undefined}
      */
     getEventListeners: function(node)
     {
         var result = nullifyObjectProto(InjectedScriptHost.getEventListeners(node));
         if (!result)
             return result;
+
+        var jQueryListeners = injectedScript.frameworksEventListeners(node);
+        for (var i = 0; i < jQueryListeners.length; ++i) {
+            result[jQueryListeners[i].type] = result[jQueryListeners[i].type] || [];
+            result[jQueryListeners[i].type].push(jQueryListeners[i]);
+        }
+
         /** @this {{type: string, listener: function(), useCapture: boolean}} */
         var removeFunc = function()
         {
             node.removeEventListener(this.type, this.listener, this.useCapture);
         }
         for (var type in result) {
             var listeners = result[type];
             for (var i = 0, listener; listener = listeners[i]; ++i) {
                 listener["type"] = type;
                 listener["remove"] = removeFunc;
@@ skipping 69 matching lines @@
      */
     _logEvent: function(event)
     {
         inspectedGlobalObject.console.log(event.type, event);
     }
 }
 
 injectedScript._commandLineAPIImpl = new CommandLineAPIImpl();
 return injectedScript;
 })