LayoutTree machinery

tracing/tracing/extras/chrome/render_frame.html

Index: tracing/tracing/extras/chrome/render_frame.html
diff --git a/tracing/tracing/extras/chrome/render_frame.html b/tracing/tracing/extras/chrome/render_frame.html
index 289477d18adf50c97f02dda62438efb67115df4d..792fff0407e9a53c46ffd32a85c6be411562fa46 100644
--- a/tracing/tracing/extras/chrome/render_frame.html
+++ b/tracing/tracing/extras/chrome/render_frame.html
@@ -18,6 +18,7 @@ tr.exportTo('tr.e.chrome', function() {
 
   function RenderFrameSnapshot() {
     ObjectSnapshot.apply(this, arguments);
+    this.layoutTreeSnapshot = this.args.LayoutTree;
   }
 
   RenderFrameSnapshot.prototype = {
@@ -30,25 +31,25 @@ tr.exportTo('tr.e.chrome', function() {
     },
 
     get userFriendlyName() {
-      return 'RenderFrame';
+      return 'Frame';
     }
   };
 
   ObjectSnapshot.register(
       RenderFrameSnapshot,
-      {typeName: 'RenderFrame'});
+      {typeName: 'Frame'});
 
   function RenderFrameInstance() {
     ObjectInstance.apply(this, arguments);
   }
 
   RenderFrameInstance.prototype = {
-    __proto__: ObjectInstance.prototype
+    __proto__: ObjectInstance.prototype,
   };
 
   ObjectInstance.register(
       RenderFrameInstance,
-      {typeName: 'RenderFrame'});
+      {typeName: 'Frame'});
 
   return {
     RenderFrameSnapshot: RenderFrameSnapshot,