CSS shapes support in Web Inspector

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

 var initialize_ElementTest = function() {
 
 InspectorTest.findNode = function(matchFunction, callback)
 {
     callback = InspectorTest.safeWrap(callback);
     var result = null;
     var pendingRequests = 0;
     function processChildren(node)
     {
         try {
@@ skipping 730 matching lines @@
 {
     var rectNames = ["margin", "border", "padding", "content"];
     var rects = window.internals.inspectorHighlightRects(document);
     for (var i = 0; i < rects.length; i++)
     {
         var rectName = (i < rectNames.length ? rectNames[i] : "untitled");
         var rect = rects.item(i);
         output(rectName + " rect is " + rect.width + " x " + rect.height + " at (" + rect.left + ", " + rect.top + ")");
     }
 }
+
+function dumpInspectorHighlightShape()
+{
+    var shapes = window.internals.inspectorHighlightShape(document);
+    var parse = JSON.parse(shapes);
+    var commands = parse.shape;
+    var text = "";
+    for(var commandsIndex = 0; commandsIndex < commands.length;) {

[Bear Travis, 2014/04/23 20:46:06]

Is this different than just doing text = parse.shape.join(" ")?

You could also do JSON.stringify(parse.shape) if you wanted the []

[Habib Virji, 2014/04/24 09:53:21]

Done.

+        var index = commandsIndex;
+        text += commands[commandsIndex++] + " ";
+        if (commands[index] != 'Z')
+            text += commands[commandsIndex++] + " " + commands[commandsIndex++] + " ";
+        if (commands[index] == 'C')
+            text += commands[commandsIndex++] + " " + commands[commandsIndex++] + " " + commands[commandsIndex++] + " " + commands[commandsIndex++] + " ";
+        else if (commands[index] == 'Q')
+            text += commands[commandsIndex++] + " " + commands[commandsIndex++] + " ";
+    }
+    output(text);
+}