chrome-devtools-frontend 1.0.1506453 → 1.0.1510180

package/front_end/models/trace/extras/FilmStrip.test.ts

@@ -1,90 +0,0 @@
-// Copyright 2023 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import {describeWithEnvironment} from '../../../testing/EnvironmentHelpers.js';
-import {TraceLoader} from '../../../testing/TraceLoader.js';
-import * as Trace from '../trace.js';
-
-describeWithEnvironment('FilmStrip', function() {
-  /**
-   * See `models/trace/types/TraceEvents.ts` for the type of `LegacyScreenshot`
-   * and the comment explaining the differences in the "old" and "new" format.
-   */
-  describe('using the old screenshot format', () => {
-    it('identifies the frames from a trace', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'web-dev.json.gz');
-      const filmStrip = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-      assert.lengthOf(filmStrip.frames, 5);
-    });
-
-    it('exposes the snapshot string for each frame', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'web-dev.json.gz');
-      const filmStrip = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-      assert.isTrue(filmStrip.frames.every(frame => {
-        return Trace.Types.Events.isLegacySyntheticScreenshot(frame.screenshotEvent) &&
-            typeof frame.screenshotEvent.args.dataUri === 'string' && frame.screenshotEvent.args.dataUri.length > 0;
-      }));
-    });
-
-    it('can use a custom zero time to filter out screenshots', async function() {
-      const {screenshotImageDataUri} = Trace.Handlers.ModelHandlers.Screenshots;
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'web-dev.json.gz');
-      const filmStrip = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-      // Set a custom zero time after the first screenshot and ensure that we now only have four events.
-      const newCustomZeroTime = Trace.Types.Timing.Micro(filmStrip.frames[0].screenshotEvent.ts + 1000);
-      const newFilmStrip = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace, newCustomZeroTime);
-      // Check that the new film strip is all the frames other than the first, now we have set a custom time.
-      assert.deepEqual(newFilmStrip.frames.map(f => screenshotImageDataUri(f.screenshotEvent)), [
-        screenshotImageDataUri(filmStrip.frames[1].screenshotEvent),
-        screenshotImageDataUri(filmStrip.frames[2].screenshotEvent),
-        screenshotImageDataUri(filmStrip.frames[3].screenshotEvent),
-        screenshotImageDataUri(filmStrip.frames[4].screenshotEvent),
-      ]);
-    });
-  });
-
-  describe('using the new screenshot format', () => {
-    it('identifies the frames from a trace', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'example-dot-com.json.gz');
-      const filmStrip = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-      assert.lengthOf(filmStrip.frames, 2);
-    });
-
-    it('has an array of new screenshot events', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'example-dot-com.json.gz');
-      const filmStrip = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-      assert.isTrue(filmStrip.frames.every(f => Trace.Types.Events.isScreenshot(f.screenshotEvent)));
-    });
-  });
-
-  it('caches the film strip based on the trace data and the zero time', async function() {
-    const {parsedTrace} = await TraceLoader.traceEngine(this, 'web-dev.json.gz');
-    const filmStrip1 = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-    const filmStrip2 = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-    // It is from cache so you get back the exact same object.
-    assert.strictEqual(filmStrip1, filmStrip2);
-
-    const filmStrip3 = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace, Trace.Types.Timing.Micro(0));
-    const filmStrip4 = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace, Trace.Types.Timing.Micro(5));
-    // Not equal as the calls had different start times.
-    assert.notStrictEqual(filmStrip3, filmStrip4);
-  });
-
-  it('can return the frame closest to a given timestamp', async function() {
-    const {parsedTrace} = await TraceLoader.traceEngine(this, 'web-dev.json.gz');
-    const filmStrip = Trace.Extras.FilmStrip.fromParsedTrace(parsedTrace);
-    const frameTimestamps = filmStrip.frames.map(frame => frame.screenshotEvent.ts);
-    assert.deepEqual(frameTimestamps, [1020034823345, 1020034961883, 1020035045298, 1020035061981, 1020035112030]);
-
-    const timestampNearestFirstFrame = Trace.Types.Timing.Micro(frameTimestamps[0] + 10);
-    assert.strictEqual(
-        Trace.Extras.FilmStrip.frameClosestToTimestamp(filmStrip, timestampNearestFirstFrame), filmStrip.frames.at(0));
-    const timestampNearestThirdFrame = Trace.Types.Timing.Micro(frameTimestamps[2] + 10);
-    assert.strictEqual(
-        Trace.Extras.FilmStrip.frameClosestToTimestamp(filmStrip, timestampNearestThirdFrame), filmStrip.frames.at(2));
-
-    const timestampBeforeAnyFrames = Trace.Types.Timing.Micro(frameTimestamps[0] - 100);
-    assert.isNull(Trace.Extras.FilmStrip.frameClosestToTimestamp(filmStrip, timestampBeforeAnyFrames));
-  });
-});

package/front_end/models/trace/extras/MainThreadActivity.test.ts

@@ -1,82 +0,0 @@
-// Copyright 2023 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import {
-  makeCompleteEvent,
-} from '../../../testing/TraceHelpers.js';
-import * as Trace from '../trace.js';
-
-const DEVTOOLS_CATEGORY = 'disabled-by-default-devtools.timeline';
-function milliToMicro(x: number): Trace.Types.Timing.Micro {
-  return Trace.Helpers.Timing.milliToMicro(Trace.Types.Timing.Milli(x));
-}
-
-function makeFakeBounds(min: number, max: number): Trace.Types.Timing.TraceWindowMicro {
-  return {
-    min: Trace.Types.Timing.Micro(min),
-    max: Trace.Types.Timing.Micro(max),
-    range: Trace.Types.Timing.Micro(max - min),
-  };
-}
-
-describe('MainThreadActivity', function() {
-  it('will use the trace bounds if there is no period of low utilitisation', async () => {
-    const events = [
-      makeCompleteEvent('Program', milliToMicro(100), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(200), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(300), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(400), milliToMicro(50), DEVTOOLS_CATEGORY),
-    ];
-    const bounds = makeFakeBounds(milliToMicro(100), milliToMicro(450));
-    const win = Trace.Extras.MainThreadActivity.calculateWindow(bounds, events);
-    assert.strictEqual(win.min, bounds.min);
-    assert.strictEqual(win.max, bounds.max);
-  });
-
-  it('focuses the window to avoid periods of low utilisation', async () => {
-    const events = [
-      makeCompleteEvent('Program', milliToMicro(1), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(200), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(210), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(240), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(230), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(1_000), milliToMicro(50), DEVTOOLS_CATEGORY),
-    ];
-    const bounds = makeFakeBounds(milliToMicro(1), milliToMicro(1_050));
-    const win = Trace.Extras.MainThreadActivity.calculateWindow(bounds, events);
-    // This trace has:
-    // 1 event at 1
-    // 4 events between 200 and 230ms
-    // 1 event at 1000ms
-    // Therefore, the window focuses on the time period of 1 to 280ms (280 is
-    // the end time of the event that starts at 230ms).
-    // The right number looks odd because when we zoom the window we adjust it
-    // positively by 5% for the upper bound to give it some breathing room.
-    assert.strictEqual(win.min, milliToMicro(1));
-    assert.strictEqual(win.max, milliToMicro(293.95));
-  });
-
-  it('uses the entire trace window if the period of low utilisation makes up the majority of the trace', async () => {
-    const events = [
-      makeCompleteEvent('Program', milliToMicro(100), milliToMicro(50), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(200_000), milliToMicro(50_000), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(300_000), milliToMicro(50_000), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(400_000), milliToMicro(50_000), DEVTOOLS_CATEGORY),
-      makeCompleteEvent('Program', milliToMicro(4_000_000), milliToMicro(50_000), DEVTOOLS_CATEGORY),
-    ];
-    // These events are very spaced out!
-    // 1 at 100ms
-    // 1 at 200,000ms
-    // 1 at 300,000ms
-    // 1 at 400,000ms
-    // 1 at 4million ms!
-    // This means that the area the autozoom picks is less than 10% of the
-    // total time span, meaning that we fallback to just showing the entire
-    // trace window.
-    const bounds = makeFakeBounds(milliToMicro(100), milliToMicro(4_050_000));
-    const win = Trace.Extras.MainThreadActivity.calculateWindow(bounds, events);
-    // We expect the window to equal the entire trace bounds.
-    assert.deepEqual(win, bounds);
-  });
-});

package/front_end/models/trace/extras/ScriptDuplication.test.ts

@@ -1,407 +0,0 @@
-// Copyright 2025 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Platform from '../../../core/platform/platform.js';
-import * as SDK from '../../../core/sdk/sdk.js';
-import type * as Protocol from '../../../generated/protocol.js';
-import {describeWithEnvironment, expectConsoleLogs} from '../../../testing/EnvironmentHelpers.js';
-import {fetchFileAsText} from '../../../testing/TraceLoader.js';
-import * as Trace from '../trace.js';
-
-async function loadScriptFixture(
-    name: string, modify?: (fixture: {content: string, sourceMapJson: SDK.SourceMap.SourceMapV3Object}) => void):
-    Promise<Trace.Handlers.ModelHandlers.Scripts.Script> {
-  const content =
-      await fetchFileAsText(new URL(`../../../panels/timeline/fixtures/traces/scripts/${name}.js.gz`, import.meta.url));
-  const mapText = await fetchFileAsText(
-      new URL(`../../../panels/timeline/fixtures/traces/scripts/${name}.js.map.gz`, import.meta.url));
-  const sourceMapJson = JSON.parse(mapText) as SDK.SourceMap.SourceMapV3Object;
-  const fixture = {content, sourceMapJson};
-  if (modify) {
-    modify(fixture);
-  }
-
-  const compiledUrl = Platform.DevToolsPath.urlString`${name}.js`;
-  const mapUrl = Platform.DevToolsPath.urlString`${name}.js.map`;
-  return {
-    isolate: 'iso',
-    scriptId: `1.${name}` as Protocol.Runtime.ScriptId,
-    frame: 'abcdef',
-    ts: 0 as Trace.Types.Timing.Micro,
-    inline: false,
-    content: fixture.content,
-    sourceMap: new SDK.SourceMap.SourceMap(compiledUrl, mapUrl, fixture.sourceMapJson),
-  };
-}
-
-describeWithEnvironment('ScriptDuplication', function() {
-  describe('computeGeneratedFileSizes', () => {
-    it('works (simple map)', async function() {
-      const script = await loadScriptFixture('foo.min');
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        files: {
-          'node_modules/browser-pack/_prelude.js': 480,
-          'src/bar.js': 104,
-          'src/foo.js': 98,
-        },
-        totalBytes: 718,
-        unmappedBytes: 36,
-      });
-    });
-
-    it('works (complex map)', async function() {
-      const script = await loadScriptFixture('squoosh');
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        files: {
-          'webpack:///node_modules/comlink/comlink.js': 4117,
-          'webpack:///node_modules/linkstate/dist/linkstate.es.js': 412,
-          'webpack:///node_modules/pointer-tracker/dist/PointerTracker.mjs': 2672,
-          'webpack:///node_modules/pretty-bytes/index.js': 635,
-          'webpack:///src/codecs/browser-bmp/encoder-meta.ts': 343,
-          'webpack:///src/codecs/browser-bmp/encoder.ts': 101,
-          'webpack:///src/codecs/browser-gif/encoder-meta.ts': 343,
-          'webpack:///src/codecs/browser-gif/encoder.ts': 101,
-          'webpack:///src/codecs/browser-jp2/encoder-meta.ts': 349,
-          'webpack:///src/codecs/browser-jp2/encoder.ts': 101,
-          'webpack:///src/codecs/browser-jpeg/encoder-meta.ts': 282,
-          'webpack:///src/codecs/browser-jpeg/encoder.ts': 115,
-          'webpack:///src/codecs/browser-jpeg/options.ts': 35,
-          'webpack:///src/codecs/browser-pdf/encoder-meta.ts': 349,
-          'webpack:///src/codecs/browser-pdf/encoder.ts': 101,
-          'webpack:///src/codecs/browser-png/encoder-meta.ts': 268,
-          'webpack:///src/codecs/browser-png/encoder.tsx': 101,
-          'webpack:///src/codecs/browser-tiff/encoder-meta.ts': 347,
-          'webpack:///src/codecs/browser-tiff/encoder.ts': 101,
-          'webpack:///src/codecs/browser-webp/encoder-meta.ts': 358,
-          'webpack:///src/codecs/browser-webp/encoder.ts': 115,
-          'webpack:///src/codecs/browser-webp/options.ts': 34,
-          'webpack:///src/codecs/decoders.ts': 206,
-          'webpack:///src/codecs/encoders.ts': 336,
-          'webpack:///src/codecs/generic/quality-option.tsx': 398,
-          'webpack:///src/codecs/generic/util.ts': 159,
-          'webpack:///src/codecs/identity/encoder-meta.ts': 46,
-          'webpack:///src/codecs/imagequant/options.tsx': 1052,
-          'webpack:///src/codecs/imagequant/processor-meta.ts': 40,
-          'webpack:///src/codecs/input-processors.ts': 11,
-          'webpack:///src/codecs/mozjpeg/encoder-meta.ts': 436,
-          'webpack:///src/codecs/mozjpeg/options.tsx': 4416,
-          'webpack:///src/codecs/optipng/encoder-meta.ts': 59,
-          'webpack:///src/codecs/optipng/options.tsx': 366,
-          'webpack:///src/codecs/preprocessors.ts': 75,
-          'webpack:///src/codecs/processor-worker/index.ts': 50,
-          'webpack:///src/codecs/processor.ts': 2380,
-          'webpack:///src/codecs/resize/options.tsx': 3970,
-          'webpack:///src/codecs/resize/processor-meta.ts': 225,
-          'webpack:///src/codecs/resize/processor-sync.ts': 462,
-          'webpack:///src/codecs/resize/util.ts': 134,
-          'webpack:///src/codecs/rotate/processor-meta.ts': 18,
-          'webpack:///src/codecs/tiny.webp': 89,
-          'webpack:///src/codecs/webp/encoder-meta.ts': 660,
-          'webpack:///src/codecs/webp/options.tsx': 5114,
-          'webpack:///src/components/Options/index.tsx': 2176,
-          'webpack:///src/components/Options/style.scss': 410,
-          'webpack:///src/components/Output/custom-els/PinchZoom/index.ts': 3653,
-          'webpack:///src/components/Output/custom-els/TwoUp/index.ts': 2088,
-          'webpack:///src/components/Output/custom-els/TwoUp/styles.css': 75,
-          'webpack:///src/components/Output/index.tsx': 5199,
-          'webpack:///src/components/Output/style.scss': 447,
-          'webpack:///src/components/checkbox/index.tsx': 247,
-          'webpack:///src/components/checkbox/style.scss': 106,
-          'webpack:///src/components/compress/custom-els/MultiPanel/index.ts': 3461,
-          'webpack:///src/components/compress/custom-els/MultiPanel/styles.css': 105,
-          'webpack:///src/components/compress/index.tsx': 8782,
-          'webpack:///src/components/compress/result-cache.ts': 611,
-          'webpack:///src/components/compress/style.scss': 132,
-          'webpack:///src/components/expander/index.tsx': 901,
-          'webpack:///src/components/expander/style.scss': 66,
-          'webpack:///src/components/range/index.tsx': 566,
-          'webpack:///src/components/range/style.scss': 200,
-          'webpack:///src/components/results/FileSize.tsx': 445,
-          'webpack:///src/components/results/index.tsx': 1538,
-          'webpack:///src/components/results/style.scss': 780,
-          'webpack:///src/components/select/index.tsx': 291,
-          'webpack:///src/components/select/style.scss': 103,
-          'webpack:///src/custom-els/RangeInput/index.ts': 2138,
-          'webpack:///src/custom-els/RangeInput/styles.css': 180,
-          'webpack:///src/lib/clean-modify.ts': 331,
-          'webpack:///src/lib/icons.tsx': 2531,
-          'webpack:///src/lib/util.ts': 4043,
-        },
-        totalBytes: 83748,
-        unmappedBytes: 10061,
-      });
-    });
-
-    it('fault tolerance (null source)', async function() {
-      const script = await loadScriptFixture('foo.min', fixture => {
-        const map = fixture.sourceMapJson;
-        // @ts-expect-error
-        map.sources[1] = null;
-      });
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        files: {
-          'node_modules/browser-pack/_prelude.js': 480,
-          null: 104,
-          'src/foo.js': 98,
-        },
-        totalBytes: 718,
-        unmappedBytes: 36,
-      });
-    });
-
-    expectConsoleLogs({
-      error: ['Failed to parse source map Error: Unexpected char \' \' encountered while decoding'],
-    });
-
-    it('fault tolerance (bogus mappings)', async function() {
-      const script = await loadScriptFixture('foo.min', fixture => {
-        fixture.sourceMapJson.mappings = 'blahblah blah';
-      });
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        files: {},
-        totalBytes: 718,
-        unmappedBytes: 718,
-      });
-    });
-
-    it('fault tolerance (mismatched content/map 1)', async function() {
-      const script = await loadScriptFixture('foo.min', fixture => {
-        fixture.content = 'blahblah blah';
-      });
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        errorMessage: 'foo.min.js.map mapping for last column out of bounds: 1:14',
-      });
-    });
-
-    it('fault tolerance (mismatched content/map 2)', async function() {
-      const script = await loadScriptFixture('foo.min', fixture => {
-        fixture.content = '';
-      });
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        errorMessage: 'foo.min.js.map mapping for column out of bounds: 1:1',
-      });
-    });
-
-    it('fault tolerance (mismatched content/map 3)', async function() {
-      const script = await loadScriptFixture('foo.min', fixture => {
-        const newMappings = fixture.sourceMapJson.mappings.split(',');
-        assert.strictEqual(newMappings[1], 'SAAAA');
-        // Make the column offset very big, force out of bounds.
-        // See https://www.mattzeunert.com/2016/02/14/how-do-source-maps-work.html
-        newMappings[1] = 'kD' +
-            'AAAA';
-        fixture.sourceMapJson.mappings = newMappings.join(',');
-      });
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        errorMessage: 'foo.min.js.map mapping for last column out of bounds: 1:685',
-      });
-    });
-
-    it('fault tolerance (mismatched content/map 4)', async function() {
-      const script = await loadScriptFixture('foo.min', fixture => {
-        const newMappings = fixture.sourceMapJson.mappings.split(',');
-        assert.strictEqual(newMappings[1], 'SAAAA');
-        // Make the line offset very big, force out of bounds.
-        // See https://sourcemaps.info/spec.html#:~:text=broken%20down%20as%20follows
-        fixture.sourceMapJson.mappings = ';'.repeat(10) + fixture.sourceMapJson.mappings;
-      });
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        errorMessage: 'foo.min.js.map mapping for line out of bounds: 11',
-      });
-    });
-
-    it('fault tolerance (bad names)', async function() {
-      const script = await loadScriptFixture('foo.min', fixture => {
-        fixture.sourceMapJson.names = ['blah'];
-      });
-      const sizes = Trace.Handlers.ModelHandlers.Scripts.getScriptGeneratedSizes(script);
-      assert.deepEqual(sizes, {
-        files: {
-          'node_modules/browser-pack/_prelude.js': 480,
-          'src/bar.js': 104,
-          'src/foo.js': 98,
-        },
-        totalBytes: 718,
-        unmappedBytes: 36,
-      });
-    });
-  });
-
-  describe('computeScriptDuplication', () => {
-    function getDuplication(scriptsData: Trace.Handlers.ModelHandlers.Scripts.ScriptsData):
-        Trace.Extras.ScriptDuplication.ScriptDuplication {
-      return Trace.Extras.ScriptDuplication.computeScriptDuplication(scriptsData, new Map())
-          .duplicationGroupedByNodeModules;
-    }
-
-    it('works (simple, no duplication)', async () => {
-      const scriptsData: Trace.Handlers.ModelHandlers.Scripts.ScriptsData = {
-        scripts: [await loadScriptFixture('foo.min')],
-      };
-
-      const results = Object.fromEntries(getDuplication(scriptsData));
-      assert.deepEqual(results, {});
-    });
-
-    it('works (complex, lots of duplication)', async () => {
-      const scriptsData: Trace.Handlers.ModelHandlers.Scripts.ScriptsData = {
-        scripts: [await loadScriptFixture('coursehero-bundle-1'), await loadScriptFixture('coursehero-bundle-2')],
-      };
-
-      const results = Object.fromEntries([...getDuplication(scriptsData).entries()].map(([key, data]) => {
-        return [
-          key, data.duplicates.map(v => ({scriptId: v.script.scriptId as string, resourceSize: v.attributedSize}))
-        ];
-      }));
-      assert.deepEqual(results, {
-        'coursehero:///Control/assets/js/vendor/ng/select/select.js': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 48513},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 48513}
-        ],
-        'coursehero:///js/src/search/results/store/filter-store.ts': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 12717},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 12650}
-        ],
-        'coursehero:///Control/assets/js/vendor/ng/select/angular-sanitize.js': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 9135},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 9135}
-        ],
-        'coursehero:///js/src/common/component/school-search.tsx': [
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 5840},
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 5316}
-        ],
-        'node_modules/@babel/runtime': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 6929},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 4811},
-        ],
-        'coursehero:///js/src/search/results/view/filter/autocomplete-filter.tsx': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 3823},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 3812}
-        ],
-        'coursehero:///js/src/common/component/search/abstract-taxonomy-search.tsx': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 3103},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 3098}
-        ],
-        'coursehero:///js/src/search/results/view/filter/autocomplete-filter-with-icon.tsx': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 2696},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 2693}
-        ],
-        'node_modules/lodash-es': [
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 4384},
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 2489},
-        ],
-        'coursehero:///js/src/utils/service/amplitude-service.ts': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 1348},
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 1325}
-        ],
-        'coursehero:///js/src/search/results/view/filter/autocomplete-list.tsx': [
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 1143},
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 1134}
-        ],
-        'coursehero:///js/src/search/results/store/filter-actions.ts': [
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 956}, {scriptId: '1.coursehero-bundle-1', resourceSize: 946}
-        ],
-        'coursehero:///js/src/search/results/store/item/resource-types.ts': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 783}, {scriptId: '1.coursehero-bundle-2', resourceSize: 775}
-        ],
-        'coursehero:///js/src/utils/service/gsa-inmeta-tags.ts': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 591}, {scriptId: '1.coursehero-bundle-2', resourceSize: 563}
-        ],
-        'coursehero:///js/src/search/results/service/api/filter-api-service.ts': [
-          {scriptId: '1.coursehero-bundle-1', resourceSize: 554}, {scriptId: '1.coursehero-bundle-2', resourceSize: 534}
-        ],
-        'coursehero:///js/src/common/component/search/course-search.tsx': [
-          {scriptId: '1.coursehero-bundle-2', resourceSize: 545}, {scriptId: '1.coursehero-bundle-1', resourceSize: 544}
-        ],
-      });
-    });
-  });
-
-  describe('normalizeDuplication', () => {
-    function makeDuplication(entries: Array<{source: string, resourceSize: number}>):
-        Trace.Extras.ScriptDuplication.ScriptDuplication {
-      const duplication = new Map();
-
-      for (const {source, resourceSize} of entries) {
-        const data = duplication.get(source) ?? {estimatedWastedBytes: 0, duplicates: []};
-        duplication.set(source, data);
-        data.duplicates.push({resourceSize});
-      }
-
-      return duplication;
-    }
-
-    it('removes entries with just one value', () => {
-      const duplication = makeDuplication([{source: '1', resourceSize: 100}]);
-      Trace.Extras.ScriptDuplication.normalizeDuplication(duplication);
-      const results = Object.fromEntries(duplication);
-      assert.deepEqual(results, {});
-    });
-
-    it('sorts entries based on resource size', () => {
-      const duplication = makeDuplication([
-        {source: '1', resourceSize: 250},
-        {source: '1', resourceSize: 200},
-        {source: '2', resourceSize: 200},
-        {source: '2', resourceSize: 250},
-      ]);
-      Trace.Extras.ScriptDuplication.normalizeDuplication(duplication);
-      const results = Object.fromEntries(duplication);
-      assert.deepEqual(results, {});
-    });
-
-    it('removes duplication if size is much smaller than the largest', () => {
-      const duplication = makeDuplication([
-        {source: '1', resourceSize: 200},
-        {source: '1', resourceSize: 1},
-        {source: '1', resourceSize: 250},
-        {source: '2', resourceSize: 250},
-        {source: '2', resourceSize: 1},
-      ]);
-      Trace.Extras.ScriptDuplication.normalizeDuplication(duplication);
-      const results = Object.fromEntries(duplication);
-      assert.deepEqual(results, {});
-    });
-  });
-
-  it('normalizeSource', () => {
-    const testCases = [
-      ['test.js', 'test.js'],
-      ['node_modules/othermodule.js', 'node_modules/othermodule.js'],
-      ['node_modules/somemodule/node_modules/othermodule.js', 'node_modules/othermodule.js'],
-      [
-        'node_modules/somemodule/node_modules/somemodule2/node_modules/othermodule.js',
-        'node_modules/othermodule.js',
-      ],
-      ['webpack.js?', 'webpack.js'],
-    ];
-    for (const [input, expected] of testCases) {
-      assert.strictEqual(Trace.Extras.ScriptDuplication.normalizeSource(input), expected);
-    }
-  });
-
-  it('getNodeModuleName', () => {
-    const testCases = [
-      ['node_modules/package/othermodule.js', 'package'],
-      ['node_modules/somemodule/node_modules/package/othermodule.js', 'package'],
-      [
-        'node_modules/somemodule/node_modules/somemodule2/node_modules/somemodule2/othermodule.js',
-        'somemodule2',
-      ],
-      ['node_modules/@lh/ci', '@lh/ci'],
-      ['node_modules/blahblah/node_modules/@lh/ci', '@lh/ci'],
-    ];
-    for (const [input, expected] of testCases) {
-      assert.strictEqual(Trace.Extras.ScriptDuplication.getNodeModuleName(input), expected);
-    }
-  });
-});