DevTools: [Elements] Restore selected shadow DOM elements on reload

Source/devtools/front_end/DOMAgent.js

 /*
  * Copyright (C) 2009, 2010 Google Inc. All rights reserved.
  * 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 254 matching lines @@
     shadowRootType: function()
     {
         return this._shadowRootType || null;
     },
 
     /**
      * @return {string}
      */
     nodeNameInCorrectCase: function()
     {
+        var shadowRootType = this.shadowRootType();
+        if (shadowRootType)
+            return "#shadow-root" + (shadowRootType === WebInspector.DOMNode.ShadowRootTypes.UserAgent ? " (user-agent)" : "");
         return this.isXMLNode() ? this.nodeName() : this.nodeName().toLowerCase();
     },
 
     /**
      * @param {string} name
      * @param {function(?Protocol.Error)=} callback
      */
     setNodeName: function(name, callback)
     {
         DOMAgent.setNodeName(this.id, name, WebInspector.domAgent._markRevision(this, callback));
@@ skipping 174 matching lines @@
     eventListeners: function(objectGroupId, callback)
     {
         DOMAgent.getEventListenersForNode(this.id, objectGroupId, callback);
     },
 
     /**
      * @return {string}
      */
     path: function()
     {
+        /**
+         * @param {?WebInspector.DOMNode} node
+         */
+        function canPush(node)
+        {
+            return node && ("index" in node || (node.isShadowRoot() && node.parentNode)) && node._nodeName.length;
+        }
+
         var path = [];
         var node = this;
-        while (node && "index" in node && node._nodeName.length) {
-            path.push([node.index, node._nodeName]);
+        while (canPush(node)) {
+            var index = typeof node.index === "number" ? node.index : (node.shadowRootType() === WebInspector.DOMNode.ShadowRootTypes.UserAgent ? "u" : "a");

[pfeldman, 2014/03/21 15:02:52]

Where is this used though?

[apavlov, 2014/03/21 15:26:46]

This is used in WebInspector.DOMNode.prototype.path() for various goals. Off the
top of my head: restore the selected element and DOM breakpoints when reloading
the page.

+            path.push([index, node._nodeName]);
             node = node.parentNode;
         }
         path.reverse();
         return path.join(",");
     },
 
     /**
      * @param {!WebInspector.DOMNode} node
      * @return {boolean}
      */
@@ skipping 1185 matching lines @@
     setInspectModeEnabled: function(enabled, inspectUAShadowDOM, config, callback)
     {
         DOMAgent.setInspectModeEnabled(enabled, inspectUAShadowDOM, config, callback);
     }
 }
 
 /**
  * @type {!WebInspector.DOMAgent}
  */
 WebInspector.domAgent;