Change SVG layout tree output to be more meaningful and consistent

third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/coords-units-02-b-expected.txt

Index: third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/coords-units-02-b-expected.txt
diff --git a/third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/coords-units-02-b-expected.txt b/third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/coords-units-02-b-expected.txt
index 670b52ef3391edc709c5c9f487b5928eb41de73a..01d81de08d85b2b750ec9a684dde216175310811 100644
--- a/third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/coords-units-02-b-expected.txt
+++ b/third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/coords-units-02-b-expected.txt
@@ -2,41 +2,41 @@ layer at (0,0) size 480x360
   LayoutView at (0,0) size 480x360
 layer at (0,0) size 480x360
   LayoutSVGRoot {svg} at (0,0) size 480x360
-    LayoutSVGContainer {g} at (0,20) size 399x256
+    LayoutSVGContainer {g} at (1.71,20) size 397.29x254.14
       LayoutSVGText {text} at (60,20) size 316x19 contains 1 chunk(s)
-        LayoutSVGInlineText {#text} at (0,0) size 316x19
+        LayoutSVGInlineText {#text} at (60,20) size 316x19
           chunk 1 text run 1 at (60.00,35.00) startOffset 0 endOffset 45 width 316.00: "CSS pixel coordinate to user space conversion"
-      LayoutSVGContainer {g} at (25,20) size 20x20 [transform={m=((4.00,0.00)(0.00,4.00)) t=(5.00,0.00)}]
-        LayoutSVGEllipse {circle} at (25,20) size 20x20 [fill={[type=SOLID] [color=#000000]}] [cx=7.50] [cy=7.50] [r=2.50]
-        LayoutSVGEllipse {circle} at (29,24) size 12x12 [fill={[type=SOLID] [color=#FF0000]}] [cx=7.50] [cy=7.50] [r=1.50]
+      LayoutSVGContainer {g} at (5,5) size 5x5 [transform={m=((4.00,0.00)(0.00,4.00)) t=(5.00,0.00)}]
+        LayoutSVGEllipse {circle} at (5,5) size 5x5 [fill={[type=SOLID] [color=#000000]}] [cx=7.50] [cy=7.50] [r=2.50]
+        LayoutSVGEllipse {circle} at (6,6) size 3x3 [fill={[type=SOLID] [color=#FF0000]}] [cx=7.50] [cy=7.50] [r=1.50]
       LayoutSVGText {text} at (60,70) size 332x19 contains 1 chunk(s)
-        LayoutSVGInlineText {#text} at (0,0) size 332x19
+        LayoutSVGInlineText {#text} at (60,70) size 332x19
           chunk 1 text run 1 at (60.00,85.00) startOffset 0 endOffset 47 width 332.00: "Percentage coordinates to user space conversion"
-      LayoutSVGContainer {g} at (25,70) size 20x20 [transform={m=((4.00,0.00)(0.00,4.00)) t=(5.00,50.00)}]
-        LayoutSVGEllipse {circle} at (25,70) size 20x20 [fill={[type=SOLID] [color=#000000]}] [cx=7.50] [cy=7.50] [r=2.50]
-        LayoutSVGEllipse {circle} at (29,73) size 13x13 [fill={[type=SOLID] [color=#FF0000]}] [cx=7.50] [cy=7.50] [r=1.50]
+      LayoutSVGContainer {g} at (5,5) size 5x5 [transform={m=((4.00,0.00)(0.00,4.00)) t=(5.00,50.00)}]
+        LayoutSVGEllipse {circle} at (5,5) size 5x5 [fill={[type=SOLID] [color=#000000]}] [cx=7.50] [cy=7.50] [r=2.50]
+        LayoutSVGEllipse {circle} at (6,6) size 3x3 [fill={[type=SOLID] [color=#FF0000]}] [cx=7.50] [cy=7.50] [r=1.50]
       LayoutSVGText {text} at (60,125) size 289x19 contains 1 chunk(s)
-        LayoutSVGInlineText {#text} at (0,0) size 289x19
+        LayoutSVGInlineText {#text} at (60,125) size 289x19
           chunk 1 text run 1 at (60.00,140.00) startOffset 0 endOffset 41 width 289.00: "CSS width/height to user space conversion"
-      LayoutSVGContainer {g} at (10,115) size 40x40 [transform={m=((4.00,0.00)(0.00,4.00)) t=(30.00,115.00)}]
-        LayoutSVGRect {rect} at (10,115) size 40x20 [fill={[type=SOLID] [color=#000000]}] [x=-5.00] [y=0.00] [width=10.00] [height=5.00]
-        LayoutSVGRect {rect} at (10,135) size 40x20 [fill={[type=SOLID] [color=#FF0000]}] [x=-5.00] [y=5.00] [width=10.00] [height=5.00]
+      LayoutSVGContainer {g} at (-5,0) size 10x10 [transform={m=((4.00,0.00)(0.00,4.00)) t=(30.00,115.00)}]
+        LayoutSVGRect {rect} at (-5,0) size 10x5 [fill={[type=SOLID] [color=#000000]}] [x=-5.00] [y=0.00] [width=10.00] [height=5.00]
+        LayoutSVGRect {rect} at (-5,5) size 10x5 [fill={[type=SOLID] [color=#FF0000]}] [x=-5.00] [y=5.00] [width=10.00] [height=5.00]
       LayoutSVGText {text} at (60,185) size 336x19 contains 1 chunk(s)
-        LayoutSVGInlineText {#text} at (0,0) size 336x19
+        LayoutSVGInlineText {#text} at (60,185) size 336x19
           chunk 1 text run 1 at (60.00,200.00) startOffset 0 endOffset 48 width 336.00: "Percentage width/height to user space conversion"
-      LayoutSVGContainer {g} at (10,175) size 40x41 [transform={m=((4.00,0.00)(0.00,4.00)) t=(30.00,175.00)}]
-        LayoutSVGRect {rect} at (10,175) size 40x20 [fill={[type=SOLID] [color=#000000]}] [x=-5.00] [y=0.00] [width=10.00] [height=5.00]
-        LayoutSVGRect {rect} at (10,195) size 40x21 [fill={[type=SOLID] [color=#FF0000]}] [x=-5.00] [y=5.00] [width=10.00] [height=5.00]
+      LayoutSVGContainer {g} at (-5,0) size 10x10 [transform={m=((4.00,0.00)(0.00,4.00)) t=(30.00,175.00)}]
+        LayoutSVGRect {rect} at (-5,0) size 10x5 [fill={[type=SOLID] [color=#000000]}] [x=-5.00] [y=0.00] [width=10.00] [height=5.00]
+        LayoutSVGRect {rect} at (-5,5) size 10x5 [fill={[type=SOLID] [color=#FF0000]}] [x=-5.00] [y=5.00] [width=10.00] [height=5.00]
       LayoutSVGText {text} at (140,250) size 259x19 contains 1 chunk(s)
-        LayoutSVGInlineText {#text} at (0,0) size 259x19
+        LayoutSVGInlineText {#text} at (140,250) size 259x19
           chunk 1 text run 1 at (140.00,265.00) startOffset 0 endOffset 36 width 259.00: "CSS and percentage length conversion"
-      LayoutSVGContainer {g} at (0,244) size 146x32 [transform={m=((4.00,0.00)(4.00,4.00)) t=(30.00,260.00)}]
-        LayoutSVGEllipse {circle} at (1,245) size 58x30 [fill={[type=SOLID] [color=#000000]}] [cx=0.00] [cy=0.00] [r=3.54]
-        LayoutSVGEllipse {circle} at (41,245) size 58x30 [fill={[type=SOLID] [color=#FF0000]}] [cx=10.00] [cy=0.00] [r=3.54]
-        LayoutSVGEllipse {circle} at (81,245) size 58x30 [fill={[type=SOLID] [color=#008000]}] [cx=20.00] [cy=0.00] [r=3.54]
-        LayoutSVGPath {line} at (0,244) size 117x3 [stroke={[type=SOLID] [color=#CCCCCC] [stroke width=0.50]}] [x1=-3.54] [y1=-3.54] [x2=25.00] [y2=-3.54]
-        LayoutSVGPath {line} at (29,273) size 117x3 [stroke={[type=SOLID] [color=#CCCCCC] [stroke width=0.50]}] [x1=-3.54] [y1=3.54] [x2=25.00] [y2=3.54]
+      LayoutSVGContainer {g} at (-3.54,-3.54) size 28.54x7.07 [transform={m=((4.00,0.00)(4.00,4.00)) t=(30.00,260.00)}]
+        LayoutSVGEllipse {circle} at (-3.54,-3.54) size 7.07x7.07 [fill={[type=SOLID] [color=#000000]}] [cx=0.00] [cy=0.00] [r=3.54]
+        LayoutSVGEllipse {circle} at (6.46,-3.54) size 7.07x7.07 [fill={[type=SOLID] [color=#FF0000]}] [cx=10.00] [cy=0.00] [r=3.54]
+        LayoutSVGEllipse {circle} at (16.46,-3.54) size 7.07x7.07 [fill={[type=SOLID] [color=#008000]}] [cx=20.00] [cy=0.00] [r=3.54]
+        LayoutSVGPath {line} at (-3.54,-3.54) size 28.54x0 [stroke={[type=SOLID] [color=#CCCCCC] [stroke width=0.50]}] [x1=-3.54] [y1=-3.54] [x2=25.00] [y2=-3.54]
+        LayoutSVGPath {line} at (-3.54,3.54) size 28.54x0 [stroke={[type=SOLID] [color=#CCCCCC] [stroke width=0.50]}] [x1=-3.54] [y1=3.54] [x2=25.00] [y2=3.54]
     LayoutSVGText {text} at (10,304) size 261x46 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 261x46
+      LayoutSVGInlineText {#text} at (10,304) size 261x46
         chunk 1 text run 1 at (10.00,340.00) startOffset 0 endOffset 16 width 261.00: "$Revision: 1.4 $"
-    LayoutSVGRect {rect} at (0,0) size 480x360 [stroke={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=478.00] [height=358.00]
+    LayoutSVGRect {rect} at (1,1) size 478x358 [stroke={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=478.00] [height=358.00]