DevTools: add "Jump to Relayout Boundary" context menu item in Elements panel

Source/devtools/front_end/ElementsPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 377 matching lines @@
     },
 
     switchToAndFocus: function(node)
     {
         // Reset search restore.
         WebInspector.searchController.cancelSearch();
         WebInspector.inspectorView.setCurrentPanel(this);
         this.selectDOMNode(node, true);
     },
 
+    /**
+     * @param {WebInspector.ContextMenu} contextMenu
+     * @param {WebInspector.DOMNode} node
+     */
     _populateContextMenu: function(contextMenu, node)
     {
         // Add debbuging-related actions
         contextMenu.appendSeparator();
         var pane = WebInspector.domBreakpointsSidebarPane;
         pane.populateNodeContextMenu(node, contextMenu);
+        contextMenu.appendSeparator();
+        contextMenu.appendItem(WebInspector.UIString("Jump to Relayout Boundary"), this._jumpToRelayoutBoundary.bind(this, node));

[pfeldman, 2013/09/06 13:35:51]

I don't think it makes sense putting it here. Lets land the backend only.

+
+    },
+
+    /**
+     * @param {WebInspector.DOMNode} node
+     */
+    _jumpToRelayoutBoundary: function(node)
+    {
+        /**
+         * @param {?Protocol.Error} error
+         * @param {DOMAgent.NodeId=} nodeId
+         */
+        function callback(error, nodeId)
+        {
+            if (error || !nodeId)
+                return;
+            this.revealAndSelectNode(nodeId);
+        }
+        node.findRelayoutBoundary(callback.bind(this));
     },
 
     _getPopoverAnchor: function(element)
     {
         var anchor = element.enclosingNodeOrSelfWithClass("webkit-html-resource-link");
         if (anchor) {
             if (!anchor.href)
                 return null;
 
             var resource = WebInspector.resourceTreeModel.resourceForURL(anchor.href);
@@ skipping 775 matching lines @@
      * @param {WebInspector.SidebarPane} pane
      */
     addExtensionSidebarPane: function(id, pane)
     {
         this.sidebarPanes[id] = pane;
         this.sidebarPaneView.addPane(pane);
     },
 
     __proto__: WebInspector.Panel.prototype
 }