lighthouse 9.6.7 → 10.0.0

package/lighthouse-core/audits/audit.js

@@ -1,391 +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';
-
-const {isUnderTest} = require('../lib/lh-env.js');
-const statistics = require('../lib/statistics.js');
-const {Util} = require('../util-commonjs.js');
-
-const DEFAULT_PASS = 'defaultPass';
-
-/**
- * Clamp figure to 2 decimal places
- * @param {number} val
- * @return {number}
- */
-const clampTo2Decimals = val => Math.round(val * 100) / 100;
-
-class Audit {
-  /**
-   * @return {string}
-   */
-  static get DEFAULT_PASS() {
-    return DEFAULT_PASS;
-  }
-
-  /**
-   * @return {LH.Audit.ScoreDisplayModes}
-   */
-  static get SCORING_MODES() {
-    return {
-      NUMERIC: 'numeric',
-      BINARY: 'binary',
-      MANUAL: 'manual',
-      INFORMATIVE: 'informative',
-      NOT_APPLICABLE: 'notApplicable',
-      ERROR: 'error',
-    };
-  }
-
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    throw new Error('Audit meta information must be overridden.');
-  }
-
-  /**
-   * @return {Object}
-   */
-  static get defaultOptions() {
-    return {};
-  }
-
-  /* eslint-disable no-unused-vars */
-
-  /**
-   *
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {LH.Audit.Product|Promise<LH.Audit.Product>}
-   */
-  static audit(artifacts, context) {
-    throw new Error('audit() method must be overriden');
-  }
-
-  /* eslint-enable no-unused-vars */
-
-  /**
-   * Computes a score between 0 and 1 based on the measured `value`. Score is determined by
-   * considering a log-normal distribution governed by two control points (the 10th
-   * percentile value and the median value) and represents the percentage of sites that are
-   * greater than `value`.
-   *
-   * Score characteristics:
-   * - within [0, 1]
-   * - rounded to two digits
-   * - value must meet or beat a controlPoint value to meet or exceed its percentile score:
-   *   - value > median will give a score < 0.5; value ≤ median will give a score ≥ 0.5.
-   *   - value > p10 will give a score < 0.9; value ≤ p10 will give a score ≥ 0.9.
-   * - values < p10 will get a slight boost so a score of 1 is achievable by a
-   *   `value` other than those close to 0. Scores of > ~0.99524 end up rounded to 1.
-   * @param {{median: number, p10: number}} controlPoints
-   * @param {number} value
-   * @return {number}
-   */
-  static computeLogNormalScore(controlPoints, value) {
-    let percentile = statistics.getLogNormalScore(controlPoints, value);
-    // Add a boost to scores of 90+, linearly ramping from 0 at 0.9 to half a
-    // point (0.005) at 1. Expands scores in (0.9, 1] to (0.9, 1.005], so more top
-    // scores will be a perfect 1 after the two-digit `Math.floor()` rounding below.
-    if (percentile > 0.9) { // getLogNormalScore ensures `percentile` can't exceed 1.
-      percentile += 0.05 * (percentile - 0.9);
-    }
-    return Math.floor(percentile * 100) / 100;
-  }
-
-  /**
-   * This catches typos in the `key` property of a heading definition of table/opportunity details.
-   * Throws an error if any of keys referenced by headings don't exist in at least one of the items.
-   *
-   * @param {LH.Audit.Details.Table['headings']|LH.Audit.Details.Opportunity['headings']} headings
-   * @param {LH.Audit.Details.Opportunity['items']|LH.Audit.Details.Table['items']} items
-   */
-  static assertHeadingKeysExist(headings, items) {
-    // If there are no items, there's nothing to check.
-    if (!items.length) return;
-    // Only do this in tests for now.
-    if (!isUnderTest) return;
-
-    for (const heading of headings) {
-      // `null` heading key means it's a column for subrows only
-      if (heading.key === null) continue;
-
-      const key = heading.key;
-      if (items.some(item => key in item)) continue;
-      throw new Error(`"${heading.key}" is missing from items`);
-    }
-  }
-
-  /**
-   * @param {LH.Audit.Details.Table['headings']} headings
-   * @param {LH.Audit.Details.Table['items']} results
-   * @param {LH.Audit.Details.Table['summary']=} summary
-   * @return {LH.Audit.Details.Table}
-   */
-  static makeTableDetails(headings, results, summary) {
-    if (results.length === 0) {
-      return {
-        type: 'table',
-        headings: [],
-        items: [],
-        summary,
-      };
-    }
-
-    Audit.assertHeadingKeysExist(headings, results);
-
-    return {
-      type: 'table',
-      headings: headings,
-      items: results,
-      summary,
-    };
-  }
-
-  /**
-   * @param {LH.Audit.Details.List['items']} items
-   * @return {LH.Audit.Details.List}
-   */
-  static makeListDetails(items) {
-    return {
-      type: 'list',
-      items: items,
-    };
-  }
-
-  /** @typedef {{
-   * content: string;
-   * title: string;
-   * lineMessages: LH.Audit.Details.SnippetValue['lineMessages'];
-   * generalMessages: LH.Audit.Details.SnippetValue['generalMessages'];
-   * node?: LH.Audit.Details.NodeValue;
-   * maxLineLength?: number;
-   * maxLinesAroundMessage?: number;
-   * }} SnippetInfo */
-  /**
-   * @param {SnippetInfo} snippetInfo
-   * @return {LH.Audit.Details.SnippetValue}
-   */
-  static makeSnippetDetails({
-    content,
-    title,
-    lineMessages,
-    generalMessages,
-    node,
-    maxLineLength = 200,
-    maxLinesAroundMessage = 20,
-  }) {
-    const allLines = Audit._makeSnippetLinesArray(content, maxLineLength);
-    const lines = Util.filterRelevantLines(allLines, lineMessages, maxLinesAroundMessage);
-    return {
-      type: 'snippet',
-      lines,
-      title,
-      lineMessages,
-      generalMessages,
-      lineCount: allLines.length,
-      node,
-    };
-  }
-
-  /**
-   * @param {string} content
-   * @param {number} maxLineLength
-   * @return {LH.Audit.Details.SnippetValue['lines']}
-   */
-  static _makeSnippetLinesArray(content, maxLineLength) {
-    return content.split('\n').map((line, lineIndex) => {
-      const lineNumber = lineIndex + 1;
-      /** @type LH.Audit.Details.SnippetValue['lines'][0] */
-      const lineDetail = {
-        content: line.slice(0, maxLineLength),
-        lineNumber,
-      };
-      if (line.length > maxLineLength) {
-        lineDetail.truncated = true;
-      }
-      return lineDetail;
-    });
-  }
-
-  /**
-   * @param {LH.Audit.Details.Opportunity['headings']} headings
-   * @param {LH.Audit.Details.Opportunity['items']} items
-   * @param {number} overallSavingsMs
-   * @param {number=} overallSavingsBytes
-   * @return {LH.Audit.Details.Opportunity}
-   */
-  static makeOpportunityDetails(headings, items, overallSavingsMs, overallSavingsBytes) {
-    Audit.assertHeadingKeysExist(headings, items);
-
-    return {
-      type: 'opportunity',
-      headings: items.length === 0 ? [] : headings,
-      items,
-      overallSavingsMs,
-      overallSavingsBytes,
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.NodeDetails} node
-   * @return {LH.Audit.Details.NodeValue}
-   */
-  static makeNodeItem(node) {
-    return {
-      type: 'node',
-      lhId: node.lhId,
-      path: node.devtoolsNodePath,
-      selector: node.selector,
-      boundingRect: node.boundingRect,
-      snippet: node.snippet,
-      nodeLabel: node.nodeLabel,
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.Bundle} bundle
-   * @param {number} generatedLine
-   * @param {number} generatedColumn
-   * @return {LH.Audit.Details.SourceLocationValue['original']}
-   */
-  static _findOriginalLocation(bundle, generatedLine, generatedColumn) {
-    const entry = bundle?.map.findEntry(generatedLine, generatedColumn);
-    if (!entry) return;
-
-    return {
-      file: entry.sourceURL || '',
-      line: entry.sourceLineNumber || 0,
-      column: entry.sourceColumnNumber || 0,
-    };
-  }
-
-  /**
-   * @param {string} url
-   * @param {number} line 0-indexed
-   * @param {number} column 0-indexed
-   * @param {LH.Artifacts.Bundle=} bundle
-   * @return {LH.Audit.Details.SourceLocationValue}
-   */
-  static makeSourceLocation(url, line, column, bundle) {
-    return {
-      type: 'source-location',
-      url,
-      urlProvider: 'network',
-      line,
-      column,
-      original: bundle && this._findOriginalLocation(bundle, line, column),
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.ConsoleMessage} entry
-   * @param {LH.Artifacts.Bundle=} bundle
-   * @return {LH.Audit.Details.SourceLocationValue | undefined}
-   */
-  static makeSourceLocationFromConsoleMessage(entry, bundle) {
-    if (!entry.url) return;
-
-    const line = entry.lineNumber || 0;
-    const column = entry.columnNumber || 0;
-    return this.makeSourceLocation(entry.url, line, column, bundle);
-  }
-
-  /**
-   * @param {number|null} score
-   * @param {LH.Audit.ScoreDisplayMode} scoreDisplayMode
-   * @param {string} auditId
-   * @return {number|null}
-   */
-  static _normalizeAuditScore(score, scoreDisplayMode, auditId) {
-    if (scoreDisplayMode !== Audit.SCORING_MODES.BINARY &&
-        scoreDisplayMode !== Audit.SCORING_MODES.NUMERIC) {
-      return null;
-    }
-
-    // Otherwise, score must be a number in [0, 1].
-    if (score === null || !Number.isFinite(score)) {
-      throw new Error(`Invalid score for ${auditId}: ${score}`);
-    }
-    if (score > 1) throw new Error(`Audit score for ${auditId} is > 1`);
-    if (score < 0) throw new Error(`Audit score for ${auditId} is < 0`);
-
-    score = clampTo2Decimals(score);
-
-    return score;
-  }
-
-  /**
-   * @param {typeof Audit} audit
-   * @param {string | LH.IcuMessage} errorMessage
-   * @return {LH.RawIcu<LH.Audit.Result>}
-   */
-  static generateErrorAuditResult(audit, errorMessage) {
-    return Audit.generateAuditResult(audit, {
-      score: null,
-      errorMessage,
-    });
-  }
-
-  /**
-   * @param {typeof Audit} audit
-   * @param {LH.Audit.Product} product
-   * @return {LH.RawIcu<LH.Audit.Result>}
-   */
-  static generateAuditResult(audit, product) {
-    if (product.score === undefined) {
-      throw new Error('generateAuditResult requires a score');
-    }
-
-    // Default to binary scoring.
-    let scoreDisplayMode = audit.meta.scoreDisplayMode || Audit.SCORING_MODES.BINARY;
-
-    // But override if product contents require it.
-    if (product.errorMessage) {
-      // Error result.
-      scoreDisplayMode = Audit.SCORING_MODES.ERROR;
-    } else if (product.notApplicable) {
-      // Audit was determined to not apply to the page.
-      scoreDisplayMode = Audit.SCORING_MODES.NOT_APPLICABLE;
-    }
-
-    const score = Audit._normalizeAuditScore(product.score, scoreDisplayMode, audit.meta.id);
-
-    let auditTitle = audit.meta.title;
-    if (audit.meta.failureTitle) {
-      if (score !== null && score < Util.PASS_THRESHOLD) {
-        auditTitle = audit.meta.failureTitle;
-      }
-    }
-
-    // The Audit.Product type is bifurcated to enforce numericUnit accompanying numericValue;
-    // the existence of `numericUnit` is our discriminant.
-    // Make ts happy and enforce this contract programmatically by only pulling numericValue off of
-    // a `NumericProduct` type.
-    const numericProduct = 'numericUnit' in product ? product : undefined;
-
-    return {
-      id: audit.meta.id,
-      title: auditTitle,
-      description: audit.meta.description,
-
-      score,
-      scoreDisplayMode,
-      numericValue: numericProduct?.numericValue,
-      numericUnit: numericProduct?.numericUnit,
-
-      displayValue: product.displayValue,
-      explanation: product.explanation,
-      errorMessage: product.errorMessage,
-      warnings: product.warnings,
-
-      details: product.details,
-    };
-  }
-}
-
-module.exports = Audit;

package/lighthouse-core/audits/autocomplete.js

@@ -1,290 +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.
- */
-
-/**
- * @fileoverview Audits a page to make sure all input elements
- *  have an autocomplete attribute set.
- * See https://docs.google.com/document/d/1yiulNnV8uEy1jPaAEmWeHxHcQOzxpqvAV4hOFpXLJ1M/edit?usp=sharing
- */
-
-'use strict';
-
-const Audit = require('./audit.js');
-const i18n = require('../lib/i18n/i18n.js');
-const log = require('lighthouse-logger');
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This descriptive title is shown to users when all input attributes have a valid autocomplete attribute. */
-  title: '`<input>` elements correctly use `autocomplete`',
-  /** Title of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This descriptive title is shown to users when one or more inputs do not have autocomplete set or has an invalid autocomplete set. */
-  failureTitle: '`<input>` elements do not have correct `autocomplete` attributes',
-  /** Description of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
-  description: '`autocomplete` helps users submit forms quicker. To reduce user ' +
-   'effort, consider enabling by setting the `autocomplete` ' +
-   'attribute to a valid value.' +
-  ' [Learn more](https://developers.google.com/web/fundamentals/design-and-ux/input/forms#use_metadata_to_enable_auto-complete)',
-  /** Label for a column in a data table; entries will be the autocomplete token suggestions based on heuristics. */
-  columnSuggestions: 'Suggested Token',
-  /** Label for a column in a data table; entries will be the incorrect optional autocomplete tokens or prompting user to review them. */
-  columnCurrent: 'Current Value',
-  /**
-   * @description Warning that autocomplete token is invalid.
-   * @example {invalid-token name} token
-   * @example {<autocomplete="invalid-token name">} snippet
-   */
-  warningInvalid: '`autocomplete` token(s): "{token}" is invalid in {snippet}',
-  /**
-   * @description Warning that autocomplete token order is invalid.
-   * @example {mobile section-red cc-name} tokens
-   * @example {<autocomplete="mobile section-red cc-name">} snippet
-   */
-  warningOrder: 'Review order of tokens: "{tokens}" in {snippet}',
-  /** Entry for under the Autocomplete Suggested Token Column that tells users to review the ordering of their tokens if they are valid. */
-  reviewOrder: 'Review order of tokens',
-  /** Entry for under the Autocomplete Suggested Token Column that appears when we have no autocomplete suggestion. */
-  manualReview: 'Requires manual review',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-/** @type {string[]} This array contains all acceptable autocomplete attributes from the WHATWG standard. More found at https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill */
-const validAutocompleteTokens = ['name', 'honorific-prefix', 'given-name',
-  'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'username', 'new-password',
-  'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address',
-  'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3',
-  'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name',
-  'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp',
-  'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency',
-  'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year',
-  'sex', 'url', 'photo', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'on',
-  'tel-local', 'tel-local-prefix', 'tel-local-suffix', 'tel-extension', 'email', 'impp', 'off',
-  'additional-name-initial', 'home', 'work', 'mobile', 'fax', 'pager', 'shipping', 'billing'];
-
-/** @type {string[]} This array contains all autofull suggestions that have no prediction tied to it. Autofill predictions found at https://source.chromium.org/chromium/chromium/src/+/main:components/autofill/core/browser/field_types.h;l=26 */
-const noPrediction = ['NO_SERVER_DATA', 'UNKNOWN_TYPE', 'EMPTY_TYPE', 'HTML_TYPE_UNSPECIFIED',
-  'HTML_TYPE_UNRECOGNIZED'];
-
-/** This mapping contains all autofill predictions to corresponding autocomplete attributes. Autofill predictions are found at https://source.chromium.org/chromium/chromium/src/+/main:components/autofill/core/browser/field_types.h;l=34*/
-const predictionTypesToTokens = {
-  'NO_SERVER_DATA': str_(UIStrings.manualReview),
-  'UNKNOWN_TYPE': str_(UIStrings.manualReview),
-  'EMPTY_TYPE': str_(UIStrings.manualReview),
-  'NAME_FIRST': 'given-name',
-  'NAME_MIDDLE': 'additional-name',
-  'NAME_LAST': 'family-name',
-  'NAME_FULL': 'name',
-  'NAME_MIDDLE_INITIAL': 'additional-name-initial',
-  'NAME_SUFFIX': 'honorific-suffix',
-  'NAME_BILLING_FIRST': 'billing given-name',
-  'NAME_BILLING_MIDDLE': 'billing additional-name',
-  'NAME_BILLING_LAST': 'billing family-name',
-  'NAME_BILLING_MIDDLE_INITIAL': 'billing additional-name-initial',
-  'NAME_BILLING_FULL': 'billing name',
-  'NAME_BILLING_SUFFIX': 'billing honorific-suffix',
-  'EMAIL_ADDRESS': 'email',
-  'MERCHANT_EMAIL_SIGNUP': 'email',
-  'PHONE_HOME_NUMBER': 'tel-local',
-  'PHONE_HOME_CITY_CODE': 'tel-area-code',
-  'PHONE_HOME_COUNTRY_CODE': 'tel-country-code',
-  'PHONE_HOME_CITY_AND_NUMBER': 'tel-national',
-  'PHONE_HOME_WHOLE_NUMBER': 'tel',
-  'PHONE_HOME_EXTENSION': 'tel-extension',
-  'PHONE_BILLING_NUMBER': 'billing tel-local',
-  'PHONE_BILLING_CITY_CODE': 'billing tel-area-code',
-  'PHONE_BILLING_COUNTRY_CODE': 'tel-country-code',
-  'PHONE_BILLING_CITY_AND_NUMBER': 'tel-national',
-  'PHONE_BILLING_WHOLE_NUMBER': 'tel',
-  'ADDRESS_HOME_STREET_ADDRESS': 'street-address',
-  'ADDRESS_HOME_LINE1': 'address-line1',
-  'ADDRESS_HOME_LINE2': 'address-line2',
-  'ADDRESS_HOME_LINE3': 'address-line3',
-  'ADDRESS_HOME_STATE': 'address-level1',
-  'ADDRESS_HOME_CITY': 'address-level2',
-  'ADDRESS_HOME_DEPENDENT_LOCALITY': 'address-level3',
-  'ADDRESS_HOME_ZIP': 'postal-code',
-  'ADDRESS_HOME_COUNTRY': 'country-name',
-  'ADDRESS_BILLING_DEPENDENT_LOCALITY': 'billing address-level3',
-  'ADDRESS_BILLING_STREET_ADDRESS': 'billing street-address',
-  'ADDRESS_BILLING_LINE1': 'billing address-line1',
-  'ADDRESS_BILLING_LINE2': 'billing address-line2',
-  'ADDRESS_BILLING_LINE3': 'billing address-line3',
-  'ADDRESS_BILLING_APT_NUM': 'billing address-level3',
-  'ADDRESS_BILLING_CITY': 'billing address-level2',
-  'ADDRESS_BILLING_STATE': 'billing address-level1',
-  'ADDRESS_BILLING_ZIP': 'billing postal-code',
-  'ADDRESS_BILLING_COUNTRY': 'billing country-name',
-  'CREDIT_CARD_NAME_FULL': 'cc-name',
-  'CREDIT_CARD_NAME_FIRST': 'cc-given-name',
-  'CREDIT_CARD_NAME_LAST': 'cc-family-name',
-  'CREDIT_CARD_NUMBER': 'cc-number',
-  'CREDIT_CARD_EXP_MONTH': 'cc-exp-month',
-  'CREDIT_CARD_EXP_2_DIGIT_YEAR': 'cc-exp-year',
-  'CREDIT_CARD_EXP_4_DIGIT_YEAR': 'cc-exp-year',
-  'CREDIT_CARD_EXP_DATE_2_DIGIT_YEAR': 'cc-exp',
-  'CREDIT_CARD_EXP_DATE_4_DIGIT_YEAR': 'cc-exp',
-  'CREDIT_CARD_TYPE': 'cc-type',
-  'CREDIT_CARD_VERIFICATION_CODE': 'cc-csc',
-  'COMPANY_NAME': 'organization',
-  'PASSWORD': 'current-password',
-  'ACCOUNT_CREATION_PASSWORD': 'new-password',
-  'HTML_TYPE_UNSPECIFIED': str_(UIStrings.manualReview),
-  'HTML_TYPE_NAME': 'name',
-  'HTML_TYPE_HONORIFIC_PREFIX': 'honorific-prefix',
-  'HTML_TYPE_GIVEN_NAME': 'given-name',
-  'HTML_TYPE_ADDITIONAL_NAME': 'additional-name',
-  'HTML_TYPE_FAMILY_NAME': 'family-name',
-  'HTML_TYPE_ORGANIZATION': 'organization',
-  'HTML_TYPE_STREET_ADDRESS': 'street-address',
-  'HTML_TYPE_ADDRESS_LINE1': 'address-line1',
-  'HTML_TYPE_ADDRESS_LINE2': 'address-line2',
-  'HTML_TYPE_ADDRESS_LINE3': 'address-line3',
-  'HTML_TYPE_ADDRESS_LEVEL1': 'address-level1',
-  'HTML_TYPE_ADDRESS_LEVEL2': 'address-level2',
-  'HTML_TYPE_ADDRESS_LEVEL3': 'address-level3',
-  'HTML_TYPE_COUNTRY_CODE': 'tel-country-code',
-  'HTML_TYPE_COUNTRY_NAME': 'country-name',
-  'HTML_TYPE_POSTAL_CODE': 'postal-code',
-  'HTML_TYPE_FULL_ADDRESS': 'street-address',
-  'HTML_TYPE_CREDIT_CARD_NAME_FULL': 'cc-name',
-  'HTML_TYPE_CREDIT_CARD_NAME_FIRST': 'cc-given-name',
-  'HTML_TYPE_CREDIT_CARD_NAME_LAST': 'cc-family-name',
-  'HTML_TYPE_CREDIT_CARD_NUMBER': 'cc-number',
-  'HTML_TYPE_CREDIT_CARD_EXP': 'cc-exp',
-  'HTML_TYPE_CREDIT_CARD_EXP_MONTH': 'cc-exp-month',
-  'HTML_TYPE_CREDIT_CARD_EXP_YEAR': 'cc-exp-year',
-  'HTML_TYPE_CREDIT_CARD_VERIFICATION_CODE': 'cc-csc',
-  'HTML_TYPE_CREDIT_CARD_TYPE': 'cc-csc',
-  'HTML_TYPE_TEL': 'tel',
-  'HTML_TYPE_TEL_COUNTRY_CODE': 'tel-country-code',
-  'HTML_TYPE_TEL_NATIONAL': 'tel-national',
-  'HTML_TYPE_TEL_AREA_CODE': 'tel-area-code',
-  'HTML_TYPE_TEL_LOCAL': 'tel-local',
-  'HTML_TYPE_TEL_LOCAL_PREFIX': 'tel-local-prefix',
-  'HTML_TYPE_TEL_LOCAL_SUFFIX': 'tel-local-suffix',
-  'HTML_TYPE_TEL_EXTENSION': 'tel-extension',
-  'HTML_TYPE_EMAIL': 'email',
-  'HTML_TYPE_ADDITIONAL_NAME_INITIAL': 'additional-name-initial',
-  'HTML_TYPE_CREDIT_CARD_EXP_DATE_2_DIGIT_YEAR': 'cc-exp-year',
-  'HTML_TYPE_CREDIT_CARD_EXP_DATE_4_DIGIT_YEAR': 'cc-exp-year',
-  'HTML_TYPE_CREDIT_CARD_EXP_2_DIGIT_YEAR': 'cc-exp-year',
-  'HTML_TYPE_CREDIT_CARD_EXP_4_DIGIT_YEAR': 'cc-exp-year',
-  'HTML_TYPE_UPI_VPA': str_(UIStrings.manualReview),
-  'HTML_TYPE_ONE_TIME_CODE': 'one-time-code',
-  'HTML_TYPE_UNRECOGNIZED': str_(UIStrings.manualReview),
-  'HTML_TYPE_TRANSACTION_AMOUNT': 'transaction-amount',
-  'HTML_TYPE_TRANSACTION_CURRENCY': 'transaction-currency',
-};
-
-/**
- * The autocomplete attribute can have multiple tokens in it. All tokens should be valid and in the correct order.
- * For example, cc-namez is an invalid token. tel mobile shipping section-foo are valid tokens, but out of order. The spec defines correct ordering, but in short, correct order is:
- *
- * [section-*] [shipping|billing] [home|work|mobile|fax|pager] <autofill field name>
- *
- * If either of these invalid situations, the autocomplete property will be an empty string. */
-class AutocompleteAudit extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'autocomplete',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['Inputs'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.InputElement} input
-   * @return {{hasValidTokens: boolean, isValidOrder?: boolean}}
-   */
-  static checkAttributeValidity(input) {
-    if (!input.autocomplete.attribute) return {hasValidTokens: false};
-    const tokenArray = input.autocomplete.attribute.split(' ');
-    for (const token of tokenArray) {
-      // A `section-` prefix indicates a unique autofill scope.
-      // https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#:~:text=section-
-      if (token.slice(0, 8) === 'section-') continue;
-      if (validAutocompleteTokens.includes(token)) continue;
-      return {hasValidTokens: false};
-    }
-    // If all autocomplete tokens are valid but there is still no property attribute, then that means the tokens are out of order.
-    // https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/#all-the-tokens
-    if (!input.autocomplete.property) return {hasValidTokens: true, isValidOrder: false};
-    return {hasValidTokens: true, isValidOrder: true};
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts) {
-    const failingFormsData = [];
-    const warnings = [];
-    let foundPrediction = false;
-    for (const input of artifacts.Inputs.inputs) {
-      const validity = this.checkAttributeValidity(input);
-      if (validity.hasValidTokens && validity.isValidOrder) continue;
-      if (!input.autocomplete.prediction) continue;
-      if (noPrediction.includes(input.autocomplete.prediction) &&
-        !input.autocomplete.attribute) continue;
-
-      foundPrediction = true;
-
-      // @ts-ignore
-      let suggestion = predictionTypesToTokens[input.autocomplete.prediction];
-      // This is here to satisfy typescript because the possible null value of autocomplete.attribute is not compatible with Audit details.
-      if (!input.autocomplete.attribute) input.autocomplete.attribute = '';
-      // Warning is created because while there is an autocomplete attribute, the autocomplete property does not exsist, thus the attribute's value is invalid.
-      if (input.autocomplete.attribute) {
-        warnings.push(str_(UIStrings.warningInvalid, {token: input.autocomplete.attribute,
-          snippet: input.node.snippet}));
-      }
-      if (validity.isValidOrder === false) {
-        warnings.push(str_(UIStrings.warningOrder, {tokens: input.autocomplete.attribute,
-          snippet: input.node.snippet}));
-        suggestion = UIStrings.reviewOrder;
-      }
-      // If the autofill prediction is not in our autofill suggestion mapping, then we warn
-      if (!(input.autocomplete.prediction in predictionTypesToTokens) &&
-          validity.isValidOrder) {
-        log.warn(`Autocomplete prediction (${input.autocomplete.prediction})
-            not found in our mapping`);
-        continue;
-      }
-      failingFormsData.push({
-        node: Audit.makeNodeItem(input.node),
-        suggestion: suggestion,
-        current: input.autocomplete.attribute,
-      });
-    }
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'node', itemType: 'node', text: str_(i18n.UIStrings.columnFailingElem)},
-      {key: 'current', itemType: 'text', text: str_(UIStrings.columnCurrent)},
-      {key: 'suggestion', itemType: 'text', text: str_(UIStrings.columnSuggestions)},
-    ];
-    const details = Audit.makeTableDetails(headings, failingFormsData);
-    let displayValue;
-    if (failingFormsData.length > 0) {
-      displayValue = str_(i18n.UIStrings.displayValueElementsFound,
-        {nodeCount: failingFormsData.length});
-    }
-    return {
-      score: (failingFormsData.length > 0) ? 0 : 1,
-      notApplicable: !foundPrediction,
-      displayValue,
-      details,
-      warnings,
-    };
-  }
-}
-
-module.exports = AutocompleteAudit;
-module.exports.UIStrings = UIStrings;