Change SVG layout tree output to be more meaningful and consistent

third_party/WebKit/LayoutTests/platform/mac/svg/custom/recursive-clippath-expected.txt

Index: third_party/WebKit/LayoutTests/platform/mac/svg/custom/recursive-clippath-expected.txt
diff --git a/third_party/WebKit/LayoutTests/platform/mac/svg/custom/recursive-clippath-expected.txt b/third_party/WebKit/LayoutTests/platform/mac/svg/custom/recursive-clippath-expected.txt
index 32ab8f61e44f3450e8ae6ee9c6d3bdda3489aab3..deff595a256047a5f6711efb2c69d34a3e47839f 100644
--- a/third_party/WebKit/LayoutTests/platform/mac/svg/custom/recursive-clippath-expected.txt
+++ b/third_party/WebKit/LayoutTests/platform/mac/svg/custom/recursive-clippath-expected.txt
@@ -1,8 +1,8 @@
 layer at (0,0) size 800x600
   LayoutView at (0,0) size 800x600
 layer at (0,0) size 800x600
-  LayoutSVGRoot {svg} at (25,0) size 300x304
-    LayoutSVGHiddenContainer {defs} at (0,0) size 0x0
+  LayoutSVGRoot {svg} at (0,0) size 800x600
+    LayoutSVGHiddenContainer {defs} at (50,150) size 50x50
       LayoutSVGResourceClipper {clipPath} [id="clipPath_0"] [clipPathUnits=userSpaceOnUse]
         LayoutSVGRect {rect} at (50,0) size 50x50 [x=50.00] [y=0.00] [width=50.00] [height=50.00]
           [clipPath="clipPath_0"] LayoutSVGResourceClipper {clipPath} at (50,0) size 50x50
@@ -13,17 +13,17 @@ layer at (0,0) size 800x600
           LayoutSVGRect {rect} at (50,150) size 50x50 [x=50.00] [y=150.00] [width=50.00] [height=50.00]
             [clipPath="clipPath_1"] LayoutSVGResourceClipper {clipPath} at (50,150) size 50x50
     LayoutSVGRect {rect} at (50,0) size 100x100 [fill={[type=SOLID] [color=#0000FF]}] [x=50.00] [y=0.00] [width=100.00] [height=100.00]
-    LayoutSVGRect {rect} at (50,0) size 50x50 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=0.00] [width=100.00] [height=100.00]
+    LayoutSVGRect {rect} at (50,0) size 100x100 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=0.00] [width=100.00] [height=100.00]
       [clipPath="clipPath_0"] LayoutSVGResourceClipper {clipPath} at (50,0) size 50x50
     LayoutSVGRect {rect} at (50,150) size 100x100 [fill={[type=SOLID] [color=#0000FF]}] [x=50.00] [y=150.00] [width=100.00] [height=100.00]
-    LayoutSVGRect {rect} at (50,150) size 50x50 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=150.00] [width=100.00] [height=100.00]
+    LayoutSVGRect {rect} at (50,150) size 100x100 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=150.00] [width=100.00] [height=100.00]
       [clipPath="clipPath_1"] LayoutSVGResourceClipper {clipPath} at (50,150) size 50x50
-    LayoutSVGPath {line} at (174,0) size 2x250 [stroke={[type=SOLID] [color=#FF0000]}] [fill={[type=SOLID] [color=#000000]}] [x1=175.00] [y1=0.00] [x2=175.00] [y2=250.00]
-    LayoutSVGText {text} at (25,286) size 300x18 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 299x18
+    LayoutSVGPath {line} at (175,0) size 0x250 [stroke={[type=SOLID] [color=#FF0000]}] [fill={[type=SOLID] [color=#000000]}] [x1=175.00] [y1=0.00] [x2=175.00] [y2=250.00]
+    LayoutSVGText {text} at (25.69,286) size 298.61x18 contains 1 chunk(s)
+      LayoutSVGInlineText {#text} at (25.69,286) size 298.61x18
         chunk 1 (middle anchor) text run 1 at (25.69,300.00) startOffset 0 endOffset 48 width 298.62: "Both sides of the red line should look identical"
-    LayoutSVGContainer {g} at (200,0) size 100x250 [transform={m=((1.00,0.00)(0.00,1.00)) t=(150.00,0.00)}]
-      LayoutSVGRect {rect} at (200,0) size 100x100 [fill={[type=SOLID] [color=#0000FF]}] [x=50.00] [y=0.00] [width=100.00] [height=100.00]
-      LayoutSVGRect {rect} at (200,0) size 50x50 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=0.00] [width=50.00] [height=50.00]
-      LayoutSVGRect {rect} at (200,150) size 100x100 [fill={[type=SOLID] [color=#0000FF]}] [x=50.00] [y=150.00] [width=100.00] [height=100.00]
-      LayoutSVGRect {rect} at (200,150) size 50x50 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=150.00] [width=50.00] [height=50.00]
+    LayoutSVGContainer {g} at (50,0) size 100x250 [transform={m=((1.00,0.00)(0.00,1.00)) t=(150.00,0.00)}]
+      LayoutSVGRect {rect} at (50,0) size 100x100 [fill={[type=SOLID] [color=#0000FF]}] [x=50.00] [y=0.00] [width=100.00] [height=100.00]
+      LayoutSVGRect {rect} at (50,0) size 50x50 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=0.00] [width=50.00] [height=50.00]
+      LayoutSVGRect {rect} at (50,150) size 100x100 [fill={[type=SOLID] [color=#0000FF]}] [x=50.00] [y=150.00] [width=100.00] [height=100.00]
+      LayoutSVGRect {rect} at (50,150) size 50x50 [fill={[type=SOLID] [color=#008000]}] [x=50.00] [y=150.00] [width=50.00] [height=50.00]