lighthouse 8.3.0-dev.20210907 → 8.3.0

package/types/global-lh.d.ts

@@ -7,26 +7,24 @@
 import ArbitraryEqualityMap_ = require('../lighthouse-core/lib/arbitrary-equality-map.js');
 import * as Artifacts_ from './artifacts';
 import Audit_ from './audit';
-import Budget_ from './lhr/budget';
+import Budget_ from './budget';
 import Config_ from './config';
 import _Crdp from 'devtools-protocol/types/protocol';
 import _CrdpMappings from 'devtools-protocol/types/protocol-mapping';
 import * as Externs from './externs';
 import Gatherer_ from './gatherer';
-import * as I18n from './lhr/i18n';
+import * as I18n from './i18n';
 import LHError = require('../lighthouse-core/lib/lh-error.js');
-import LHResult from './lhr/lhr';
-import FlowResult_ from './lhr/flow';
+import LHResult from './lhr';
 import Protocol_ from './protocol';
-import * as Settings from './lhr/settings';
+import ReportResult_ from './html-renderer';
 import StructuredData_ from './structured-data';
-import Treemap_ from './lhr/treemap';
+import Treemap_ from './treemap';
 
 // Construct hierarchy of global types under the LH namespace.
 declare global {
   module LH {
     export type ArbitraryEqualityMap = ArbitraryEqualityMap_;
-    export type FlowResult = FlowResult_;
 
     // artifacts.d.ts
     export import Artifacts = Artifacts_.Artifacts;
@@ -47,6 +45,11 @@ declare global {
     export import CrdpCommands = _CrdpMappings.Commands;
 
     // externs.d.ts
+    export import ThrottlingSettings = Externs.ThrottlingSettings;
+    export import ScreenEmulationSettings = Externs.ScreenEmulationSettings;
+    export import SharedFlagsSettings = Externs.SharedFlagsSettings;
+    export import OutputMode = Externs.OutputMode;
+    export import PrecomputedLanternData = Externs.PrecomputedLanternData;
     export import Flags = Externs.Flags;
     export import CliFlags = Externs.CliFlags;
     export import RunnerResult = Externs.RunnerResult;
@@ -57,20 +60,15 @@ declare global {
     export import Result = LHResult;
 
     // i18n.d.ts.
+    export import Locale = I18n.Locale;
     export import IcuMessage = I18n.IcuMessage;
     export import RawIcu = I18n.RawIcu;
     export import FormattedIcu = I18n.FormattedIcu;
+    export import IcuMessagePaths = I18n.IcuMessagePaths;
+    export import I18NRendererStrings = I18n.I18NRendererStrings;
 
     export import Protocol = Protocol_;
-
-    // lhr/settings.d.ts
-    export import Locale = Settings.Locale;
-    export import ThrottlingSettings = Settings.ThrottlingSettings;
-    export import ScreenEmulationSettings = Settings.ScreenEmulationSettings;
-    export import SharedFlagsSettings = Settings.SharedFlagsSettings;
-    export import OutputMode = Settings.OutputMode;
-    export import PrecomputedLanternData = Settings.PrecomputedLanternData;
-
+    export import ReportResult = ReportResult_;
     export import StructuredData = StructuredData_;
     export import Treemap = Treemap_;
   }

package/{report/types/report-result.d.ts → types/html-renderer.d.ts}

@@ -4,24 +4,33 @@
  * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  */
 
-import {Result as AuditResult}  from '../../types/lhr/audit-result';
-import LHResult from '../../types/lhr/lhr';
+import Audit from './audit';
+import LHResult from './lhr';
 
-/**
- * During report generation, the LHR object is transformed a bit for convenience
- * Primarily, the auditResult is added as .result onto the auditRef. We're lazy sometimes. It'll be removed in due time.
- */
+// Add needed DOM APIs not yet in tsc's lib dom.
+declare global {
+  var CompressionStream: {
+    prototype: CompressionStream,
+    new (format: string): CompressionStream,
+  };
+
+  interface CompressionStream extends GenericTransformStream {
+    readonly format: string;
+  }
+}
+
+// During report generation, the LHR object is transformed a bit for convenience
+// Primarily, the auditResult is added as .result onto the auditRef. We're lazy sometimes. It'll be removed in due time.
 interface ReportResult extends LHResult {
   categories: Record<string, ReportResult.Category>;
 }
-
 declare module ReportResult {
   interface Category extends LHResult.Category {
     auditRefs: Array<AuditRef>
   }
 
   interface AuditRef extends LHResult.AuditRef {
-    result: AuditResult;
+    result: Audit.Result;
     stackPacks?: StackPackDescription[];
     relevantMetrics?: ReportResult.AuditRef[];
   }

package/types/{lhr/i18n.d.ts → i18n.d.ts}

@@ -4,8 +4,9 @@
  * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  */
 
-// TODO(bckenny): i18n types should not be necessary for the LHR, but too difficult
-// to unravel from audit-details right now.
+import {Util} from '../report/renderer/util.js';
+
+export type Locale = 'en-US'|'en'|'en-AU'|'en-GB'|'en-IE'|'en-SG'|'en-ZA'|'en-IN'|'ar-XB'|'ar'|'bg'|'ca'|'cs'|'da'|'de'|'el'|'en-XA'|'en-XL'|'es'|'es-419'|'es-AR'|'es-BO'|'es-BR'|'es-BZ'|'es-CL'|'es-CO'|'es-CR'|'es-CU'|'es-DO'|'es-EC'|'es-GT'|'es-HN'|'es-MX'|'es-NI'|'es-PA'|'es-PE'|'es-PR'|'es-PY'|'es-SV'|'es-US'|'es-UY'|'es-VE'|'fi'|'fil'|'fr'|'he'|'hi'|'hr'|'hu'|'gsw'|'id'|'in'|'it'|'iw'|'ja'|'ko'|'lt'|'lv'|'mo'|'nl'|'nb'|'no'|'pl'|'pt'|'pt-PT'|'ro'|'ru'|'sk'|'sl'|'sr'|'sr-Latn'|'sv'|'ta'|'te'|'th'|'tl'|'tr'|'uk'|'vi'|'zh'|'zh-HK'|'zh-TW';
 
 export type IcuMessage = {
   // NOTE: `i18nId` rather than just `id` to make tsc typing easier (vs type branding which won't survive JSON roundtrip).
@@ -49,3 +50,25 @@ export type FormattedIcu<T> = T extends IcuMessage ?
   Exclude<T, IcuMessage> | string :
   // Otherwise recurse into any properties and repeat.
   {[K in keyof T]: FormattedIcu<T[K]>};
+
+/**
+ * Info about an `LH.IcuMessage` value that was localized to a string. Value
+ * is either a
+ *  - path (`_.set()` style) into the original object where the message was replaced
+ *  - those paths and a set of values that were inserted into the localized strings.
+ */
+type IcuMessagePath = string | {path: string, values: Record<string, string | number>};
+
+/**
+ * A representation of `LH.IcuMessage`s that were in an object (e.g. `LH.Result`)
+ * and have been replaced by localized strings. `LH.IcuMessagePaths` provides a
+ * mapping that can be used to change the locale of the object again.
+ * Keyed by ids from the locale message json files, values are information on
+ * how to replace the string if needed.
+ */
+export interface IcuMessagePaths {
+  [i18nId: string]: IcuMessagePath[];
+}
+
+/** Localized strings for the html report renderer. */
+export type I18NRendererStrings = typeof Util['UIStrings'];

package/types/{lhr/lhr.d.ts → lhr.d.ts}

@@ -4,15 +4,15 @@
  * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  */
 
-import {Result as AuditResult} from './audit-result';
-import {ConfigSettings} from './settings';
+import {Artifacts} from './artifacts';
+import Audit from './audit';
+import Config from './config';
+import {I18NRendererStrings, IcuMessagePaths} from './i18n';
 
 /**
  * The full output of a Lighthouse run.
  */
 interface Result {
-  /** Gather mode used to collect artifacts for this result. */
-  gatherMode: Result.GatherMode;
   /** The URL that was supplied to Lighthouse and initially navigated to. */
   requestedUrl: string;
   /** The post-redirects URL that Lighthouse loaded. */
@@ -22,14 +22,14 @@ interface Result {
   /** The version of Lighthouse with which these results were generated. */
   lighthouseVersion: string;
   /** An object containing the results of the audits, keyed by the audits' `id` identifier. */
-  audits: Record<string, AuditResult>;
+  audits: Record<string, Audit.Result>;
   /** The top-level categories, their overall scores, and member audits. */
   categories: Record<string, Result.Category>;
   /** Descriptions of the groups referenced by CategoryMembers. */
   categoryGroups?: Record<string, Result.ReportGroup>;
 
   /** The config settings used for these results. */
-  configSettings: ConfigSettings;
+  configSettings: Config.Settings;
   /** List of top-level warnings for this Lighthouse run. */
   runWarnings: string[];
   /** A top-level error message that, if present, indicates a serious enough problem that this Lighthouse result may need to be discarded. */
@@ -40,8 +40,8 @@ interface Result {
   environment: Result.Environment;
   /** Execution timings for the Lighthouse run */
   timing: Result.Timing;
-  /** Strings for the report and the record of all formatted string locations in the LHR and their corresponding source values. */
-  i18n: {rendererFormattedStrings: Record<string, string>, icuMessagePaths?: Result.IcuMessagePaths};
+  /** The record of all formatted string locations in the LHR and their corresponding source values. */
+  i18n: {rendererFormattedStrings: I18NRendererStrings, icuMessagePaths?: IcuMessagePaths};
   /** An array containing the result of all stack packs. */
   stackPacks?: Result.StackPack[];
 }
@@ -60,20 +60,10 @@ declare module Result {
   }
 
   interface Timing {
-    entries: MeasureEntry[];
+    entries: Artifacts.MeasureEntry[];
     total: number;
   }
 
-  interface MeasureEntry {
-    // From PerformanceEntry
-    readonly duration: number;
-    readonly entryType: string;
-    readonly name: string;
-    readonly startTime: number;
-    /** Whether timing entry was collected during artifact gathering. */
-    gather?: boolean;
-  }
-
   interface Category {
     /** The string identifier of the category. */
     id: string;
@@ -124,28 +114,6 @@ declare module Result {
     /** A set of descriptions for some of Lighthouse's audits, keyed by audit `id`. */
     descriptions: Record<string, string>;
   }
-
-  /**
-   * Info about an `LH.IcuMessage` value that was localized to a string when
-   * included in the LHR. Value is either a
-   *  - path (`_.set()` style) into the original object where the message was replaced
-   *  - those paths and a set of values that were inserted into the localized strings.
-   */
-  type IcuMessagePath = string | {path: string, values: Record<string, string | number>};
-
-  /**
-   * A representation of `LH.IcuMessage`s that were in an object (e.g. `LH.Result`)
-   * and have been replaced by localized strings. `LH.Result.IcuMessagePaths` provides a
-   * mapping that can be used to change the locale of the object again.
-   * Keyed by ids from the locale message json files, values are information on
-   * how to replace the string if needed.
-   */
-  interface IcuMessagePaths {
-    [i18nId: string]: IcuMessagePath[];
-  }
-
-  /** Gather mode used to collect artifacts. */
-  type GatherMode = 'navigation'|'timespan'|'snapshot';
 }
 
 export default Result;

package/types/smokehouse.d.ts

@@ -6,14 +6,14 @@
 
 import {Artifacts} from './artifacts';
 import Config from './config';
-import LHResult from './lhr/lhr';
+import LHResult from './lhr';
 
 declare global {
   module Smokehouse {
     interface ExpectedLHR {
       audits: Record<string, any>;
       requestedUrl: string;
-      finalUrl: string | RegExp;
+      finalUrl: string;
       runWarnings?: Array<string|RegExp>;
       runtimeError?: {
         code?: any;
@@ -24,7 +24,7 @@ declare global {
     export type ExpectedRunnerResult = {
       lhr: ExpectedLHR,
       artifacts?: Partial<Record<keyof Artifacts|'_maxChromiumMilestone'|'_minChromiumMilestone', any>>
-      networkRequests?: {length: number, _legacyOnly?: boolean, _fraggleRockOnly?: boolean};
+      networkRequests?: {length: number};
     }
 
     export interface TestDfn {

package/types/{lhr/treemap.d.ts → treemap.d.ts}

@@ -4,8 +4,8 @@
  * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  */
 
-import {Result as AuditResult} from './audit-result';
-import {Locale} from './settings';
+import Audit from './audit';
+import {Locale} from './i18n';
 
 declare module Treemap {
   interface Options {
@@ -13,7 +13,7 @@ declare module Treemap {
       requestedUrl: string;
       finalUrl: string;
       audits: {
-        'script-treemap-data': AuditResult;
+        'script-treemap-data': Audit.Result;
       };
       configSettings: {
         locale: Locale;

package/flow-report/assets/standalone-flow-template.html

@@ -1,38 +0,0 @@
-<!--
-@license
-Copyright 2021 The Lighthouse Authors. All Rights Reserved.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS-IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
--->
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
-  <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEhklEQVR4AWJxL/BhIAesev1U5tcflpncgNrKIsqNIwzC9feMpDUzs70kOczMzMzJJcxwCTMzncPMnOwtzBwzMzPb0vRfeZPp0VhPS5I39V5fdiXV1/VD+9QC7OVn9BsyH1XIoEI1PfmJvLFowVV564+34DFUHudbmfDh4kVXh//7XwE+WjS/YfXZe3yr4j2rqj1AIhSB7hZ8ZtPZu/zw8cK523U4wE1/rvPfWrz4zs0m9ZdC9yUJAlASdBAgocRegfF/f3/h/PuaFsxMdwjAR0vm1+06eMMfIrhLqTWqdH4EumU2SPfMhigJAlRQbZrgrRsl9U+Y2DYDFCz3ILC9kiAiqSrMwbWT0nceEnR+9Kggc2zjOJCASDENkg0a5HfZZgDP81CM3CrQs2Z1+o7DJ6ePr8sK0AOCHv5Jjdt3evyYSaZ351VIStIxPRAUtrBYbxC6w+BZ0ivVSBKkIhJhemSyZpfB00EiPO2VjzYkxhcqXQqCWCShGplvi3y0QxqbuBurMjyJeWnkHZuAEgIQGsUBqwrfjZ+IlBgKyRJzVVYF8O6qFWdh86YzQzMrZigYmxAyfvHgLZQ/LC1CbeniW2Hkqr/PH16SgvGuf2/uzNMBwJA/njxizGPtSyAf7EziJCMGRDRdhoAC4PL1A/SrKQMAAQkEfpJAcRQdrBJ7gNwjSpJsdwK+CANBkqa1LgQB4IicV9nYUct7gaxuDJUErQIiEAiMxLVOFlKzIktPpT0ggpdpC/8YAHnxbgkUY4tAAFSR7AAXNyAAWHJrA/kHGjzg5nleuwFO7Nd/IoDw4Pm58+4jNLmYG0wRA5bErc2Mr3Y+dXTDW1VvwqbJkzMCHQ4S1GTCBOIgUHJrGdEwqzR+jAp/o2qAZelUDoQnruEEdDclJI6576AlNVfc+22XN/+Y1vnJD0Yind6UpEEvn/Hqq15EYjCW7jZCJEpnNvDgkyelDjs106kuux2AAXCSobULOWP8mLhYlpoDMK4qAFXJGk+grtH8YXVz5KJblqaG1+VUdTc0I290bmUQAriGITRbdQnom0aoFj8kx1+wMD2ifncAXUQE4SkDqN1hE0jEophs1SUwZAOhUAiMCLwRtamtTZtbbmZErSAUHbSysaoEmnrsakiMiUAURi283gN6wans9oX8rOCrj7/JP35DFD+iQ7Au/K2KE1jzx6ujjUnXFH9KjEq6ZlhsTBICrNLJf47Pv/pkHzvup1w4dmUbEei0+bcXRqJuh5kVARQ8byyYxOwNGr7A87xh1tp8sGT+uMInrwi++Xj7TQz2d27NvwEkrOflAFQGIDA5khASBCGdO2/Z/MnLPwYfv5TFhjW7QhVKAB6afwe2LpFlFsCnlQEosgQgDsdOG1/LKeNqJS4JCSPJ/i+TakwEARor7gER1Iva5JmPOJK0RUqmoPnnlzFCtmIAhAAQEIQRgDaiYPIauNXcnDlRIrWNFY3hm7PG9YRqr7IV7HrCgAC17befjEvRq2nGhAHtBqDpOuI/I1diUUAMYIxEdyejBJqLnNoszGZtfiX/CztGv2mq+sdaAAAAAElFTkSuQmCC">
-  <title>Lighthouse Flow Report</title>
-  <style>/*%%LIGHTHOUSE_CSS%%*/</style>
-  <style>/*%%LIGHTHOUSE_FLOW_CSS%%*/</style>
-</head>
-<body class="flow-vars lh-root lh-vars">
-  <noscript>Lighthouse report requires JavaScript. Please enable.</noscript>
-
-  <main><!-- report populated here --></main>
-
-  <script>window.__LIGHTHOUSE_FLOW_JSON__ = %%LIGHTHOUSE_FLOW_JSON%%;</script>
-  <script>%%LIGHTHOUSE_FLOW_JAVASCRIPT%%
-  __initLighthouseFlowReport__();
-  </script>
-  <script>console.log('window.__LIGHTHOUSE_FLOW_JSON__', __LIGHTHOUSE_FLOW_JSON__);</script>
-</body>
-</html>

package/flow-report/assets/styles.css

@@ -1,310 +0,0 @@
-/**
- * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
- */
-
-.flow-vars {
-  --app-font-size: 12px;
-  --base-spacing: 16px;
-  --category-summary-font-size: 18px;
-  --gather-mode-icon-size: 16px;
-  --half-base-spacing: calc(var(--base-spacing) / 2);
-  --sidebar-flow-step-navigation-font-size: 14px;
-  --sidebar-selected-bg-color: #DDEEFF;
-  --sidebar-summary-font-size: 14px;
-  --sidebar-title-font-size: 16px;
-  --summary-flow-step-label-font-size: 16px;
-  --summary-subtitle-font-size: 16px;
-  --summary-title-font-size: 32px;
-}
-
-.App {
-  display: grid;
-  grid-template-areas: "side report";
-  grid-template-columns: min-content auto;
-  height: 100vh;
-  max-width: 100vw;
-  font-size: var(--app-font-size);
-}
-
-.Content {
-  overflow-y: auto;
-}
-
-.FlowSegment {
-  height: 100%;
-  width: var(--gather-mode-icon-size);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 0 18px;
-  color: var(--color-blue-A700);
-}
-
-.FlowSegment__top-line, .FlowSegment__bottom-line {
-  width: 2px;
-  flex-grow: 1;
-  background-color: var(--color-blue-A700);
-}
-
-.CategoryRatio {
-  justify-self: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--category-summary-font-size);
-  min-height: var(--gauge-circle-size);
-  min-width: var(--gauge-circle-size);
-  text-decoration: none;
-}
-.CategoryRatio::before {
-  content: '';
-  height: var(--score-icon-size);
-  width: var(--score-icon-size);
-  margin: var(--score-icon-margin);
-}
-.CategoryRatio--pass {
-  color: var(--color-pass);
-}
-.CategoryRatio--pass::before {
-  background-color: var(--color-pass);
-  border-radius: 50%;
-}
-.CategoryRatio--average {
-  color: var(--color-average);
-}
-.CategoryRatio--average::before {
-  background-color: var(--color-average);
-}
-.CategoryRatio--fail {
-  color: var(--color-fail);
-}
-.CategoryRatio--fail::before {
-  border-left: calc(var(--score-icon-size) / 2) solid transparent;
-  border-right: calc(var(--score-icon-size) / 2) solid transparent;
-  border-bottom: var(--score-icon-size) solid var(--color-fail);
-}
-.CategoryRatio--null {
-  color: var(--color-gray-700);
-}
-.CategoryRatio--null::before {
-  border-radius: 50%;
-  border: 2px solid var(--color-gray-700);
-}
-
-.Separator {
-  height: 1px;
-  width: 100%;
-  background-color: var(--color-gray-300);
-}
-
-.Sidebar {
-  border-right: 1px solid var(--color-gray-300);
-}
-.Sidebar a {
-  color: var(--color-gray-800);
-  text-decoration: none;
-}
-
-.Sidebar--current {
-  background-color: var(--sidebar-selected-bg-color);
-  color: var(--color-blue-A700) !important;
-}
-
-.SidebarHeader {
-  margin: 26px var(--base-spacing);
-}
-.SidebarHeader__title {
-  font-size: var(--sidebar-title-font-size);
-  font-weight: bold;
-  width: max-content;
-}
-.SidebarHeader__date {
-  color: var(--color-gray-700);
-  width: max-content;
-}
-
-.SidebarRuntimeSettings {
-  margin: var(--base-spacing);
-  padding: var(--half-base-spacing);
-  background-color: var(--color-gray-50);
-  border-radius: 3px;
-}
-
-.SidebarRuntimeSettings__item {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
-
-.SidebarRuntimeSettings__item--icon {
-  margin-right: 8px;
-  display: flex;
-  height: 16px;
-  width: 16px;
-  align-items: center;
-  justify-content: center;
-}
-
-.SidebarSummary {
-  width: 100%;
-  display: flex;
-  padding: var(--half-base-spacing) 0px;
-  align-items: center;
-  margin: var(--half-base-spacing) 0px;
-}
-
-.SidebarSummary__icon {
-  display: flex;
-  height: 16px;
-  width: 16px;
-  align-items: center;
-  justify-content: center;
-  /* Flex column-gap workaround for safari */
-  margin: 0px 18px;
-}
-
-.SidebarSummary__label {
-  font-size: var(--sidebar-summary-font-size);
-}
-
-.SidebarFlow {
-  margin: var(--half-base-spacing) 0px;
-}
-
-.SidebarFlowStep {
-  display: flex;
-  padding-right: var(--base-spacing);
-}
-
-.SidebarFlowStep__label {
-  grid-column: 2;
-  margin: var(--half-base-spacing) 0px;
-  justify-self: left;
-}
-.SidebarFlowStep__label--navigation {
-  font-size: var(--sidebar-flow-step-navigation-font-size);
-}
-
-.SidebarFlowSeparator > .FlowSegment {
-  height: var(--half-base-spacing);
-}
-
-.Summary {
-  margin: 0 auto;
-  min-width: var(--report-width);
-  width: max-content;
-  max-width: 90%;
-}
-
-.SummaryHeader {
-  margin: var(--base-spacing) 0;
-}
-
-.SummaryHeader__title {
-  margin: var(--base-spacing) 0;
-  font-size: var(--summary-title-font-size);
-}
-
-.SummaryHeader__subtitle {
-  font-size: var(--summary-subtitle-font-size);
-}
-
-.SummaryFlow {
-  width: 100%;
-  display: grid;
-  grid-auto-rows: min-content;
-  grid-template-columns: min-content min-content 4fr 1fr 1fr 1fr 1fr;
-  align-items: center;
-}
-
-/* Hide top segment of sidebar flow */
-.SidebarFlow > :first-child .FlowSegment > .FlowSegment__top-line {
-  background-color: transparent;
-}
-
-/* Hide end segments of summary flow */
-.SummaryFlow > :first-child > .FlowSegment > .FlowSegment__top-line {
-  background-color: transparent;
-}
-.SummaryFlow > :last-child > .FlowSegment > .FlowSegment__bottom-line {
-  background-color: transparent;
-}
-
-/* Hide segment for first navigation header */
-.SummaryFlow > :first-child .SummaryNavigationHeader .FlowSegment__bottom-line {
-  background-color: transparent;
-}
-.SummaryFlow > :first-child .SummaryNavigationHeader .FlowSegment__top-line {
-  background-color: transparent;
-}
-
-.SummaryFlowStep {
-  display: contents;
-}
-.SummaryFlowStep .FlowSegment {
-  grid-column: 2;
-}
-
-.SummaryFlowStep__screenshot {
-  align-self: center;
-  justify-self: center;
-  margin: var(--base-spacing) var(--half-base-spacing);
-  object-fit: cover;
-  object-position: top left;
-}
-.SummaryFlowStep__screenshot[src] {
-  border: 1px solid var(--color-gray);
-}
-
-.SummaryFlowStep__label {
-  font-size: var(--summary-flow-step-label-font-size);
-  color: var(--color-gray-800);
-  text-decoration: underline;
-  grid-column: 3;
-  margin: var(--half-base-spacing);
-}
-
-.SummaryCategory {
-  margin: var(--half-base-spacing);
-}
-
-.SummaryNavigationHeader {
-  font-size: var(--summary-flow-step-label-font-size);
-  display: contents;
-}
-
-.SummaryNavigationHeader__url,
-.SummaryNavigationHeader__category {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--half-base-spacing);
-  background-color: var(--color-gray-200);
-  text-align: center;
-}
-.SummaryNavigationHeader__url {
-  justify-content: start;
-  text-align: left;
-}
-
-.SummaryFlowStep__divider {
-  display: contents;
-}
-
-.SummaryFlowStep__divider--line {
-  grid-column-end: span 5;
-  height: 1px;
-  background-color: var(--color-gray-300);
-}
-
-.SummaryCategory__null {
-  align-self: center;
-  justify-self: center;
-  height: 2px;
-  width: 10px;
-  margin: auto;
-  background-color: var(--color-gray-700);
-}

package/flow-report/jest.config.js

@@ -1,24 +0,0 @@
-/**
- * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
- */
-
-module.exports = {
-  testEnvironment: 'node',
-  preset: 'ts-jest',
-  globalSetup: './test/setup/global-setup.ts',
-  setupFilesAfterEnv: [
-    './test/setup/env-setup.ts',
-  ],
-  testMatch: [
-    '**/test/**/*-test.ts',
-    '**/test/**/*-test.tsx',
-  ],
-  extensionsToTreatAsEsm: ['.ts', '.tsx'],
-  globals: {
-    'ts-jest': {
-      useESM: true,
-    },
-  },
-};