DevTools: introduce dom markers, decorate hidden, forced state and breakpoint elements using marker…

LayoutTests/http/tests/inspector/elements-test.js

 var initialize_ElementTest = function() {
 
 InspectorTest.preloadPanel("elements");
 
 InspectorTest.inlineStyleSection = function()
 {
     return WebInspector.panels.elements.sidebarPanes.styles._sectionBlocks[0].sections[0];
 }
 
 InspectorTest.computedStyleWidget = function()
@@ skipping 554 matching lines @@
     function dumpMap(name, map)
     {
         var result = [];
         for (var id in map)
             result.push(id + "=" + map[id]);
         if (!result.length)
             return "";
         return name + ":[" + result.join(",") + "]";
     }
 
-    function userPropertyDataDump(treeItem)
+    function markersDataDump(treeItem)
     {
         if (treeItem._elementCloseTag)
             return "";
 
-        var userProperties = "";
+        var markers = "";
         var node = treeItem._node;
         if (node) {
-            userProperties += dumpMap("userProperties", node._userProperties);
-            var dump = dumpMap("descendantUserAttributeCounters", node._descendantUserPropertyCounters);
+            markers += dumpMap("markers", node._markers);
+            var dump = node._subtreeMarkerCount ? "subtreeMarkerCount:" + node._subtreeMarkerCount : "";
             if (dump) {
-                if (userProperties)
-                    userProperties += ", ";
-                userProperties += dump;
+                if (markers)
+                    markers += ", ";
+                markers += dump;
             }
-            if (userProperties)
-                userProperties = " [" + userProperties + "]";
+            if (markers)
+                markers = " [" + markers + "]";
         }
-        return userProperties;
+        return markers;
     }
 
     function print(treeItem, prefix, depth)
     {
         if (!treeItem.root) {
             var expander;
             if (treeItem.isExpandable()) {
                 if (treeItem.expanded)
                     expander = "- ";
                 else
                     expander = "+ ";
             } else
                 expander = "  ";
 
-            var userProperties = userPropertyDataDump(treeItem);
-            var value = prefix + expander + beautify(treeItem.listItemElement) + userProperties;
+            var markers = markersDataDump(treeItem);
+            var value = prefix + expander + beautify(treeItem.listItemElement) + markers;
             if (treeItem.shadowHostToolbar) {
                 value = prefix + expander + "shadow-root ";
                 for (var i = 0; i < treeItem.shadowHostToolbar.children.length; ++i) {
                     var button = treeItem.shadowHostToolbar.children[i];
                     var toggled = button.disabled;
                     var name = (toggled ? "<" : "") + button.textContent + (toggled ? ">" : "");
                     value += name + " ";
                 }
             }
             if (resultsArray)
@@ skipping 374 matching lines @@
             for (var ui of nodeRow.animations) {
                 InspectorTest.addResult(ui.animation().type());
                 InspectorTest.addResult(ui._nameElement.outerHTML);
                 InspectorTest.addResult(ui._svg.outerHTML);
             }
         }
     }
 }
 
 };