lighthouse 9.6.8 → 10.0.0

package/lighthouse-core/gather/gatherers/dobetterweb/tags-blocking-first-paint.js

@@ -1,238 +0,0 @@
-/**
- * @license Copyright 2016 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.
- */
-/**
- * @fileoverview
- *   Identifies stylesheets, HTML Imports, and scripts that potentially block
- *   the first paint of the page by running several scripts in the page context.
- *   Candidate blocking tags are collected by querying for all script tags in
- *   the head of the page and all link tags that are either matching media
- *   stylesheets or non-async HTML imports. These are then compared to the
- *   network requests to ensure they were initiated by the parser and not
- *   injected with script. To avoid false positives from strategies like
- *   (http://filamentgroup.github.io/loadCSS/test/preload.html), a separate
- *   script is run to flag all links that at one point were rel=preload.
- */
-
-'use strict';
-
-const NetworkRecords = require('../../../computed/network-records.js');
-const DevtoolsLog = require('../devtools-log.js');
-const FRGatherer = require('../../../fraggle-rock/gather/base-gatherer.js');
-
-/* global document, window, HTMLLinkElement, SVGScriptElement */
-
-/** @typedef {{href: string, media: string, msSinceHTMLEnd: number, matches: boolean}} MediaChange */
-/** @typedef {{tagName: 'LINK', url: string, href: string, rel: string, media: string, disabled: boolean, mediaChanges: Array<MediaChange>}} LinkTag */
-/** @typedef {{tagName: 'SCRIPT', url: string, src: string}} ScriptTag */
-
-/* c8 ignore start */
-function installMediaListener() {
-  // @ts-expect-error - inserted in page to track media changes.
-  window.___linkMediaChanges = [];
-  Object.defineProperty(HTMLLinkElement.prototype, 'media', {
-    set: function(val) {
-      /** @type {MediaChange} */
-      const mediaChange = {
-        href: this.href,
-        media: val,
-        msSinceHTMLEnd: Date.now() - performance.timing.responseEnd,
-        matches: window.matchMedia(val).matches,
-      };
-      // @ts-expect-error - `___linkMediaChanges` created above.
-      window.___linkMediaChanges.push(mediaChange);
-
-      this.setAttribute('media', val);
-    },
-  });
-}
-/* c8 ignore stop */
-
-/**
- * @return {Promise<Array<LinkTag | ScriptTag>>}
- */
-/* c8 ignore start */
-async function collectTagsThatBlockFirstPaint() {
-  /** @type {Array<MediaChange>} */
-  // @ts-expect-error - `___linkMediaChanges` created in `installMediaListener`.
-  const linkMediaChanges = window.___linkMediaChanges;
-
-  try {
-    /** @type {Array<LinkTag>} */
-    const linkTags = [...document.querySelectorAll('link')]
-      .filter(linkTag => {
-        // Filter stylesheet/HTML imports that block rendering.
-        // https://www.igvita.com/2012/06/14/debunking-responsive-css-performance-myths/
-        // https://www.w3.org/TR/html-imports/#dfn-import-async-attribute
-        const blockingStylesheet = linkTag.rel === 'stylesheet' &&
-          window.matchMedia(linkTag.media).matches && !linkTag.disabled;
-        const blockingImport = linkTag.rel === 'import' && !linkTag.hasAttribute('async');
-        return blockingStylesheet || blockingImport;
-      })
-      .map(tag => {
-        return {
-          tagName: 'LINK',
-          url: tag.href,
-          href: tag.href,
-          rel: tag.rel,
-          media: tag.media,
-          disabled: tag.disabled,
-          mediaChanges: linkMediaChanges.filter(item => item.href === tag.href),
-        };
-      });
-
-    /** @type {Array<ScriptTag>} */
-    const scriptTags = [...document.querySelectorAll('head script[src]')]
-      .filter(/** @return {scriptTag is HTMLScriptElement} */ scriptTag => {
-        // SVGScriptElement can't appear in <head> (it'll be kicked to <body>), but keep tsc happy.
-        // https://html.spec.whatwg.org/multipage/semantics.html#the-head-element
-        if (scriptTag instanceof SVGScriptElement) return false;
-
-        return (
-          !scriptTag.hasAttribute('async') &&
-          !scriptTag.hasAttribute('defer') &&
-          !/^data:/.test(scriptTag.src) &&
-          !/^blob:/.test(scriptTag.src) &&
-          scriptTag.getAttribute('type') !== 'module'
-        );
-      })
-      .map(tag => {
-        return {
-          tagName: 'SCRIPT',
-          url: tag.src,
-          src: tag.src,
-        };
-      });
-
-    return [...linkTags, ...scriptTags];
-  } catch (e) {
-    const friendly = 'Unable to gather Scripts/Stylesheets/HTML Imports on the page';
-    throw new Error(`${friendly}: ${e.message}`);
-  }
-}
-/* c8 ignore stop */
-
-class TagsBlockingFirstPaint extends FRGatherer {
-  /** @type {LH.Gatherer.GathererMeta<'DevtoolsLog'>} */
-  meta = {
-    supportedModes: ['navigation'],
-    dependencies: {DevtoolsLog: DevtoolsLog.symbol},
-  };
-
-  /**
-   * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {Map<string, LH.Artifacts.NetworkRequest>}
-   */
-  static _filteredAndIndexedByUrl(networkRecords) {
-    /** @type {Map<string, LH.Artifacts.NetworkRequest>} */
-    const result = new Map();
-
-    for (const record of networkRecords) {
-      if (!record.finished) continue;
-
-      const isParserGenerated = record.initiator.type === 'parser';
-      // A stylesheet only blocks script if it was initiated by the parser
-      // https://html.spec.whatwg.org/multipage/semantics.html#interactions-of-styling-and-scripting
-      const isParserScriptOrStyle = /(css|script)/.test(record.mimeType) && isParserGenerated;
-      const isFailedRequest = record.failed;
-      const isHtml = record.mimeType && record.mimeType.includes('html');
-
-      // Filter stylesheet, javascript, and html import mimetypes.
-      // Include 404 scripts/links generated by the parser because they are likely blocking.
-      if (isHtml || isParserScriptOrStyle || (isFailedRequest && isParserGenerated)) {
-        result.set(record.url, record);
-      }
-    }
-
-    return result;
-  }
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalDriver} driver
-   * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {Promise<Array<LH.Artifacts.TagBlockingFirstPaint>>}
-   */
-  static async findBlockingTags(driver, networkRecords) {
-    const firstRequestEndTime = networkRecords.reduce(
-      (min, record) => Math.min(min, record.endTime),
-      Infinity
-    );
-    const tags = await driver.executionContext.evaluate(collectTagsThatBlockFirstPaint, {args: []});
-    const requests = TagsBlockingFirstPaint._filteredAndIndexedByUrl(networkRecords);
-
-    /** @type {Array<LH.Artifacts.TagBlockingFirstPaint>} */
-    const result = [];
-    for (const tag of tags) {
-      const request = requests.get(tag.url);
-      if (!request || request.isLinkPreload) continue;
-
-      let endTime = request.endTime;
-      let mediaChanges;
-
-      if (tag.tagName === 'LINK') {
-        // Even if the request was initially blocking or appeared to be blocking once the
-        // page was loaded, the media attribute could have been changed during load, capping the
-        // amount of time it was render blocking. See https://github.com/GoogleChrome/lighthouse/issues/2832.
-        const timesResourceBecameNonBlocking = tag.mediaChanges
-          .filter(change => !change.matches)
-          .map(change => change.msSinceHTMLEnd);
-        if (timesResourceBecameNonBlocking.length > 0) {
-          const earliestNonBlockingTime = Math.min(...timesResourceBecameNonBlocking);
-          const lastTimeResourceWasBlocking = Math.max(
-            request.startTime,
-            firstRequestEndTime + earliestNonBlockingTime / 1000
-          );
-          endTime = Math.min(endTime, lastTimeResourceWasBlocking);
-        }
-
-        mediaChanges = tag.mediaChanges;
-      }
-
-      const {tagName, url} = tag;
-
-      result.push({
-        tag: {tagName, url, mediaChanges},
-        transferSize: request.transferSize,
-        startTime: request.startTime,
-        endTime,
-      });
-
-      // Prevent duplicates from showing up again
-      requests.delete(tag.url);
-    }
-
-    return result;
-  }
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalContext} context
-   */
-  async startSensitiveInstrumentation(context) {
-    const {executionContext} = context.driver;
-    // Don't return return value of `evaluateOnNewDocument`.
-    await executionContext.evaluateOnNewDocument(installMediaListener, {args: []});
-  }
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalContext<'DevtoolsLog'>} context
-   * @return {Promise<LH.Artifacts['TagsBlockingFirstPaint']>}
-   */
-  async getArtifact(context) {
-    const devtoolsLog = context.dependencies.DevtoolsLog;
-    const networkRecords = await NetworkRecords.request(devtoolsLog, context);
-    return TagsBlockingFirstPaint.findBlockingTags(context.driver, networkRecords);
-  }
-
-  /**
-   * @param {LH.Gatherer.PassContext} passContext
-   * @param {LH.Gatherer.LoadData} loadData
-   * @return {Promise<LH.Artifacts['TagsBlockingFirstPaint']>}
-   */
-  afterPass(passContext, loadData) {
-    return TagsBlockingFirstPaint.findBlockingTags(passContext.driver, loadData.networkRecords);
-  }
-}
-
-module.exports = TagsBlockingFirstPaint;

package/lighthouse-core/gather/gatherers/full-page-screenshot.js

@@ -1,235 +0,0 @@
-/**
- * @license Copyright 2020 Google Inc. 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.
- */
-'use strict';
-
-/* globals window document getBoundingClientRect requestAnimationFrame */
-
-const FRGatherer = require('../../fraggle-rock/gather/base-gatherer.js');
-const emulation = require('../../lib/emulation.js');
-const pageFunctions = require('../../lib/page-functions.js');
-const NetworkMonitor = require('../driver/network-monitor.js');
-const {waitForNetworkIdle} = require('../driver/wait-for-condition.js');
-
-// JPEG quality setting
-// Exploration and examples of reports using different quality settings: https://docs.google.com/document/d/1ZSffucIca9XDW2eEwfoevrk-OTl7WQFeMf0CgeJAA8M/edit#
-const FULL_PAGE_SCREENSHOT_QUALITY = 30;
-
-/**
- * @template {string} S
- * @param {S} str
- */
-function kebabCaseToCamelCase(str) {
-  return /** @type {KebabToCamelCase<S>} */ (str.replace(/(-\w)/g, m => m[1].toUpperCase()));
-}
-
-/* c8 ignore start */
-
-function getObservedDeviceMetrics() {
-  // Convert the Web API's kebab case (landscape-primary) to camel case (landscapePrimary).
-  const screenOrientationType = kebabCaseToCamelCase(window.screen.orientation.type);
-  return {
-    width: document.documentElement.clientWidth,
-    height: document.documentElement.clientHeight,
-    screenOrientation: {
-      type: screenOrientationType,
-      angle: window.screen.orientation.angle,
-    },
-    deviceScaleFactor: window.devicePixelRatio,
-  };
-}
-
-function waitForDoubleRaf() {
-  return new Promise((resolve) => {
-    requestAnimationFrame(() => requestAnimationFrame(resolve));
-  });
-}
-
-/* c8 ignore stop */
-
-class FullPageScreenshot extends FRGatherer {
-  /** @type {LH.Gatherer.GathererMeta} */
-  meta = {
-    supportedModes: ['snapshot', 'timespan', 'navigation'],
-  };
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalContext} context
-   * @return {Promise<number>}
-   * @see https://bugs.chromium.org/p/chromium/issues/detail?id=770769
-   */
-  async getMaxTextureSize(context) {
-    return await context.driver.executionContext.evaluate(pageFunctions.getMaxTextureSize, {
-      args: [],
-      useIsolation: true,
-      deps: [],
-    });
-  }
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalContext} context
-   * @param {{height: number, width: number, mobile: boolean}} deviceMetrics
-   * @return {Promise<LH.Artifacts.FullPageScreenshot['screenshot']>}
-   */
-  async _takeScreenshot(context, deviceMetrics) {
-    const session = context.driver.defaultSession;
-    const maxTextureSize = await this.getMaxTextureSize(context);
-    const metrics = await session.sendCommand('Page.getLayoutMetrics');
-
-    // Height should be as tall as the content.
-    // Scale the emulated height to reach the content height.
-    const fullHeight = Math.round(
-      deviceMetrics.height *
-      metrics.contentSize.height /
-      metrics.layoutViewport.clientHeight
-    );
-    const height = Math.min(fullHeight, maxTextureSize);
-
-    // Setup network monitor before we change the viewport.
-    const networkMonitor = new NetworkMonitor(session);
-    const waitForNetworkIdleResult = waitForNetworkIdle(session, networkMonitor, {
-      pretendDCLAlreadyFired: true,
-      networkQuietThresholdMs: 1000,
-      busyEvent: 'network-critical-busy',
-      idleEvent: 'network-critical-idle',
-      isIdle: recorder => recorder.isCriticalIdle(),
-    });
-    await networkMonitor.enable();
-
-    await session.sendCommand('Emulation.setDeviceMetricsOverride', {
-      mobile: deviceMetrics.mobile,
-      deviceScaleFactor: 1,
-      height,
-      width: 0, // Leave width unchanged
-    });
-
-    // Now that the viewport is taller, give the page some time to fetch new resources that
-    // are now in view.
-    await Promise.race([
-      new Promise(resolve => setTimeout(resolve, 1000 * 5)),
-      waitForNetworkIdleResult.promise,
-    ]);
-    waitForNetworkIdleResult.cancel();
-    await networkMonitor.disable();
-
-    // Now that new resources are (probably) fetched, wait long enough for a layout.
-    await context.driver.executionContext.evaluate(waitForDoubleRaf, {args: []});
-
-    const result = await session.sendCommand('Page.captureScreenshot', {
-      format: 'jpeg',
-      quality: FULL_PAGE_SCREENSHOT_QUALITY,
-    });
-    const data = 'data:image/jpeg;base64,' + result.data;
-
-    return {
-      data,
-      width: deviceMetrics.width,
-      height,
-    };
-  }
-
-  /**
-   * Gatherers can collect details about DOM nodes, including their position on the page.
-   * Layout shifts occuring after a gatherer runs can cause these positions to be incorrect,
-   * resulting in a poor experience for element screenshots.
-   * `getNodeDetails` maintains a collection of DOM objects in the page, which we can iterate
-   * to re-collect the bounding client rectangle.
-   * @see pageFunctions.getNodeDetails
-   * @param {LH.Gatherer.FRTransitionalContext} context
-   * @return {Promise<LH.Artifacts.FullPageScreenshot['nodes']>}
-   */
-  async _resolveNodes(context) {
-    function resolveNodes() {
-      /** @type {LH.Artifacts.FullPageScreenshot['nodes']} */
-      const nodes = {};
-      if (!window.__lighthouseNodesDontTouchOrAllVarianceGoesAway) return nodes;
-
-      const lhIdToElements = window.__lighthouseNodesDontTouchOrAllVarianceGoesAway;
-      for (const [node, id] of lhIdToElements.entries()) {
-        // @ts-expect-error - getBoundingClientRect put into scope via stringification
-        const rect = getBoundingClientRect(node);
-        nodes[id] = rect;
-      }
-
-      return nodes;
-    }
-
-    /**
-     * @param {{useIsolation: boolean}} _
-     */
-    function resolveNodesInPage({useIsolation}) {
-      return context.driver.executionContext.evaluate(resolveNodes, {
-        args: [],
-        useIsolation,
-        deps: [pageFunctions.getBoundingClientRectString],
-      });
-    }
-
-    // Collect nodes with the page context (`useIsolation: false`) and with our own, reused
-    // context (`useIsolation: true`). Gatherers use both modes when collecting node details,
-    // so we must do the same here too.
-    const pageContextResult = await resolveNodesInPage({useIsolation: false});
-    const isolatedContextResult = await resolveNodesInPage({useIsolation: true});
-    return {...pageContextResult, ...isolatedContextResult};
-  }
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalContext} context
-   * @return {Promise<LH.Artifacts['FullPageScreenshot']>}
-   */
-  async getArtifact(context) {
-    const session = context.driver.defaultSession;
-    const executionContext = context.driver.executionContext;
-    const settings = context.settings;
-    const lighthouseControlsEmulation = !settings.screenEmulation.disabled;
-
-    // Make a copy so we don't modify the config settings.
-    /** @type {{width: number, height: number, deviceScaleFactor: number, mobile: boolean}} */
-    const deviceMetrics = {...settings.screenEmulation};
-
-    // In case some other program is controlling emulation, remember what the device looks like now and reset after gatherer is done.
-    // If we're gathering with mobile screenEmulation on (overlay scrollbars, etc), continue to use that for this screenshot.
-    if (!lighthouseControlsEmulation) {
-      const observedDeviceMetrics = await executionContext.evaluate(getObservedDeviceMetrics, {
-        args: [],
-        useIsolation: true,
-        deps: [kebabCaseToCamelCase],
-      });
-      deviceMetrics.height = observedDeviceMetrics.height;
-      deviceMetrics.width = observedDeviceMetrics.width;
-      deviceMetrics.deviceScaleFactor = observedDeviceMetrics.deviceScaleFactor;
-      // If screen emulation is disabled, use formFactor to determine if we are on mobile.
-      deviceMetrics.mobile = settings.formFactor === 'mobile';
-    }
-
-    try {
-      return {
-        screenshot: await this._takeScreenshot(context, deviceMetrics),
-        nodes: await this._resolveNodes(context),
-      };
-    } finally {
-      // Revert resized page.
-      if (lighthouseControlsEmulation) {
-        await emulation.emulate(session, settings);
-      } else {
-        // Best effort to reset emulation to what it was.
-        // https://github.com/GoogleChrome/lighthouse/pull/10716#discussion_r428970681
-        // TODO: seems like this would be brittle. Should at least work for devtools, but what
-        // about scripted puppeteer usages? Better to introduce a "setEmulation" callback
-        // in the LH runner api, which for ex. puppeteer consumers would setup puppeteer emulation,
-        // and then just call that to reset?
-        // https://github.com/GoogleChrome/lighthouse/issues/11122
-        await session.sendCommand('Emulation.setDeviceMetricsOverride', {
-          mobile: deviceMetrics.mobile,
-          deviceScaleFactor: deviceMetrics.deviceScaleFactor,
-          height: deviceMetrics.height,
-          width: 0, // Leave width unchanged
-        });
-      }
-    }
-  }
-}
-
-module.exports = FullPageScreenshot;

package/lighthouse-core/gather/gatherers/gatherer.js

@@ -1,59 +0,0 @@
-/**
- * @license Copyright 2016 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.
- */
-'use strict';
-
-/**
- * Base class for all gatherers; defines pass lifecycle methods. The artifact
- * from the gatherer is the last not-undefined value returned by a lifecycle
- * method. All methods can return the artifact value directly or return a
- * Promise that resolves to that value.
- *
- * If an Error is thrown (or a Promise that rejects on an Error),
- * the runner will treat it as an error internal to the gatherer and
- * continue execution of any remaining gatherers.
- *
- * @implements {LH.Gatherer.GathererInstance}
- */
-class Gatherer {
-  /**
-   * @return {keyof LH.GathererArtifacts}
-   */
-  get name() {
-    // @ts-expect-error - assume that class name has been added to LH.GathererArtifacts.
-    return this.constructor.name;
-  }
-
-  /* eslint-disable no-unused-vars */
-
-  /**
-   * Called before navigation to target url.
-   * @param {LH.Gatherer.PassContext} passContext
-   * @return {LH.Gatherer.PhaseResult}
-   */
-  beforePass(passContext) { }
-
-  /**
-   * Called after target page is loaded. If a trace is enabled for this pass,
-   * the trace is still being recorded.
-   * @param {LH.Gatherer.PassContext} passContext
-   * @return {LH.Gatherer.PhaseResult}
-   */
-  pass(passContext) { }
-
-  /**
-   * Called after target page is loaded, all gatherer `pass` methods have been
-   * executed, and — if generated in this pass — the trace is ended. The trace
-   * and record of network activity are provided in `loadData`.
-   * @param {LH.Gatherer.PassContext} passContext
-   * @param {LH.Gatherer.LoadData} loadData
-   * @return {LH.Gatherer.PhaseResult}
-   */
-  afterPass(passContext, loadData) { }
-
-  /* eslint-enable no-unused-vars */
-}
-
-module.exports = Gatherer;

package/lighthouse-core/gather/gatherers/global-listeners.js

@@ -1,92 +0,0 @@
-/**
- * @license Copyright 2020 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.
- */
-'use strict';
-
-/**
- * @fileoverview
- * A gatherer to collect information about the event listeners registered on the
- * global object. For now, the scope is narrowed to events that occur on and
- * around page unload, but this can be expanded in the future.
- */
-
-const FRGatherer = require('../../fraggle-rock/gather/base-gatherer.js');
-
-class GlobalListeners extends FRGatherer {
-  /** @type {LH.Gatherer.GathererMeta} */
-  meta = {
-    supportedModes: ['snapshot', 'timespan', 'navigation'],
-  };
-
-  /**
-   * @param {LH.Crdp.DOMDebugger.EventListener} listener
-   * @return {listener is {type: 'pagehide'|'unload'|'visibilitychange'} & LH.Crdp.DOMDebugger.EventListener}
-   */
-  static _filterForAllowlistedTypes(listener) {
-    return listener.type === 'pagehide' ||
-      listener.type === 'unload' ||
-      listener.type === 'visibilitychange';
-  }
-
-  /**
-   * @param { LH.Artifacts.GlobalListener } listener
-   * @return { string }
-   */
-  getListenerIndentifier(listener) {
-    return `${listener.type}:${listener.scriptId}:${listener.columnNumber}:${listener.lineNumber}`;
-  }
-
-  /**
-   * @param { LH.Artifacts['GlobalListeners'] } listeners
-   * @return { LH.Artifacts['GlobalListeners'] }
-   */
-  dedupeListeners(listeners) {
-    const seenListeners = new Set();
-    return listeners.filter(listener => {
-      const id = this.getListenerIndentifier(listener);
-      if (!seenListeners.has(id)) {
-        seenListeners.add(id);
-        return true;
-      } else {
-        return false;
-      }
-    });
-  }
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalContext} passContext
-   * @return {Promise<LH.Artifacts['GlobalListeners']>}
-   */
-  async getArtifact(passContext) {
-    const session = passContext.driver.defaultSession;
-
-    // Get a RemoteObject handle to `window`.
-    const {result: {objectId}} = await session.sendCommand('Runtime.evaluate', {
-      expression: 'window',
-      returnByValue: false,
-    });
-    if (!objectId) {
-      throw new Error('Error fetching information about the global object');
-    }
-
-    // And get all its listeners of interest.
-    const {listeners} = await session.sendCommand('DOMDebugger.getEventListeners', {objectId});
-    const filteredListeners = listeners.filter(GlobalListeners._filterForAllowlistedTypes)
-    .map(listener => {
-      const {type, scriptId, lineNumber, columnNumber} = listener;
-      return {
-        type,
-        scriptId,
-        lineNumber,
-        columnNumber,
-      };
-    });
-
-    // Dedupe listeners with same underlying data.
-    return this.dedupeListeners(filteredListeners);
-  }
-}
-
-module.exports = GlobalListeners;

package/lighthouse-core/gather/gatherers/iframe-elements.js

@@ -1,65 +0,0 @@
-/**
- * @license Copyright 2019 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.
- */
-'use strict';
-
-/* global getNodeDetails */
-
-const FRGatherer = require('../../fraggle-rock/gather/base-gatherer.js');
-const pageFunctions = require('../../lib/page-functions.js');
-
-/* eslint-env browser, node */
-
-/**
- * @return {LH.Artifacts['IFrameElements']}
- */
-/* c8 ignore start */
-function collectIFrameElements() {
-  // @ts-expect-error - put into scope via stringification
-  const iFrameElements = getElementsInDocument('iframe'); // eslint-disable-line no-undef
-  return iFrameElements.map(/** @param {HTMLIFrameElement} node */ (node) => {
-    const clientRect = node.getBoundingClientRect();
-    const {top, bottom, left, right, width, height} = clientRect;
-    return {
-      id: node.id,
-      src: node.src,
-      clientRect: {top, bottom, left, right, width, height},
-      // @ts-expect-error - put into scope via stringification
-      isPositionFixed: isPositionFixed(node), // eslint-disable-line no-undef
-      // @ts-expect-error - getNodeDetails put into scope via stringification
-      node: getNodeDetails(node),
-    };
-  });
-}
-/* c8 ignore stop */
-
-class IFrameElements extends FRGatherer {
-  /** @type {LH.Gatherer.GathererMeta} */
-  meta = {
-    supportedModes: ['snapshot', 'navigation'],
-  };
-
-  /**
-   * @param {LH.Gatherer.FRTransitionalContext} passContext
-   * @return {Promise<LH.Artifacts['IFrameElements']>}
-   * @override
-   */
-  async getArtifact(passContext) {
-    const driver = passContext.driver;
-
-    const iframeElements = await driver.executionContext.evaluate(collectIFrameElements, {
-      args: [],
-      useIsolation: true,
-      deps: [
-        pageFunctions.getElementsInDocumentString,
-        pageFunctions.isPositionFixedString,
-        pageFunctions.getNodeDetailsString,
-      ],
-    });
-    return iframeElements;
-  }
-}
-
-module.exports = IFrameElements;