MD Extensions: Port UMA metrics from previous UI.

Bug: 781439
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I2aff2f2096f6824ceffc05c2c94fcbf013166e5a
Reviewed-on: https://chromium-review.googlesource.com/816354Reviewed-by: Devlin <rdevlin.cronin@chromium.org>
Reviewed-by: Dave Schuyler <dschuyler@chromium.org>
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#523603}

chrome/browser/resources/md_extensions/compiled_resources2.gyp

@@ -97,6 +97,7 @@
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:cr',
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:i18n_behavior',
         '<(EXTERNS_GYP):developer_private',
+        '<(EXTERNS_GYP):metrics_private',
         'item',
       ],
       'includes': ['../../../../third_party/closure_compiler/compile_js2.gypi'],
@@ -119,6 +120,7 @@
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:assert',
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:cr',
         '<(EXTERNS_GYP):developer_private',
+        '<(EXTERNS_GYP):metrics_private',
         'item_behavior',
       ],
       'includes': ['../../../../third_party/closure_compiler/compile_js2.gypi'],
@@ -207,6 +209,7 @@
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:load_time_data',
         '<(EXTERNS_GYP):developer_private',
         '<(EXTERNS_GYP):management',
+        '<(EXTERNS_GYP):metrics_private',
         'error_page',
         'item',
         'load_error',
@@ -239,6 +242,7 @@
       'dependencies': [
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:assert',
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:cr',
+        '<(EXTERNS_GYP):metrics_private',
         'navigation_helper',
       ],
       'includes': ['../../../../third_party/closure_compiler/compile_js2.gypi'],
@@ -247,6 +251,7 @@
       'target_name': 'toolbar',
       'dependencies': [
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:cr',
+        '<(EXTERNS_GYP):metrics_private',
       ],
       'includes': ['../../../../third_party/closure_compiler/compile_js2.gypi'],
     },

chrome/browser/resources/md_extensions/item_list.html

@@ -61,7 +61,7 @@
       <div id="no-items" class="empty-list-message"
           hidden$="[[!shouldShowEmptyItemsMessage_(
               apps.length, extensions.length)]]">
-        <span>$i18nRaw{noExtensionsOrApps}</span>
+        <span on-tap="onNoExtensionsTap_">$i18nRaw{noExtensionsOrApps}</span>
       </div>
       <div id="no-search-results" class="empty-list-message"
           hidden$="[[!shouldShowEmptySearchMessage_(

chrome/browser/resources/md_extensions/item_list.js

@@ -91,6 +91,12 @@ cr.define('extensions', function() {
           this.shownAppsCount_ === 0 && this.shownExtensionsCount_ === 0;
     },
 
+    /** @private */
+    onNoExtensionsTap_: function(e) {
+      if (e.target.tagName == 'A')
+        chrome.metricsPrivate.recordUserAction('Options_GetMoreExtensions');
+    },
+
     /** @private */
     announceSearchResults_: function() {
       if (this.computedFilter_) {

chrome/browser/resources/md_extensions/keyboard_shortcuts.js

@@ -25,6 +25,15 @@ cr.define('extensions', function() {
       },
     },
 
+    listeners: {
+      'view-enter-start': 'onViewEnter_',
+    },
+
+    /** @private */
+    onViewEnter_: function() {
+      chrome.metricsPrivate.recordUserAction('Options_ExtensionCommands');
+    },
+
     /**
      * @return {!Array<!chrome.developerPrivate.ExtensionInfo>}
      * @private

chrome/browser/resources/md_extensions/service.js

@@ -247,6 +247,7 @@ cr.define('extensions', function() {
     /** @override */
     updateAllExtensions() {
       chrome.developerPrivate.autoUpdate();
+      chrome.metricsPrivate.recordUserAction('Options_UpdateExtensions');
     }
 
     /** @override */

chrome/browser/resources/md_extensions/sidebar.html

@@ -75,7 +75,7 @@
     <div>
       <div class="separator"></div>
       <a class="section-item" id="more-extensions" target="_blank"
-          href="$i18n{getMoreExtensionsUrl}">
+          href="$i18n{getMoreExtensionsUrl}" on-tap="onMoreExtensionsTap_">
         <span>$i18n{openChromeWebStore}</span>
         <div class="cr-icon icon-external"></div>
         <paper-ripple></paper-ripple>

chrome/browser/resources/md_extensions/sidebar.js

@@ -24,7 +24,12 @@ cr.define('extensions', function() {
       e.preventDefault();
       extensions.navigation.navigateTo({page: e.target.dataset.path});
       this.fire('close-drawer');
-    }
+    },
+
+    /** @private */
+    onMoreExtensionsTap_: function() {
+      chrome.metricsPrivate.recordUserAction('Options_GetMoreExtensions');
+    },
   });
 
   return {Sidebar: Sidebar};

chrome/browser/resources/md_extensions/toolbar.js

@@ -69,6 +69,10 @@ cr.define('extensions', function() {
         /** @suppress {suspiciousCode} */ drawer.offsetTop;
       }
       this.expanded_ = !this.expanded_;
+
+      chrome.metricsPrivate.recordUserAction(
+          'Options_ToggleDeveloperMode_' +
+          (this.expanded_ ? 'Enabled' : 'Disabled'));
     },
 
     /** @private */
@@ -83,11 +87,13 @@ cr.define('extensions', function() {
       this.delegate.loadUnpacked().catch(loadError => {
         this.fire('load-error', loadError);
       });
+      chrome.metricsPrivate.recordUserAction('Options_LoadUnpackedExtension');
     },
 
     /** @private */
     onPackTap_: function() {
       this.fire('pack-tap');
+      chrome.metricsPrivate.recordUserAction('Options_PackExtension');
     },
 
     // <if expr="chromeos">

chrome/test/data/extensions/webui/sanity_check_available_apis.js

@@ -18,6 +18,7 @@ var expected = [
   'getVariableValue',
   'loadTimes',
   'management',
+  'metricsPrivate',
   'runtime',
   'send',
   'test',

extensions/common/api/_api_features.json

@@ -267,6 +267,7 @@
     "contexts": ["webui"],
     "matches": [
       "chrome://bookmarks/*",
+      "chrome://extensions/*",
       "chrome://settings/*"
     ]
   }],