report: Add print summary and print expanded options (GoogleChrome#3578)

christhompson · Nov 17, 2017 · 5411289 · 5411289
1 parent f481741
commit 5411289
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/lighthouse-core/report/v2/renderer/report-ui-features.js b/lighthouse-core/report/v2/renderer/report-ui-features.js
@@ -177,7 +177,12 @@ class ReportUIFeatures {
       case 'copy':
         this.onCopyButtonClick();
         break;
-      case 'print':
+      case 'print-summary':
+        this.collapseAllDetails();
+        this.closeExportDropdown();
+        self.print();
+        break;
+      case 'print-expanded':
         this.expandAllDetails();
         this.closeExportDropdown();
         self.print();
@@ -257,7 +262,6 @@ class ReportUIFeatures {
    */
   printShortCutDetect(e) {
     if ((e.ctrlKey || e.metaKey) && e.keyCode === 80) { // Ctrl+P
-      this.expandAllDetails();
       this.closeExportDropdown();
     }
   }

diff --git a/lighthouse-core/report/v2/templates.html b/lighthouse-core/report/v2/templates.html
@@ -351,7 +351,8 @@ <h1 class="leftnav__header__title">Lighthouse</h1>
     <div class="lh-export">
       <button class="report-icon report-icon--share lh-export__button" title="Export report"></button>
       <div class="lh-export__dropdown">
-        <a href="#" class="report-icon report-icon--print" data-action="print">Print...</a>
+        <a href="#" class="report-icon report-icon--print" data-action="print-summary">Print Summary</a>
+        <a href="#" class="report-icon report-icon--print" data-action="print-expanded">Print Expanded</a>
         <a href="#" class="report-icon report-icon--copy" data-action="copy">Copy JSON</a>
         <a href="#" class="report-icon report-icon--download" data-action="save-html">Save as HTML</a>
         <a href="#" class="report-icon report-icon--download" data-action="save-json">Save as JSON</a>