CSS shapes support in Web Inspector

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

Index: LayoutTests/http/tests/inspector/elements-test.js
diff --git a/LayoutTests/http/tests/inspector/elements-test.js b/LayoutTests/http/tests/inspector/elements-test.js
index b969a49de0767e9b5c8020b108b176cd7e495b48..26d87e660e6972256a798a2a98aa1a548445f99b 100644
--- a/LayoutTests/http/tests/inspector/elements-test.js
+++ b/LayoutTests/http/tests/inspector/elements-test.js
@@ -748,3 +748,10 @@ function dumpInspectorHighlightRects()
         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));
+}