[Extensions activity log] Add option to export activity log history JSON

This change adds the ability to export the activity log history as JSON
through an option in the 3 dots dropdown menu. The exported data is a
list of extension activities as returned by GetExtensionActivities from
the chrome.activityLogPrivate API (therefore the data might be different
than what's seen in the UI itself) but sorted by timestamp in ascending
order.

Screenshot: https://imgur.com/a/YNpyFCd

Bug: 832354
Change-Id: If891931bfa042e3f1eadecc6f6384198c4a2c6b4
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1602074
Commit-Queue: Kelvin Jiang <kelvinjiang@chromium.org>
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#660693}

chrome/app/extensions_strings.grdp

@@ -178,6 +178,9 @@
   <message name="IDS_EXTENSIONS_ACTIVITY_LOG_COLLAPSE_ALL" desc="The label of the button to collapse all activity log items.">
     Collapse all
   </message>
+  <message name="IDS_EXTENSIONS_ACTIVITY_LOG_EXPORT_HISTORY" desc="The label of the button to export the activity log history as JSON.">
+    Export Activities
+  </message>
   <message name="IDS_EXTENSIONS_ITEM_ID" desc="The text for the label next to the extension id.">
     &lt;span&gt;ID: &lt;/span&gt;<ph name="EXTENSION_ID">$1<ex>cfhdojbkjhnklbpkdaibdccddilifddb</ex></ph>
   </message>

chrome/browser/resources/extensions/activity_log/activity_log_history.html

@@ -72,6 +72,10 @@
             on-click="onCollapseAllClick_">
           $i18n{activityLogCollapseAll}
         </button>
+        <button id="export-button" class="dropdown-item"
+            on-click="onExportClick_">
+          $i18n{activityLogExportHistory}
+        </button>
       </cr-action-menu>
     </div>
     <div id="loading-activities" class="activity-message"

chrome/browser/resources/extensions/activity_log/activity_log_history.js

@@ -45,6 +45,12 @@ cr.define('extensions', function() {
      * @return {!Promise<void>}
      */
     deleteActivitiesFromExtension(extensionId) {}
+
+    /**
+     * @param {string} rawActivityData
+     * @param {string} fileName
+     */
+    downloadActivities(rawActivityData, fileName) {}
   }
 
   /**
@@ -165,7 +171,7 @@ cr.define('extensions', function() {
    * @return {!Array<!extensions.ActivityGroup>}
    */
   function sortActivitiesByCallCount(groupedActivities) {
-    return Array.from(groupedActivities.values()).sort(function(a, b) {
+    return Array.from(groupedActivities.values()).sort((a, b) => {
       if (a.count != b.count) {
         return b.count - a.count;
       }
@@ -225,6 +231,14 @@ cr.define('extensions', function() {
      */
     dataFetchedResolver_: null,
 
+    /**
+     * The stringified API response from the activityLogPrivate API with
+     * individual activities sorted in ascending order by timestamp; used for
+     * exporting the activity log.
+     * @private {string}
+     */
+    rawActivities_: '',
+
     /**
      * Expose only the promise of dataFetchedResolver_.
      * @return {!Promise<void>}
@@ -302,6 +316,12 @@ cr.define('extensions', function() {
       this.expandItems_(false);
     },
 
+    /** @private */
+    onExportClick_: function() {
+      const fileName = `exported_activity_log_${this.extensionId}.json`;
+      this.delegate.downloadActivities(this.rawActivities_, fileName);
+    },
+
     /**
      * @private
      * @param {!CustomEvent<!Array<string>>} e
@@ -324,6 +344,12 @@ cr.define('extensions', function() {
      */
     processActivities_: function(activityData) {
       this.pageState_ = ActivityLogPageState.LOADED;
+
+      // Sort |activityData| in ascending order based on the activity's
+      // timestamp; Used for |this.encodedRawActivities|.
+      activityData.sort((a, b) => a.time - b.time);
+      this.rawActivities_ = JSON.stringify(activityData);
+
       this.activityData_ =
           sortActivitiesByCallCount(groupActivities(activityData));
       if (!this.dataFetchedResolver_.isFulfilled) {

chrome/browser/resources/extensions/service.js

@@ -418,6 +418,16 @@ cr.define('extensions', function() {
     getOnExtensionActivity() {
       return chrome.activityLogPrivate.onExtensionActivity;
     }
+
+    /** @override */
+    downloadActivities(rawActivityData, fileName) {
+      const blob = new Blob([rawActivityData], {type: 'application/json'});
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = fileName;
+      a.click();
+    }
   }
 
   cr.addSingletonGetter(Service);

chrome/browser/ui/webui/extensions/extensions_ui.cc

@@ -205,6 +205,7 @@ content::WebUIDataSource* CreateMdExtensionsSource(Profile* profile,
      IDS_EXTENSIONS_ACTIVITY_LOG_MORE_ACTIONS_LABEL},
     {"activityLogExpandAll", IDS_EXTENSIONS_ACTIVITY_LOG_EXPAND_ALL},
     {"activityLogCollapseAll", IDS_EXTENSIONS_ACTIVITY_LOG_COLLAPSE_ALL},
+    {"activityLogExportHistory", IDS_EXTENSIONS_ACTIVITY_LOG_EXPORT_HISTORY},
     {"appIcon", IDS_EXTENSIONS_APP_ICON},
     {"extensionIcon", IDS_EXTENSIONS_EXTENSION_ICON},
     {"extensionA11yAssociation", IDS_EXTENSIONS_EXTENSION_A11Y_ASSOCIATION},

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

@@ -56,6 +56,11 @@ suite('ExtensionsActivityLogHistoryTest', function() {
     ]
   };
 
+  // The first two activities of |testActivities|,
+  const testExportActivities = {
+    activities: testActivities.activities.slice(0, 2),
+  };
+
   // Sample activities representing content script invocations. Activities with
   // missing args will not be processed.
   const testContentScriptActivities = {
@@ -318,6 +323,32 @@ suite('ExtensionsActivityLogHistoryTest', function() {
     });
   });
 
+  test('export activities', async function() {
+    // |testExportActivities| stringified and sorted by timestamp.
+    const expectedRawActivityData =
+        '[{"activityId":"309","activityType":"dom_access","apiCall":"Storage.' +
+        'getItem","args":"null","count":35,"extensionId":"aaaaaaaaaaaaaaaaaaa' +
+        'aaaaaaaaaaaaa","other":{"domVerb":"method"},"pageTitle":"Test Extens' +
+        'ion","pageUrl":"chrome-extension://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/' +
+        'index.html","time":1541203131994.837},{"activityId":"299","activityT' +
+        'ype":"api_call","apiCall":"i18n.getUILanguage","args":"null","count"' +
+        ':10,"extensionId":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa","time":15412031' +
+        '32002.664}]';
+
+    proxyDelegate.testActivities = testExportActivities;
+    await setupActivityLogHistory();
+    Polymer.dom.flush();
+
+    activityLogHistory.$$('#more-actions').click();
+    activityLogHistory.$$('#export-button').click();
+
+    const [actualRawActivityData, actualFileName] =
+        await proxyDelegate.whenCalled('downloadActivities');
+
+    expectEquals(expectedRawActivityData, actualRawActivityData);
+    expectEquals(`exported_activity_log_${EXTENSION_ID}.json`, actualFileName);
+  });
+
   test(
       'clicking on the delete button for an activity row deletes that row',
       function() {

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

@@ -10,6 +10,7 @@ cr.define('extensions', function() {
         'addRuntimeHostPermission',
         'deleteActivitiesById',
         'deleteActivitiesFromExtension',
+        'downloadActivities',
         'getExtensionActivityLog',
         'getExtensionsInfo',
         'getExtensionSize',
@@ -42,7 +43,7 @@ cr.define('extensions', function() {
       this.forceReloadItemError_ = false;
 
       /** @type {!chrome.activityLogPrivate.ActivityResultSet|undefined} */
-      this.testActivities = undefined;
+      this.testActivities;
     }
 
     /**
@@ -211,6 +212,11 @@ cr.define('extensions', function() {
     getOnExtensionActivity() {
       return this.extensionActivityTarget;
     }
+
+    /** @override */
+    downloadActivities(rawActivityData, fileName) {
+      this.methodCalled('downloadActivities', [rawActivityData, fileName]);
+    }
   }
 
   return {