[MD History] Add UMA stats for switching views and the CBD button.

chrome/browser/resources/md_history/app.js

Index: chrome/browser/resources/md_history/app.js
diff --git a/chrome/browser/resources/md_history/app.js b/chrome/browser/resources/md_history/app.js
index 8b02ad7e7faddc2becec25ad34cfb8c7ecc1e377..1c259c0077cc9d549e4713a2035c670200e6bb1d 100644
--- a/chrome/browser/resources/md_history/app.js
+++ b/chrome/browser/resources/md_history/app.js
@@ -9,7 +9,7 @@ Polymer({
     showSidebarFooter: Boolean,
 
     // The id of the currently selected page.
-    selectedPage_: {type: String, value: 'history', observer: 'unselectAll'},
+    selectedPage_: {type: String, observer: 'unselectAll'},
 
     // Whether domain-grouped history is enabled.
     grouped_: {type: Boolean, reflectToAttribute: true},
@@ -76,6 +76,7 @@ Polymer({
     'delete-selected': 'deleteSelected',
     'search-domain': 'searchDomain_',
     'history-close-drawer': 'closeDrawer_',
+    'history-view-changed': 'recordHistoryView_',
   },
 
   /** @override */
@@ -228,7 +229,7 @@ Polymer({
       /** @type {HistorySyncedDeviceManagerElement} */this
           .$$('history-synced-device-manager');
     if (syncedDeviceManagerElem)
-      syncedDeviceManagerElem.updateSignInState(isUserSignedIn);
+      syncedDeviceManagerElem.signInState = isUserSignedIn;
   },
 
   /**
@@ -266,6 +267,12 @@ Polymer({
    */
   selectedPageChanged_: function(selectedPage) {
     this.set('routeData_.page', selectedPage);
+
+    // Log the current view on the next animation frame to allow the iron-pages
+    // to detect that the synced-device-manager has been rendered.
+    requestAnimationFrame(function() {
+      this.recordHistoryView_();
+    }.bind(this));
   },
 
   /**
@@ -288,4 +295,26 @@ Polymer({
     if (drawer)
       drawer.close();
   },
+
+  /** @private */
+  recordHistoryView_: function() {
+    var histogramValue = HISTORY_VIEW_HISTOGRAM.END;
+    switch (this.$.content.selectedItem.id) {
+      case 'history':
+        histogramValue = HISTORY_VIEW_HISTOGRAM.HISTORY;
+        break;
+      case 'synced-devices':
+        var syncedDeviceManager =
+            /** @type {HistorySyncedDeviceManagerElement} */ this.$.content
+                .selectedItem;
+        histogramValue = syncedDeviceManager.signInState ?
+            HISTORY_VIEW_HISTOGRAM.SYNCED_TABS :
+            HISTORY_VIEW_HISTOGRAM.SIGNIN_PROMO;
+        break;
+    }
+
+    md_history.BrowserService.getInstance().recordHistogram([
+      'History.HistoryView', histogramValue, HISTORY_VIEW_HISTOGRAM.END
+    ]);
+  },
 });