Change SVG layout tree output to be more meaningful and consistent

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

Index: third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt
diff --git a/third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt b/third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt
index 400a571d1a4dd911d76bbdc9e902dbe606d99ab4..8fcf9e934012cfc42ac9d74a64dce4c021d8aed2 100644
--- a/third_party/WebKit/LayoutTests/platform/linux/svg/W3C-SVG-1.1/animate-elem-31-t-expected.txt
+++ b/third_party/WebKit/LayoutTests/platform/linux/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]
+      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,25) size 43x19 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 43x19
+      LayoutSVGInlineText {#text} at (385,25) size 43x19
         chunk 1 text run 1 at (385.00,40.00) startOffset 0 endOffset 7 width 42.00: "display"
     LayoutSVGText {text} at (384,134) size 61x20 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 61x20
+      LayoutSVGInlineText {#text} at (384,134) size 61x20
         chunk 1 text run 1 at (385.00,150.00) startOffset 0 endOffset 10 width 59.00: "visibility"
-    LayoutSVGText {text} at (5,209) size 387x33 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 387x33
+    LayoutSVGText {text} at (5,209) size 386.03x33 contains 1 chunk(s)
+      LayoutSVGInlineText {#text} at (5,209) size 386.03x33
         chunk 1 text run 1 at (5.00,235.00) startOffset 0 endOffset 36 width 386.04: "Test of display attribute animation."
     LayoutSVGText {text} at (5,249) size 393x20 contains 1 chunk(s)
-      LayoutSVGInlineText {#text} at (0,0) size 393x20
+      LayoutSVGInlineText {#text} at (5,249) size 393x20
         chunk 1 text run 1 at (5.00,265.00) startOffset 0 endOffset 55 width 393.00: "Circles with same color should be visible at same time."
     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.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]