Change SVG layout tree output to be more meaningful and consistent

third_party/WebKit/LayoutTests/platform/mac/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt

Index: third_party/WebKit/LayoutTests/platform/mac/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt
diff --git a/third_party/WebKit/LayoutTests/platform/mac/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt b/third_party/WebKit/LayoutTests/platform/mac/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt
index 246779bced70f470c0f757692c7c1e04c366f764..a874fe1067e2d159e90e68db4e50ee9a66c41c54 100644
--- a/third_party/WebKit/LayoutTests/platform/mac/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt
+++ b/third_party/WebKit/LayoutTests/platform/mac/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt
@@ -2,39 +2,39 @@ 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
-    LayoutSVGRect {rect} at (3,6) size 379x78 [stroke={[type=SOLID] [color=#000000] [stroke width=3.00]}] [fill={[type=SOLID] [color=#C0C0C0]}] [x=5.00] [y=7.50] [width=375.00] [height=75.00]
-    LayoutSVGRect {rect} at (3,111) size 379x78 [stroke={[type=SOLID] [color=#000000] [stroke width=3.00]}] [fill={[type=SOLID] [color=#C0C0C0]}] [x=5.00] [y=112.50] [width=375.00] [height=75.00]
-    LayoutSVGContainer {g} at (11,11) size 368x173 [transform={m=((1.50,0.00)(0.00,1.50)) t=(0.00,0.00)}]
-      LayoutSVGEllipse {circle} at (11,11) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#800080]}] [cx=30.00] [cy=30.00] [r=20.00]
-      LayoutSVGEllipse {circle} at (11,116) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#800080]}] [cx=30.00] [cy=100.00] [r=20.00]
+    LayoutSVGRect {rect} at (5,7.50) size 375x75 [stroke={[type=SOLID] [color=#000000] [stroke width=3.00]}] [fill={[type=SOLID] [color=#C0C0C0]}] [x=5.00] [y=7.50] [width=375.00] [height=75.00]
+    LayoutSVGRect {rect} at (5,112.50) size 375x75 [stroke={[type=SOLID] [color=#000000] [stroke width=3.00]}] [fill={[type=SOLID] [color=#C0C0C0]}] [x=5.00] [y=112.50] [width=375.00] [height=75.00]
+    LayoutSVGContainer {g} at (10,10) size 240x110 [transform={m=((1.50,0.00)(0.00,1.50)) t=(0.00,0.00)}]
+      LayoutSVGEllipse {circle} at (10,10) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#800080]}] [cx=30.00] [cy=30.00] [r=20.00]
+      LayoutSVGEllipse {circle} at (10,80) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#800080]}] [cx=30.00] [cy=100.00] [r=20.00]
+      LayoutSVGHiddenContainer {g} at (60,10) size 40x40
+        LayoutSVGEllipse {circle} at (60,10) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#008000]}] [cx=80.00] [cy=30.00] [r=20.00]
+      LayoutSVGEllipse {circle} at (60,80) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#008000]}] [cx=80.00] [cy=100.00] [r=20.00]
+      LayoutSVGEllipse {circle} at (110,80) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [cx=130.00] [cy=100.00] [r=20.00]
       LayoutSVGHiddenContainer {g} at (0,0) size 0x0
-        LayoutSVGEllipse {circle} at (86,11) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#008000]}] [cx=80.00] [cy=30.00] [r=20.00]
-      LayoutSVGEllipse {circle} at (86,116) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#008000]}] [cx=80.00] [cy=100.00] [r=20.00]
-      LayoutSVGEllipse {circle} at (161,116) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FF0000]}] [cx=130.00] [cy=100.00] [r=20.00]
+        LayoutSVGHiddenContainer {g} at (160,10) size 40x40
+          LayoutSVGEllipse {circle} at (160,10) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#0000FF]}] [cx=180.00] [cy=30.00] [r=20.00]
+      LayoutSVGEllipse {circle} at (160,80) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#0000FF]}] [cx=180.00] [cy=100.00] [r=20.00]
       LayoutSVGHiddenContainer {g} at (0,0) size 0x0
-        LayoutSVGHiddenContainer {g} at (0,0) size 0x0
-          LayoutSVGEllipse {circle} at (236,11) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#0000FF]}] [cx=180.00] [cy=30.00] [r=20.00]
-      LayoutSVGEllipse {circle} at (236,116) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#0000FF]}] [cx=180.00] [cy=100.00] [r=20.00]
-      LayoutSVGHiddenContainer {g} at (0,0) size 0x0
-        LayoutSVGHiddenContainer {g} at (0,0) size 0x0
-          LayoutSVGEllipse {circle} at (236,11) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FFFF00]}] [cx=180.00] [cy=30.00] [r=20.00]
-      LayoutSVGEllipse {circle} at (236,116) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FFFF00]}] [cx=180.00] [cy=100.00] [r=20.00]
+        LayoutSVGHiddenContainer {g} at (160,10) size 40x40
+          LayoutSVGEllipse {circle} at (160,10) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FFFF00]}] [cx=180.00] [cy=30.00] [r=20.00]
+      LayoutSVGEllipse {circle} at (160,80) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#FFFF00]}] [cx=180.00] [cy=100.00] [r=20.00]
       LayoutSVGContainer {g} at (0,0) size 0x0
-      LayoutSVGContainer {g} at (311,116) size 68x68
-        LayoutSVGEllipse {circle} at (311,116) size 68x68 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#00FFFF]}] [cx=230.00] [cy=100.00] [r=20.00]
-    LayoutSVGText {text} at (385,26) size 47x18 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 47x18
+      LayoutSVGContainer {g} at (210,80) size 40x40
+        LayoutSVGEllipse {circle} at (210,80) size 40x40 [stroke={[type=SOLID] [color=#000000] [stroke width=5.00]}] [fill={[type=SOLID] [color=#00FFFF]}] [cx=230.00] [cy=100.00] [r=20.00]
+    LayoutSVGText {text} at (385,26) size 46.22x18 contains 1 chunk(s)
+      LayoutSVGInlineText {#text} at (385,26) size 46.22x18
         chunk 1 text run 1 at (385.00,40.00) startOffset 0 endOffset 7 width 46.22: "display"
     LayoutSVGText {text} at (385,133) size 64x22 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 64x22
+      LayoutSVGInlineText {#text} at (385,133) size 64x22
         chunk 1 text run 1 at (385.00,150.00) startOffset 0 endOffset 10 width 64.01: "visibility"
-    LayoutSVGText {text} at (5,210) size 391x32 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 391x32
+    LayoutSVGText {text} at (5,210) size 390.72x32 contains 1 chunk(s)
+      LayoutSVGInlineText {#text} at (5,210) size 390.72x32
         chunk 1 text run 1 at (5.00,235.00) startOffset 0 endOffset 36 width 390.73: "Test of display attribute animation."
-    LayoutSVGText {text} at (5,248) size 397x22 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 397x22
+    LayoutSVGText {text} at (5,248) size 396.91x22 contains 1 chunk(s)
+      LayoutSVGInlineText {#text} at (5,248) size 396.91x22
         chunk 1 text run 1 at (5.00,265.00) startOffset 0 endOffset 55 width 396.91: "Circles with same color should be visible at same time."
-    LayoutSVGText {text} at (10,304) size 264x46 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 264x46
+    LayoutSVGText {text} at (10,304) size 263.33x46 contains 1 chunk(s)
+      LayoutSVGInlineText {#text} at (10,304) size 263.33x46
         chunk 1 text run 1 at (10.00,340.00) startOffset 0 endOffset 16 width 263.34: "$Revision: 1.6 $"
-    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]