CSS shapes support in Web Inspector

LayoutTests/inspector/elements/highlight-css-shapes-outside-expected.txt

Index: LayoutTests/inspector/elements/highlight-css-shapes-outside-expected.txt
diff --git a/LayoutTests/inspector/elements/highlight-css-shapes-outside-expected.txt b/LayoutTests/inspector/elements/highlight-css-shapes-outside-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..153573992519d0bcf85c90c99410537b6f733910
--- /dev/null
+++ b/LayoutTests/inspector/elements/highlight-css-shapes-outside-expected.txt
@@ -0,0 +1,58 @@
+moveTo: 112.000000 , 3.000000 
+lineTo: 112.000000 , 3.000000 
+bezierCurveTo : 172.000000, 3.000000, 221.000000, 52.000000, 221.000000, 112.000000lineTo: 221.000000 , 112.000000 

[Bear Travis, 2014/04/17 20:26:45]

I'm not as big a fan of this style of test rather than writing a JS test that
compares two paths (you'd basically pass in the path you expect to find in the
test case and assert they are equal). When you get into serious curved shapes,
the control points will not be even numbers like these, and therefore the
numbers should have a little tolerance, especially across platforms.

You may also run into trouble with native implementations of path rectangles
that serialize commands slightly differently (closing or not closing their last
segment).

[Habib Virji, 2014/04/23 16:28:33]

Have tried few changes in elements-test.js and it print less cryptic data.
Should i rework on assert way or print in SVG-path style?

If you still feel assert as in LayoutTests/fast/shapes/shape-outside let me know
will try to rework on the test. 

+bezierCurveTo : 221.000000, 172.000000, 172.000000, 221.000000, 112.000000, 221.000000lineTo: 112.000000 , 221.000000 
+bezierCurveTo : 52.000000, 221.000000, 3.000000, 172.000000, 3.000000, 112.000000lineTo: 3.000000 , 112.000000 
+bezierCurveTo : 3.000000, 52.000000, 52.000000, 3.000000, 112.000000, 3.000000moveTo: 112.000000 , 8.000000 
+lineTo: 112.000000 , 8.000000 
+bezierCurveTo : 169.000000, 8.000000, 216.000000, 55.000000, 216.000000, 112.000000lineTo: 216.000000 , 112.000000 
+bezierCurveTo : 216.000000, 169.000000, 169.000000, 216.000000, 112.000000, 216.000000lineTo: 112.000000 , 216.000000 
+bezierCurveTo : 55.000000, 216.000000, 8.000000, 169.000000, 8.000000, 112.000000lineTo: 8.000000 , 112.000000 
+bezierCurveTo : 8.000000, 55.000000, 55.000000, 8.000000, 112.000000, 8.000000moveTo: 8.000000 , 219.000000 
+lineTo: 22.000000 , 219.000000 
+lineTo: 29.000000 , 212.000000 
+lineTo: 36.000000 , 219.000000 
+lineTo: 187.000000 , 219.000000 
+lineTo: 187.000000 , 237.000000 
+lineTo: 8.000000 , 237.000000 
+moveTo: 320.000000 , 65.000000 
+lineTo: 320.000000 , 65.000000 
+bezierCurveTo : 346.000000, 65.000000, 367.000000, 86.000000, 367.000000, 112.000000lineTo: 367.000000 , 112.000000 
+bezierCurveTo : 367.000000, 138.000000, 346.000000, 159.000000, 320.000000, 159.000000lineTo: 320.000000 , 159.000000 
+bezierCurveTo : 294.000000, 159.000000, 273.000000, 138.000000, 273.000000, 112.000000lineTo: 273.000000 , 112.000000 
+bezierCurveTo : 273.000000, 86.000000, 294.000000, 65.000000, 320.000000, 65.000000moveTo: 320.000000 , 70.000000 
+lineTo: 320.000000 , 70.000000 
+bezierCurveTo : 343.000000, 70.000000, 362.000000, 89.000000, 362.000000, 112.000000lineTo: 362.000000 , 112.000000 
+bezierCurveTo : 362.000000, 135.000000, 343.000000, 154.000000, 320.000000, 154.000000lineTo: 320.000000 , 154.000000 
+bezierCurveTo : 297.000000, 154.000000, 278.000000, 135.000000, 278.000000, 112.000000lineTo: 278.000000 , 112.000000 
+bezierCurveTo : 278.000000, 89.000000, 297.000000, 70.000000, 320.000000, 70.000000moveTo: 216.000000 , 219.000000 
+lineTo: 230.000000 , 219.000000 
+lineTo: 237.000000 , 212.000000 
+lineTo: 244.000000 , 219.000000 
+lineTo: 509.000000 , 219.000000 
+lineTo: 509.000000 , 237.000000 
+lineTo: 216.000000 , 237.000000 
+moveTo: 466.000000 , 24.000000 
+lineTo: 528.000000 , 24.000000 
+bezierCurveTo : 577.000000, 24.000000, 616.000000, 63.000000, 616.000000, 112.000000lineTo: 616.000000 , 174.000000 
+bezierCurveTo : 616.000000, 189.000000, 605.000000, 200.000000, 590.000000, 200.000000lineTo: 528.000000 , 200.000000 
+bezierCurveTo : 479.000000, 200.000000, 440.000000, 161.000000, 440.000000, 112.000000lineTo: 440.000000 , 50.000000 
+bezierCurveTo : 440.000000, 35.000000, 451.000000, 24.000000, 466.000000, 24.000000moveTo: 466.000000 , 29.000000 
+lineTo: 528.000000 , 29.000000 
+bezierCurveTo : 574.000000, 29.000000, 611.000000, 66.000000, 611.000000, 112.000000lineTo: 611.000000 , 174.000000 
+bezierCurveTo : 611.000000, 186.000000, 602.000000, 195.000000, 590.000000, 195.000000lineTo: 528.000000 , 195.000000 
+bezierCurveTo : 482.000000, 195.000000, 445.000000, 158.000000, 445.000000, 112.000000lineTo: 445.000000 , 50.000000 
+bezierCurveTo : 445.000000, 38.000000, 454.000000, 29.000000, 466.000000, 29.000000moveTo: 424.000000 , 219.000000 
+lineTo: 438.000000 , 219.000000 
+lineTo: 445.000000 , 212.000000 
+lineTo: 452.000000 , 219.000000 
+lineTo: 739.000000 , 219.000000 
+lineTo: 739.000000 , 237.000000 
+lineTo: 424.000000 , 237.000000 
+moveTo: 112.000000 , 211.000000 
+lineTo: 112.000000 , 211.000000 
+bezierCurveTo : 172.000000, 211.000000, 221.000000, 249.000000, 221.000000, 296.000000lineTo: 221.000000 , 296.000000 
+bezierCurveTo : 221.000000, 343.000000, 172.000000, 381.000000, 112.000000, 381.000000lineTo: 112.000000 , 381.000000 
+bezierCurveTo : 52.000000, 381.000000, 3.000000, 343.000000, 3.000000, 296.000000lineTo: 3.000000 , 296.000000 
+bezierCurveTo Content-Type: text/plain
+