lighthouse 8.0.0-dev.20210709 → 8.0.0

package/report/test/renderer/pwa-category-renderer-test.js

@@ -1,303 +0,0 @@
-/**
- * @license Copyright 2018 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';
-
-/* eslint-env jest, browser */
-
-const assert = require('assert').strict;
-const jsdom = require('jsdom');
-const reportAssets = require('../../report-assets.js');
-const Util = require('../../renderer/util.js');
-const I18n = require('../../renderer/i18n.js');
-const DOM = require('../../renderer/dom.js');
-const DetailsRenderer = require('../../renderer/details-renderer.js');
-const CategoryRenderer = require('../../renderer/category-renderer.js');
-const sampleResultsOrig = require('../../../lighthouse-core/test/results/sample_v2.json');
-
-describe('PwaCategoryRenderer', () => {
-  let category;
-  let pwaRenderer;
-  let sampleResults;
-
-  beforeAll(() => {
-    global.Util = Util;
-    global.Util.i18n = new I18n('en', {...Util.UIStrings});
-    global.CategoryRenderer = CategoryRenderer;
-
-    // Delayed so that CategoryRenderer is in global scope
-    const PwaCategoryRenderer = require('../../renderer/pwa-category-renderer.js');
-
-    const {document} = new jsdom.JSDOM(reportAssets.REPORT_TEMPLATES).window;
-    const dom = new DOM(document);
-    const detailsRenderer = new DetailsRenderer(dom);
-    pwaRenderer = new PwaCategoryRenderer(dom, detailsRenderer);
-
-    sampleResults = Util.prepareReportResult(sampleResultsOrig);
-  });
-
-  beforeEach(() => {
-    // Clone category to allow modifications.
-    const pwaCategory = sampleResults.categories.pwa;
-    category = JSON.parse(JSON.stringify(pwaCategory));
-  });
-
-  afterAll(() => {
-    global.Util.i18n = undefined;
-    global.Util = undefined;
-    global.CategoryRenderer = undefined;
-  });
-
-  it('renders the regular audits', () => {
-    const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-    const allAuditElements = Array.from(categoryElem.querySelectorAll('.lh-audit'));
-    const manualElements = Array.from(categoryElem.querySelectorAll('.lh-clump--manual .lh-audit'));
-    const regularAuditElements = allAuditElements.filter(el => !manualElements.includes(el));
-
-    const nonManualAudits = category.auditRefs
-      .filter(audit => audit.result.scoreDisplayMode !== 'manual');
-    assert.strictEqual(regularAuditElements.length, nonManualAudits.length);
-  });
-
-  it('renders the manual audits', () => {
-    const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-    const manualElements = categoryElem.querySelectorAll('.lh-clump--manual .lh-audit');
-
-    const manualAudits = category.auditRefs
-      .filter(audit => audit.result.scoreDisplayMode === 'manual');
-
-    assert.strictEqual(manualElements.length, manualAudits.length);
-  });
-
-  it('manual audits are the only clump', () => {
-    const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-    const clumpElems = categoryElem.querySelectorAll('.lh-clump');
-    assert.strictEqual(clumpElems.length, 1);
-    assert.ok(clumpElems[0].classList.contains('lh-clump--manual'));
-  });
-
-  it('renders the audit groups', () => {
-    const categoryGroupIds = new Set(category.auditRefs.filter(a => a.group).map(a => a.group));
-    assert.strictEqual(categoryGroupIds.size, 2); // Ensure there's something to test.
-
-    const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-
-    categoryGroupIds.forEach(groupId => {
-      const selector = `.lh-audit-group--${groupId}`;
-      // Expected that only the non-manual audits will be grouped.
-      assert.strictEqual(categoryElem.querySelectorAll(selector).length, 1,
-        `trouble with selector '${selector}'`);
-    });
-  });
-
-  describe('badging groups', () => {
-    let auditRefs;
-    let groupIds;
-
-    beforeEach(() => {
-      auditRefs = category.auditRefs
-        .filter(audit => audit.result.scoreDisplayMode !== 'manual');
-
-      // Expect results to all be scorable or n/a
-      for (const auditRef of auditRefs) {
-        const matcher = expect.stringMatching(/(binary)|(notApplicable)/);
-        expect(auditRef.result.scoreDisplayMode).toEqual(matcher);
-      }
-
-      groupIds = [...new Set(auditRefs.map(ref => ref.group))];
-    });
-
-    it('gives passing even if an audit is notApplicable', () => {
-      const clone = JSON.parse(JSON.stringify(sampleResults));
-      const category = clone.categories.pwa;
-
-      // Set everything to passing, except redirects-http set to n/a (as it is on localhost)
-      for (const auditRef of category.auditRefs) {
-        auditRef.result.score = 1;
-        auditRef.result.scoreDisplayMode = 'binary';
-      }
-      const audit = category.auditRefs.find(ref => ref.id === 'redirects-http');
-      audit.result.scoreDisplayMode = 'notApplicable';
-      audit.result.score = null;
-
-      const categoryElem = pwaRenderer.render(category, clone.categoryGroups);
-      const badgedElems = categoryElem.querySelectorAll(`.lh-audit-group--pwa-optimized.lh-badged`);
-      expect(badgedElems.length).toEqual(1);
-    });
-
-    it('only gives a group a badge when all the group\'s audits are passing', () => {
-      for (const auditRef of auditRefs) {
-        auditRef.result.score = 0;
-        auditRef.result.scoreDisplayMode = 'binary';
-      }
-
-      const targetGroupId = 'pwa-optimized';
-      const targetGroupTitle = sampleResults.categoryGroups[targetGroupId].title;
-      const targetAuditRefs = auditRefs.filter(ref => ref.group === targetGroupId);
-
-      // Try every permutation of audit scoring.
-      const totalPermutations = Math.pow(2, targetAuditRefs.length);
-      for (let i = 0; i < totalPermutations; i++) {
-        for (let j = 0; j < targetAuditRefs.length; j++) {
-          // Set as passing if jth bit in i is set.
-          targetAuditRefs[j].result.score = i >> j & 1;
-        }
-
-        const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-        const badgedElems = categoryElem.querySelectorAll(`.lh-badged`);
-        const badgedScoreGauge =
-          categoryElem.querySelector('.lh-gauge--pwa__wrapper[class*="lh-badged--"]');
-
-        const tooltip = categoryElem.querySelector('.lh-gauge--pwa__wrapper').title;
-        const targetGroupTip = tooltip.split(', ').find(tip => tip.startsWith(targetGroupTitle));
-        assert.ok(targetGroupTip);
-
-        // Only expect a badge (and badged gauge) on last permutation (all bits are set).
-        if (i !== totalPermutations - 1) {
-          assert.strictEqual(badgedElems.length, 0);
-          assert.strictEqual(badgedScoreGauge, null);
-
-          // Tooltip ends with passing/total.
-          const passingCount = categoryElem.querySelectorAll(
-              `.lh-audit-group--${targetGroupId} .lh-audit--pass`).length;
-          assert.ok(targetGroupTip.endsWith(`${passingCount}/${targetAuditRefs.length}`));
-        } else {
-          assert.strictEqual(badgedElems.length, 1);
-          assert.ok(badgedScoreGauge.classList.contains(`lh-badged--${targetGroupId}`));
-
-          // Tooltip ends with total/total.
-          assert.ok(targetGroupTip.endsWith(`${targetAuditRefs.length}/${targetAuditRefs.length}`));
-        }
-      }
-    });
-
-    it('renders all badges when all audits are passing', () => {
-      for (const auditRef of auditRefs) {
-        auditRef.result.score = 1;
-      }
-
-      const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-      assert.strictEqual(categoryElem.querySelectorAll('.lh-badged').length, groupIds.length);
-
-      // Score gauge.
-      const gaugeElem = categoryElem.querySelector('.lh-gauge--pwa__wrapper');
-      assert.ok(gaugeElem.classList.contains('lh-badged--all'));
-
-      // All tooltips should have x/x audits passed.
-      const tips = gaugeElem.title.split(', ');
-      assert.strictEqual(tips.length, groupIds.length);
-      for (const tip of tips) {
-        assert.ok(/(\d+)\/\1$/.test(tip));
-      }
-    });
-
-    it('renders no badges when no audit groups are passing', () => {
-      for (const auditRef of auditRefs) {
-        auditRef.result.score = 0;
-        auditRef.result.scoreDisplayMode = 'binary';
-      }
-
-      const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-      assert.strictEqual(categoryElem.querySelectorAll('.lh-badged').length, 0);
-
-      // Score gauge.
-      const gaugeElem = categoryElem.querySelector('.lh-gauge--pwa__wrapper');
-      assert.ok(!gaugeElem.matches('.lh-gauge--pwa__wrapper[class*="lh-badged-"]'));
-
-      // All tooltips should have 0/x audits passed.
-      const tips = gaugeElem.title.split(', ');
-      assert.strictEqual(tips.length, groupIds.length);
-      for (const tip of tips) {
-        assert.ok(/0\/\d+$/.test(tip));
-      }
-    });
-
-    it('renders all but one badge when all groups but one are passing', () => {
-      for (const auditRef of auditRefs) {
-        auditRef.result.score = 1;
-      }
-      auditRefs[0].result.score = 0;
-      const failingGroupId = auditRefs[0].group;
-
-      const categoryElem = pwaRenderer.render(category, sampleResults.categoryGroups);
-      const gaugeElem = categoryElem.querySelector('.lh-gauge--pwa__wrapper');
-
-      const tips = gaugeElem.title.split(', ');
-      assert.strictEqual(tips.length, groupIds.length);
-
-      for (const groupId of groupIds) {
-        const expectedCount = groupId === failingGroupId ? 0 : 1;
-
-        // Individual group badges.
-        const groupElems = categoryElem.querySelectorAll(`.lh-audit-group--${groupId}.lh-badged`);
-        assert.strictEqual(groupElems.length, expectedCount);
-
-        // Score gauge.
-        if (groupId !== failingGroupId) {
-          assert.ok(gaugeElem.classList.contains(`lh-badged--${groupId}`));
-        }
-
-        // Map back from groupId to groupTitle (used in tooltip).
-        const groupTitle = sampleResults.categoryGroups[groupId].title;
-        const groupTip = tips.find(tip => tip.startsWith(groupTitle));
-        assert.ok(groupTip);
-
-        // All tooltips should be x/x except for failingGroup, which should be (x-1)/x.
-        if (groupId !== failingGroupId) {
-          assert.ok(/(\d+)\/\1$/.test(groupTip));
-        } else {
-          const [, passingCount, totalCount] = /(\d+)\/(\d+)$/.exec(groupTip);
-          assert.strictEqual(Number(passingCount) + 1, Number(totalCount));
-        }
-      }
-    });
-  });
-
-  describe('#renderScoreGauge', () => {
-    it('renders an error score gauge in case of category error', () => {
-      category.score = null;
-      const badgeGauge = pwaRenderer.renderScoreGauge(category, sampleResults.categoryGroups);
-
-      // Not a PWA gauge.
-      assert.strictEqual(badgeGauge.querySelector('.lh-gauge--pwa__wrapper'), null);
-
-      const percentageElem = badgeGauge.querySelector('.lh-gauge__percentage');
-      assert.strictEqual(percentageElem.textContent, '?');
-      assert.strictEqual(percentageElem.title, Util.UIStrings.errorLabel);
-    });
-
-    it('renders score gauges with unique ids for items in <defs>', () => {
-      const gauge1 = pwaRenderer.renderScoreGauge(category, sampleResults.categoryGroups);
-      const gauge1Ids = [...gauge1.querySelectorAll('defs [id]')].map(el => el.id);
-      assert.ok(gauge1Ids.length > 2);
-
-      const gauge2 = pwaRenderer.renderScoreGauge(category, sampleResults.categoryGroups);
-      const gauge2Ids = [...gauge2.querySelectorAll('defs [id]')].map(el => el.id);
-      assert.ok(gauge2Ids.length === gauge1Ids.length);
-
-      /** Returns whether id is used by at least one <use> or fill under `rootEl`. */
-      function idInUseElOrFillAttr(rootEl, id) {
-        const isUse = rootEl.querySelector(`use[href="#${id}"]`);
-        const isFill = rootEl.querySelector(`[fill="url(#${id})"]`);
-
-        return !!(isUse || isFill);
-      }
-
-      // Check that each gauge1 ID is actually used in gauge1 and isn't used in gauge2.
-      for (const gauge1Id of gauge1Ids) {
-        assert.equal(idInUseElOrFillAttr(gauge1, gauge1Id), true);
-        assert.ok(!gauge2Ids.includes(gauge1Id));
-        assert.equal(idInUseElOrFillAttr(gauge2, gauge1Id), false);
-      }
-
-      // And that the reverse is true for gauge2 IDs.
-      for (const gauge2Id of gauge2Ids) {
-        assert.equal(idInUseElOrFillAttr(gauge1, gauge2Id), false);
-        assert.equal(idInUseElOrFillAttr(gauge2, gauge2Id), true);
-        assert.ok(!gauge1Ids.includes(gauge2Id));
-      }
-    });
-  });
-});

package/report/test/renderer/report-renderer-test.js

@@ -1,325 +0,0 @@
-/**
- * @license Copyright 2017 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';
-
-/* eslint-env jest */
-
-const assert = require('assert').strict;
-const jsdom = require('jsdom');
-const reportAssets = require('../../report-assets.js');
-const Util = require('../../renderer/util.js');
-const I18n = require('../../renderer/i18n.js');
-const URL = require('../../../lighthouse-core/lib/url-shim.js');
-const DOM = require('../../renderer/dom.js');
-const DetailsRenderer = require('../../renderer/details-renderer.js');
-const ReportUIFeatures = require('../../renderer/report-ui-features.js');
-const CategoryRenderer = require('../../renderer/category-renderer.js');
-const ElementScreenshotRenderer = require('../../renderer/element-screenshot-renderer.js');
-const CriticalRequestChainRenderer = require('../../renderer/crc-details-renderer.js');
-const ReportRenderer = require('../../renderer/report-renderer.js');
-const sampleResultsOrig = require('../../../lighthouse-core/test/results/sample_v2.json');
-
-const TIMESTAMP_REGEX = /\d+, \d{4}.*\d+:\d+/;
-
-describe('ReportRenderer', () => {
-  let renderer;
-  let sampleResults;
-
-  beforeAll(() => {
-    global.Util = Util;
-    global.I18n = I18n;
-    global.ReportUIFeatures = ReportUIFeatures;
-    global.CriticalRequestChainRenderer = CriticalRequestChainRenderer;
-    global.DetailsRenderer = DetailsRenderer;
-    global.CategoryRenderer = CategoryRenderer;
-    global.ElementScreenshotRenderer = ElementScreenshotRenderer;
-
-    // lazy loaded because they depend on CategoryRenderer to be available globally
-    global.PerformanceCategoryRenderer =
-        require('../../renderer/performance-category-renderer.js');
-    global.PwaCategoryRenderer = require('../../renderer/pwa-category-renderer.js');
-
-    // Stub out matchMedia for Node.
-    global.matchMedia = function() {
-      return {
-        addListener: function() {},
-      };
-    };
-
-    const {window} = new jsdom.JSDOM(reportAssets.REPORT_TEMPLATES);
-    global.self = window;
-
-    const dom = new DOM(window.document);
-    const detailsRenderer = new DetailsRenderer(dom);
-    const categoryRenderer = new CategoryRenderer(dom, detailsRenderer);
-    renderer = new ReportRenderer(dom, categoryRenderer);
-    sampleResults = Util.prepareReportResult(sampleResultsOrig);
-  });
-
-  afterAll(() => {
-    global.self = undefined;
-    global.Util = undefined;
-    global.I18n = undefined;
-    global.ReportUIFeatures = undefined;
-    global.matchMedia = undefined;
-    global.CriticalRequestChainRenderer = undefined;
-    global.DetailsRenderer = undefined;
-    global.CategoryRenderer = undefined;
-    global.ElementScreenshotRenderer = undefined;
-    global.PerformanceCategoryRenderer = undefined;
-    global.PwaCategoryRenderer = undefined;
-  });
-
-  describe('renderReport', () => {
-    it('should render a report', () => {
-      const container = renderer._dom._document.body;
-      const output = renderer.renderReport(sampleResults, container);
-      assert.ok(output.querySelector('.lh-header-container'), 'has a header');
-      assert.ok(output.querySelector('.lh-report'), 'has report body');
-      // 3 sets of gauges - one in sticky header, one in scores header, and one in each section.
-      assert.equal(output.querySelectorAll('.lh-gauge__wrapper, .lh-gauge--pwa__wrapper').length,
-          Object.keys(sampleResults.categories).length * 3, 'renders category gauges');
-    });
-
-    it('renders additional reports by replacing the existing one', () => {
-      const container = renderer._dom._document.body;
-      const oldReport = Array.from(renderer.renderReport(sampleResults, container).children);
-      const newReport = Array.from(renderer.renderReport(sampleResults, container).children);
-      assert.ok(!oldReport.find(node => container.contains(node)), 'old report was removed');
-      assert.ok(newReport.find(node => container.contains(node)),
-        'new report appended to container');
-    });
-
-    it('renders a topbar', () => {
-      const topbar = renderer._renderReportTopbar(sampleResults);
-      assert.equal(topbar.querySelector('.lh-topbar__url').textContent, sampleResults.finalUrl);
-    });
-
-    it('renders a header', () => {
-      const header = renderer._renderReportHeader();
-      assert.ok(header.querySelector('.lh-scores-container'), 'contains score container');
-    });
-
-    it('renders score gauges in this order: default, pwa, plugins', () => {
-      const sampleResultsCopy = JSON.parse(JSON.stringify(sampleResults));
-      sampleResultsCopy.categories['lighthouse-plugin-someplugin'] = {
-        id: 'lighthouse-plugin-someplugin',
-        title: 'Some Plugin',
-        auditRefs: [],
-      };
-
-      const container = renderer._dom._document.body;
-      const output = renderer.renderReport(sampleResultsCopy, container);
-
-      function isPWAGauge(el) {
-        return el.querySelector('.lh-gauge__label').textContent === 'Progressive Web App';
-      }
-      function isPluginGauge(el) {
-        return el.querySelector('.lh-gauge__label').textContent === 'Some Plugin';
-      }
-
-      const indexOfPwaGauge = Array.from(output
-        .querySelectorAll('.lh-scores-header > a[class*="lh-gauge"]')).findIndex(isPWAGauge);
-
-      const indexOfPluginGauge = Array.from(output
-        .querySelectorAll('.lh-scores-header > a[class*="lh-gauge"]')).findIndex(isPluginGauge);
-
-      const scoresHeaderElem = output.querySelector('.lh-scores-header');
-      assert.equal(scoresHeaderElem.children.length - 2, indexOfPwaGauge);
-      assert.equal(scoresHeaderElem.children.length - 1, indexOfPluginGauge);
-      assert(indexOfPluginGauge > indexOfPwaGauge);
-
-      for (let i = 0; i < scoresHeaderElem.children.length; i++) {
-        const gauge = scoresHeaderElem.children[i];
-
-        assert.ok(gauge.classList.contains('lh-gauge__wrapper'));
-        if (i >= indexOfPluginGauge) {
-          assert.ok(isPluginGauge(gauge));
-        } else if (i >= indexOfPwaGauge) {
-          assert.ok(isPWAGauge(gauge));
-        }
-      }
-    });
-
-    it('renders plugin score gauge', () => {
-      const sampleResultsCopy = JSON.parse(JSON.stringify(sampleResults));
-      sampleResultsCopy.categories['lighthouse-plugin-someplugin'] = {
-        id: 'lighthouse-plugin-someplugin',
-        title: 'Some Plugin',
-        auditRefs: [],
-      };
-      const container = renderer._dom._document.body;
-      const output = renderer.renderReport(sampleResultsCopy, container);
-      const scoresHeaderElem = output.querySelector('.lh-scores-header');
-
-      const gaugeCount = scoresHeaderElem.querySelectorAll('.lh-gauge').length;
-      const pluginGaugeCount =
-        scoresHeaderElem.querySelectorAll('.lh-gauge__wrapper--plugin').length;
-
-      // 5 core categories + the 1 plugin.
-      assert.equal(6, gaugeCount);
-      assert.equal(1, pluginGaugeCount);
-    });
-
-    it('should not mutate a report object', () => {
-      const container = renderer._dom._document.body;
-      const originalResults = JSON.parse(JSON.stringify(sampleResults));
-      renderer.renderReport(sampleResults, container);
-      assert.deepStrictEqual(sampleResults, originalResults);
-    }, 2000);
-
-    it('renders no warning section when no lighthouseRunWarnings occur', () => {
-      const warningResults = Object.assign({}, sampleResults, {runWarnings: []});
-      const container = renderer._dom._document.body;
-      const output = renderer.renderReport(warningResults, container);
-      assert.strictEqual(output.querySelector('.lh-warnings--toplevel'), null);
-    });
-
-    it('renders a warning section', () => {
-      const container = renderer._dom._document.body;
-      const output = renderer.renderReport(sampleResults, container);
-
-      const warningEls = output.querySelectorAll('.lh-warnings--toplevel > ul > li');
-      assert.strictEqual(warningEls.length, sampleResults.runWarnings.length);
-    });
-
-    it('renders links in the warning section', () => {
-      const warningResults = Object.assign({}, sampleResults, {
-        runWarnings: ['[I am a link](https://example.com/)'],
-      });
-      const container = renderer._dom._document.body;
-      const output = renderer.renderReport(warningResults, container);
-
-      const warningEls = output.querySelectorAll('.lh-warnings--toplevel ul li a');
-      expect(warningEls).toHaveLength(1);
-      expect(warningEls[0].href).toEqual('https://example.com/');
-    });
-
-    it('renders a footer', () => {
-      const footer = renderer._renderReportFooter(sampleResults);
-      const footerContent = footer.querySelector('.lh-footer').textContent;
-      assert.ok(/Generated by Lighthouse \d/.test(footerContent), 'includes lh version');
-      assert.ok(footerContent.match(TIMESTAMP_REGEX), 'includes timestamp');
-
-      // Check runtime settings were populated.
-      const names = Array.from(footer.querySelectorAll('.lh-env__name'));
-      const descriptions = Array.from(footer.querySelectorAll('.lh-env__description'));
-      assert.ok(names.length >= 3);
-      assert.ok(descriptions.length >= 3);
-
-      const descriptionsTxt = descriptions.map(el => el.textContent).join('\n');
-      expect(descriptionsTxt).toContain('Moto G4');
-      expect(descriptionsTxt).toContain('RTT');
-      expect(descriptionsTxt).toMatch(/\dx/);
-      expect(descriptionsTxt).toContain(sampleResults.userAgent);
-    });
-  });
-
-  it('can set a custom templateContext', () => {
-    assert.equal(renderer._templateContext, renderer._dom.document());
-
-    const {window} = new jsdom.JSDOM(reportAssets.REPORT_TEMPLATES);
-    const otherDocument = window.document;
-    renderer.setTemplateContext(otherDocument);
-    assert.equal(renderer._templateContext, otherDocument);
-  });
-
-  it('should add LHR channel to doc link parameters', () => {
-    const lhrChannel = sampleResults.configSettings.channel;
-    // Make sure we have a channel in the LHR.
-    assert.ok(lhrChannel.length > 2);
-
-    const container = renderer._dom._document.body;
-    const output = renderer.renderReport(sampleResults, container);
-
-    const DOCS_ORIGINS = ['https://developers.google.com', 'https://web.dev'];
-    const utmChannels = [...output.querySelectorAll('a[href*="utm_source=lighthouse"')]
-      .map(a => new URL(a.href))
-      .filter(url => DOCS_ORIGINS.includes(url.origin))
-      .map(url => url.searchParams.get('utm_medium'));
-
-    assert.ok(utmChannels.length > 100);
-    for (const utmChannel of utmChannels) {
-      assert.strictEqual(utmChannel, lhrChannel);
-    }
-  });
-
-  it('renders `not_applicable` audits as `notApplicable`', () => {
-    const clonedSampleResult = JSON.parse(JSON.stringify(sampleResultsOrig));
-
-    let notApplicableCount = 0;
-    Object.values(clonedSampleResult.audits).forEach(audit => {
-      // The performance-budget audit is omitted from the DOM when it is not applicable
-      if (audit.scoreDisplayMode === 'notApplicable' && audit.id !== 'performance-budget') {
-        notApplicableCount++;
-        audit.scoreDisplayMode = 'not_applicable';
-      }
-    });
-
-    assert.ok(notApplicableCount > 20); // Make sure something's being tested.
-
-    const container = renderer._dom._document.body;
-    const reportElement = renderer.renderReport(sampleResults, container);
-    const notApplicableElementCount = reportElement
-      .querySelectorAll('.lh-audit--notapplicable').length;
-    assert.strictEqual(notApplicableCount, notApplicableElementCount);
-  });
-
-  describe('axe-core', () => {
-    let axe;
-
-    beforeAll(() =>{
-      // Needed by axe-core
-      // https://github.com/dequelabs/axe-core/blob/581c441c/doc/examples/jsdom/test/a11y.js#L24
-      global.window = global.self;
-      global.Node = global.self.Node;
-      global.Element = global.self.Element;
-
-      // axe-core must be required after the global polyfills
-      axe = require('axe-core');
-    });
-
-    afterAll(() => {
-      global.window = undefined;
-      global.Node = undefined;
-      global.Element = undefined;
-    });
-
-    it('renders without axe violations', () => {
-      const container = renderer._dom._document.createElement('main');
-      const output = renderer.renderReport(sampleResults, container);
-      renderer._dom._document.body.appendChild(container);
-
-      const config = {
-        rules: {
-          // Reports may have duplicate ids
-          // https://github.com/GoogleChrome/lighthouse/issues/9432
-          'duplicate-id': {enabled: false},
-          'duplicate-id-aria': {enabled: false},
-          'landmark-no-duplicate-contentinfo': {enabled: false},
-          // The following rules are disable for axe-core + jsdom compatibility
-          // https://github.com/dequelabs/axe-core/tree/b573b1c1/doc/examples/jest_react#to-run-the-example
-          'color-contrast': {enabled: false},
-          'link-in-text-block': {enabled: false},
-          // Report has empty links prior to i18n-ing.
-          'link-name': {enabled: false},
-          // May not be a real issue. https://github.com/dequelabs/axe-core/issues/2958
-          'nested-interactive': {enabled: false},
-        },
-      };
-
-      return new Promise(resolve => {
-        axe.run(output, config, (error, {violations}) => {
-          expect(error).toBeNull();
-          expect(violations).toEqual([]);
-          resolve();
-        });
-      });
-    // This test takes 40s on fast hardware, and 50-60s on GHA.
-    // https://github.com/dequelabs/axe-core/tree/b573b1c1/doc/examples/jest_react#timeout-issues
-    }, /* timeout= */ 100 * 1000);
-  });
-});