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()

[pfeldman, 2014/04/25 12:31:01]

Testing highlight via internals was not the right thing to do, I'm fixing it
here: https://codereview.chromium.org/257873002/.

You should rebase on top of it and make shape a part of the BoxModel structure
in the inspector protocol.

[Habib Virji, 2014/04/28 15:07:55]

Done.

+{
+    var shapes = window.internals.inspectorHighlightShape(document);
+    var parse = JSON.parse(shapes);
+    output(JSON.stringify(parse.shape));
+}