chrome-devtools-frontend 1.0.1506453 → 1.0.1510180

package/front_end/models/ai_assistance/data_formatters/FileFormatter.test.ts

@@ -1,116 +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 Common from '../../../core/common/common.js';
-import * as Platform from '../../../core/platform/platform.js';
-import * as SDK from '../../../core/sdk/sdk.js';
-import {createNetworkRequest, createUISourceCode} from '../../../testing/AiAssistanceHelpers.js';
-import {
-  createTarget,
-} from '../../../testing/EnvironmentHelpers.js';
-import {describeWithMockConnection} from '../../../testing/MockConnection.js';
-import {loadBasicSourceMapExample} from '../../../testing/SourceMapHelpers.js';
-import * as Bindings from '../../bindings/bindings.js';
-import * as Workspace from '../../workspace/workspace.js';
-import {FileFormatter} from '../ai_assistance.js';
-
-describeWithMockConnection('FileFormatter', () => {
-  beforeEach(() => {
-    const workspace = Workspace.Workspace.WorkspaceImpl.instance();
-    const targetManager = SDK.TargetManager.TargetManager.instance();
-    const resourceMapping = new Bindings.ResourceMapping.ResourceMapping(targetManager, workspace);
-    const ignoreListManager = Workspace.IgnoreListManager.IgnoreListManager.instance({forceNew: true});
-    Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance({
-      forceNew: true,
-      resourceMapping,
-      targetManager,
-      ignoreListManager,
-    });
-  });
-
-  describe('formatSourceMapDetails', () => {
-    it('returns source map', async () => {
-      // TODO: source map needs to be tested as part of the
-      // formatFile.
-      const target = createTarget();
-      const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
-      const debuggerModel = target.model(SDK.DebuggerModel.DebuggerModel);
-      assert.exists(debuggerModel);
-
-      const script = (await loadBasicSourceMapExample(target)).script;
-      const uiSourceCode = debuggerWorkspaceBinding.uiSourceCodeForScript(script);
-      assert.exists(uiSourceCode);
-
-      const response = FileFormatter.formatSourceMapDetails(uiSourceCode, debuggerWorkspaceBinding);
-      assert.strictEqual(response, 'Source map: file://gen.js.map');
-    });
-  });
-
-  describe('formatFile', () => {
-    it('formats file content', async () => {
-      const uiSourceCode = await createUISourceCode({
-        content: 'lorem ipsum',
-        requestContentData: true,
-      });
-      assert.strictEqual(new FileFormatter(uiSourceCode).formatFile(), `File name: script.js
-URL: http://example.test/script.js
-File content:
-\`\`\`
-lorem ipsum
-\`\`\``);
-    });
-
-    it('formats file with associated request initiator chain', async () => {
-      const networkRequest = createNetworkRequest({includeInitiators: true});
-      const uiSourceCode = await createUISourceCode({
-        content: 'lorem ipsum',
-        requestContentData: true,
-        url: networkRequest.url(),
-      });
-      sinon.stub(SDK.ResourceTreeModel.ResourceTreeModel, 'resourceForURL').withArgs(networkRequest.url()).returns({
-        request: networkRequest
-      } as SDK.Resource.Resource);
-      assert.strictEqual(new FileFormatter(uiSourceCode).formatFile(), `File name: script.js
-URL: https://www.example.com/script.js
-Request initiator chain:
-- URL: <redacted cross-origin initiator URL>
-\t- URL: https://www.example.com/script.js
-\t\t- URL: https://www.example.com/1
-\t\t- URL: https://www.example.com/2
-File content:
-\`\`\`
-lorem ipsum
-\`\`\``);
-    });
-
-    it('formats file content of a binary file', async () => {
-      const uiSourceCode = await createUISourceCode({
-        resourceType: Common.ResourceType.resourceTypes.Image,
-        mimeType: 'application/png',
-        url: Platform.DevToolsPath.urlString`http://example.test/test.png`,
-        requestContentData: true,
-      });
-      assert.strictEqual(new FileFormatter(uiSourceCode).formatFile(), `File name: test.png
-URL: http://example.test/test.png
-File content:
-\`\`\`
-<binary data>
-\`\`\``);
-    });
-
-    it('truncates long file content', async () => {
-      const uiSourceCode = await createUISourceCode({
-        content: 'lorem ipsum'.repeat(10_000),
-        requestContentData: true,
-      });
-      assert.strictEqual(new FileFormatter(uiSourceCode).formatFile(), `File name: script.js
-URL: http://example.test/script.js
-File content:
-\`\`\`
-lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsuml...
-\`\`\``);
-    });
-  });
-});

package/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.test.ts

@@ -1,87 +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 {NetworkRequestFormatter} from '../ai_assistance.js';
-
-describe('NetworkRequestFormatter', () => {
-  describe('allowHeader', () => {
-    it('allows a header from the list', () => {
-      assert.isTrue(NetworkRequestFormatter.allowHeader('content-type'));
-    });
-
-    it('disallows headers not on the list', () => {
-      assert.isFalse(NetworkRequestFormatter.allowHeader('cookie'));
-      assert.isFalse(NetworkRequestFormatter.allowHeader('set-cookie'));
-      assert.isFalse(NetworkRequestFormatter.allowHeader('authorization'));
-    });
-  });
-
-  describe('formatInitiatorUrl', () => {
-    const tests = [
-      {
-        allowedResource: 'https://example.test',
-        targetResource: 'https://example.test',
-        shouldBeRedacted: false,
-      },
-      {
-        allowedResource: 'https://example.test',
-        targetResource: 'https://another-example.test',
-        shouldBeRedacted: true,
-      },
-      {
-        allowedResource: 'file://test',
-        targetResource: 'https://another-example.test',
-        shouldBeRedacted: true,
-      },
-      {
-        allowedResource: 'https://another-example.test',
-        targetResource: 'file://test',
-        shouldBeRedacted: true,
-      },
-      {
-        allowedResource: 'https://test.example.test',
-        targetResource: 'https://example.test',
-        shouldBeRedacted: true,
-      },
-      {
-        allowedResource: 'https://test.example.test:9900',
-        targetResource: 'https://test.example.test:9901',
-        shouldBeRedacted: true,
-      },
-    ];
-
-    for (const t of tests) {
-      it(`${t.targetResource} test when allowed resource is ${t.allowedResource}`, () => {
-        const formatted = NetworkRequestFormatter.formatInitiatorUrl(
-            new URL(t.targetResource).origin, new URL(t.allowedResource).origin);
-        if (t.shouldBeRedacted) {
-          assert.strictEqual(
-              formatted, '<redacted cross-origin initiator URL>', `${JSON.stringify(t)} was not redacted`);
-        } else {
-          assert.strictEqual(formatted, t.targetResource, `${JSON.stringify(t)} was redacted`);
-        }
-      });
-    }
-  });
-
-  describe('formatHeaders', () => {
-    it('does not redact a header from the list', () => {
-      assert.strictEqual(
-          NetworkRequestFormatter.formatHeaders('test:', [{name: 'content-type', value: 'foo'}]),
-          'test:\ncontent-type: foo');
-    });
-
-    it('disallows headers not on the list', () => {
-      assert.strictEqual(
-          NetworkRequestFormatter.formatHeaders('test:', [{name: 'cookie', value: 'foo'}]),
-          'test:\ncookie: <redacted>');
-      assert.strictEqual(
-          NetworkRequestFormatter.formatHeaders('test:', [{name: 'set-cookie', value: 'foo'}]),
-          'test:\nset-cookie: <redacted>');
-      assert.strictEqual(
-          NetworkRequestFormatter.formatHeaders('test:', [{name: 'authorization', value: 'foo'}]),
-          'test:\nauthorization: <redacted>');
-    });
-  });
-});

package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.test.ts

@@ -1,367 +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 {describeWithEnvironment} from '../../../testing/EnvironmentHelpers.js';
-import {getFirstOrError, getInsightOrError} from '../../../testing/InsightHelpers.js';
-import {SnapshotTester} from '../../../testing/SnapshotTester.js';
-import {TraceLoader} from '../../../testing/TraceLoader.js';
-import {PerformanceInsightFormatter, TraceEventFormatter} from '../ai_assistance.js';
-
-describeWithEnvironment('PerformanceInsightFormatter', () => {
-  let snapshotTester: SnapshotTester;
-  before(async () => {
-    snapshotTester = new SnapshotTester(import.meta);
-    await snapshotTester.load();
-  });
-
-  after(async () => {
-    await snapshotTester.finish();
-  });
-
-  describe('LCP breakdown', () => {
-    it('serializes the correct details', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'web-dev-with-commit.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('LCPBreakdown', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      assert.isOk(insight.lcpRequest);
-      snapshotTester.assert(this, output);
-    });
-
-    it('formats correctly when the LCP is text based and has no load delay or time phases', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'lcp-web-font.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('LCPBreakdown', insights, firstNav);
-
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  it('formats correctly when the LCP image has nodeName', async function() {
-    const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'dpr.json.gz');
-    assert.isOk(insights);
-    const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-    const insight = getInsightOrError('LCPBreakdown', insights, firstNav);
-
-    const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-    const output = formatter.formatInsight();
-    snapshotTester.assert(this, output);
-  });
-
-  describe('Render blocking requests', () => {
-    it('tells the LLM if there are no render blocking requests', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'bad-document-request-latency.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('RenderBlocking', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-
-    it('serializes the correct details', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'render-blocking-requests.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('RenderBlocking', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('LCP Request discovery', () => {
-    it('serializes the correct details', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'lcp-discovery-delay.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('LCPDiscovery', insights, firstNav);
-
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-
-      assert.isOk(insight.lcpRequest);
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('Document request latency', () => {
-    it('serializes the correct details', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'bad-document-request-latency.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('DocumentLatency', insights, firstNav);
-
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-
-      const request = insight.data?.documentRequest;
-      assert.isOk(request);
-
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('CLS', () => {
-    it('serializes the correct details', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'layout-shifts-root-causes.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('CLSCulprits', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('INP breakdown', () => {
-    it('serializes the correct details', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'one-second-interaction.json.gz');
-      assert.isOk(insights);
-      const insight = getInsightOrError('INPBreakdown', insights);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('ModernHTTP', () => {
-    it('serializes the correct details when no requests are using legacy http', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'web-dev-with-commit.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('ModernHTTP', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-
-    it('serializes the correct details when requests are using legacy http', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'http1.1.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('ModernHTTP', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('Formatting TraceEvents', () => {
-    it('formats network requests that have redirects', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'bad-document-request-latency.json.gz');
-      const requestUrl = 'http://localhost:3000/redirect3';
-      const request = parsedTrace.NetworkRequests.byTime.find(r => r.args.data.url === requestUrl);
-      assert.isOk(request);
-      const output = TraceEventFormatter.networkRequests([request], parsedTrace, {verbose: true});
-      assert.include(output, `Redirects:
-#### Redirect 1: http://localhost:3000/
-- Start time: 3.04 ms
-- Duration: 512.02 ms
-#### Redirect 2: http://localhost:3000/redirect1
-- Start time: 515.06 ms
-- Duration: 505.67 ms
-#### Redirect 3: http://localhost:3000/redirect2
-- Start time: 1,020.73 ms
-- Duration: 507.09 ms
-`);
-    });
-
-    it('formats network requests in verbose mode', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'lcp-images.json.gz');
-      const requestUrl = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,800';
-      const request = parsedTrace.NetworkRequests.byTime.find(r => r.args.data.url === requestUrl);
-      assert.isOk(request);
-      const output = TraceEventFormatter.networkRequests([request], parsedTrace, {verbose: true});
-      snapshotTester.assert(this, output);
-    });
-
-    it('defaults to verbose mode when 1 request and verbose option is not defined', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'lcp-images.json.gz');
-      const requestUrl = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,800';
-      const request = parsedTrace.NetworkRequests.byTime.find(r => r.args.data.url === requestUrl);
-      assert.isOk(request);
-      const output = TraceEventFormatter.networkRequests([request], parsedTrace);
-      snapshotTester.assert(this, output);
-    });
-
-    it('getNetworkRequestsNewFormat correctly formats network requests for bad request latency trace', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'bad-document-request-latency.json.gz');
-      const requests = parsedTrace.NetworkRequests.byTime;
-      // Duplicate request so that the compressed format is used
-      const output = TraceEventFormatter.networkRequests([requests[0], requests[0]], parsedTrace);
-      const urlMapIndex = output.indexOf('allUrls = ');
-      assert.isAbove(urlMapIndex, -1, 'Could not find url map in output');
-      const dataWithUrlMap = output.substring(urlMapIndex);
-      const [urlMapString, requestData] = dataWithUrlMap.split('\n\n');
-
-      assert.strictEqual(
-          urlMapString,
-          'allUrls = [0: http://localhost:3000/redirect3, 1: http://localhost:3000/, 2: http://localhost:3000/redirect1, 3: http://localhost:3000/redirect2]');
-
-      const parts = requestData.split(';');
-      // Join the last field because it is a list of headers that might contain a semicolon
-      const fields = [...parts.slice(0, 18), parts.slice(18).join(';')];
-
-      assert.strictEqual(fields[0], '0', 'urlIndex');
-      assert.strictEqual(fields[1], '3.04 ms', 'queuedTime');
-      assert.strictEqual(fields[2], '1,529.47 ms', 'requestSentTime');
-      assert.strictEqual(fields[3], '3,532.63 ms', 'downloadCompleteTime');
-      assert.strictEqual(fields[4], '3,537.75 ms', 'processingCompleteTime');
-      assert.strictEqual(fields[5], '3,534.71 ms', 'totalDuration');
-      assert.strictEqual(fields[6], '0.13 ms', 'downloadDuration');
-      assert.strictEqual(fields[7], '5.12 ms', 'mainThreadProcessingDuration');
-      assert.strictEqual(fields[8], '200', 'statusCode');
-      assert.strictEqual(fields[9], 'text/html', 'mimeType');
-      assert.strictEqual(fields[10], 'VeryHigh', 'priority');
-      assert.strictEqual(fields[11], 'VeryHigh', 'initialPriority');
-      assert.strictEqual(fields[12], 'VeryHigh', 'finalPriority');
-      assert.strictEqual(fields[13], 'f', 'renderBlocking');
-      assert.strictEqual(fields[14], 'http/1.1', 'protocol');
-      assert.strictEqual(fields[15], 'f', 'fromServiceWorker');
-      assert.strictEqual(fields[16], '', 'initiators');
-      assert.strictEqual(
-          fields[17], '[[1|3.04 ms|512.02 ms],[2|515.06 ms|505.67 ms],[3|1,020.73 ms|507.09 ms]]', 'redirects');
-      assert.strictEqual(
-          fields[18],
-          '[Transfer-Encoding: chunked|Keep-Alive: <redacted>|Date: Tue, 11 Mar 2025 10:19:12 GMT|Content-Type: text/html|Connection: keep-alive]\n0;3.04 ms;1,529.47 ms;3,532.63 ms;3,537.75 ms;3,534.71 ms;0.13 ms;5.12 ms;200;text/html;VeryHigh;VeryHigh;VeryHigh;f;http/1.1;f;;[[1|3.04 ms|512.02 ms],[2|515.06 ms|505.67 ms],[3|1,020.73 ms|507.09 ms]];[Transfer-Encoding: chunked|Keep-Alive: <redacted>|Date: Tue, 11 Mar 2025 10:19:12 GMT|Content-Type: text/html|Connection: keep-alive]',
-          'responseHeaders');
-    });
-
-    it('getNetworkRequestsNewFormat correctly formats network requests for lcp-images trace', async function() {
-      const {parsedTrace} = await TraceLoader.traceEngine(this, 'lcp-images.json.gz');
-      const request = parsedTrace.NetworkRequests.byTime;
-      assert.isOk(request);
-      const output = TraceEventFormatter.networkRequests(request, parsedTrace);
-      const urlMapIndex = output.indexOf('allUrls = ');
-      assert.isAbove(urlMapIndex, -1, 'Could not find url map in output');
-      const dataWithUrlMap = output.substring(urlMapIndex);
-      const [urlMapString, requestData] = dataWithUrlMap.split('\n\n');
-      assert.strictEqual(
-          urlMapString,
-          'allUrls = [0: https://chromedevtools.github.io/performance-stories/lcp-large-image/index.html, 1: https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,800, 2: https://chromedevtools.github.io/performance-stories/lcp-large-image/app.css, 3: https://via.placeholder.com/50.jpg, 4: https://via.placeholder.com/2000.jpg]');
-
-      const allRequests = requestData.split('\n');
-      const parts = allRequests[1].split(';');
-      // Join the last field because it is a list of headers that might contain a semicolon
-      const fields = [...parts.slice(0, 18), parts.slice(18).join(';')];
-
-      assert.strictEqual(fields[0], '1', 'urlIndex');
-      assert.strictEqual(fields[1], '37.62 ms', 'queuedTime');
-      assert.strictEqual(fields[2], '41.71 ms', 'requestSentTime');
-      assert.strictEqual(fields[3], '48.04 ms', 'downloadCompleteTime');
-      assert.strictEqual(fields[4], '51.55 ms', 'processingCompleteTime');
-      assert.strictEqual(fields[5], '13.93 ms', 'totalDuration');
-      assert.strictEqual(fields[6], '4.79 ms', 'downloadDuration');
-      assert.strictEqual(fields[7], '3.51 ms', 'mainThreadProcessingDuration');
-      assert.strictEqual(fields[8], '200', 'statusCode');
-      assert.strictEqual(fields[9], 'text/css', 'mimeType');
-      assert.strictEqual(fields[10], 'VeryHigh', 'priority');
-      assert.strictEqual(fields[11], 'VeryHigh', 'initialPriority');
-      assert.strictEqual(fields[12], 'VeryHigh', 'finalPriority');
-      assert.strictEqual(fields[13], 't', 'renderBlocking');
-      assert.strictEqual(fields[14], 'unknown', 'protocol');
-      assert.strictEqual(fields[15], 'f', 'fromServiceWorker');
-      assert.strictEqual(fields[16], '0', 'initiators');
-      assert.strictEqual(fields[17], '[]', 'redirects');
-      assert.strictEqual(
-          fields[18],
-          '[date: Thu, 07 Mar 2024 21:17:02 GMT|content-encoding: gzip|x-content-type-options: nosniff|last-modified: Thu, 07 Mar 2024 21:17:02 GMT|server: ESF|cross-origin-opener-policy: <redacted>|x-frame-options: SAMEORIGIN|content-type: text/css; charset=utf-8|access-control-allow-origin: *|cache-control: private, max-age=86400, stale-while-revalidate=604800|cross-origin-resource-policy: <redacted>|timing-allow-origin: *|link: <https://fonts.gstatic.com>; rel=preconnect; crossorigin|x-xss-protection: 0|expires: Thu, 07 Mar 2024 21:17:02 GMT]',
-          'headers');
-    });
-
-    it('getNetworkRequestsNewFormat correctly formats an initiator chain for network-requests-initiators trace',
-       async function() {
-         const {parsedTrace} = await TraceLoader.traceEngine(this, 'network-requests-initiators.json.gz');
-         const request = parsedTrace.NetworkRequests.byTime;
-         assert.isOk(request);
-         const output = TraceEventFormatter.networkRequests(request, parsedTrace);
-         const urlMapIndex = output.indexOf('allUrls = ');
-         assert.isAbove(urlMapIndex, -1, 'Could not find url map in output');
-         const dataWithUrlMap = output.substring(urlMapIndex);
-         const [urlMapString, requestData] = dataWithUrlMap.split('\n\n');
-         assert.strictEqual(
-             urlMapString,
-             'allUrls = [0: https://www.youtube.com/, 1: https://i.ytimg.com/generate_204, 2: https://www.youtube.com/s/desktop/28bb7000/jsbin/desktop_polymer.vflset/desktop_polymer.js, 3: https://www.youtube.com/s/desktop/28bb7000/jsbin/web-animations-next-lite.min.vflset/web-animations-next-lite.min.js, 4: https://www.youtube.com/s/desktop/28bb7000/jsbin/custom-elements-es5-adapter.vflset/custom-elements-es5-adapter.js, 5: https://www.youtube.com/s/desktop/28bb7000/jsbin/webcomponents-sd.vflset/webcomponents-sd.js, 6: https://www.youtube.com/s/desktop/28bb7000/jsbin/intersection-observer.min.vflset/intersection-observer.min.js, 7: https://www.youtube.com/s/desktop/28bb7000/jsbin/scheduler.vflset/scheduler.js, 8: https://www.youtube.com/s/desktop/28bb7000/jsbin/www-i18n-constants-en_US.vflset/www-i18n-constants.js, 9: https://www.youtube.com/s/desktop/28bb7000/jsbin/www-tampering.vflset/www-tampering.js, 10: https://www.youtube.com/s/desktop/28bb7000/jsbin/spf.vflset/spf.js, 11: https://www.youtube.com/s/desktop/28bb7000/jsbin/network.vflset/network.js, 12: https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=YouTube+Sans:wght@300..900&display=swap, 13: https://www.youtube.com/s/desktop/28bb7000/cssbin/www-main-desktop-home-page-skeleton.css, 14: https://www.youtube.com/s/desktop/28bb7000/cssbin/www-onepick.css, 15: https://www.youtube.com/s/_/ytmainappweb/_/ss/k=ytmainappweb.kevlar_base.YzCM3q0siy4.L.B1.O/am=ADA7AQ/d=0/br=1/rs=AGKMywG7cU8b38Gfv3WYn4_os7hoqR-TIw, 16: https://googleads.g.doubleclick.net/pagead/id?slf_rd=1, 17: https://googleads.g.doubleclick.net/pagead/id, 18: https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2, 19: https://www.youtube.com/s/search/audio/failure.mp3, 20: https://www.youtube.com/s/search/audio/no_input.mp3, 21: https://www.youtube.com/s/search/audio/open.mp3, 22: https://www.youtube.com/s/search/audio/success.mp3, 23: https://www.youtube.com/s/desktop/28bb7000/cssbin/www-main-desktop-watch-page-skeleton.css, 24: https://www.youtube.com/youtubei/v1/att/get?prettyPrint=false, 25: https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2, 26: https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_T7fE.woff2, 27: https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2, 28: https://www.youtube.com/youtubei/v1/feedback?prettyPrint=false, 29: https://www.google.com/js/th/EirmVnnNlSgqRyHN1YLvHhRw11SWUqUPb76JYHphonQ.js, 30: https://www.youtube.com/manifest.webmanifest, 31: https://www.youtube.com/s/desktop/28bb7000/img/favicon.ico, 32: https://www.gstatic.com/youtube/img/branding/favicon/favicon_144x144.png, 33: https://www.youtube.com/s/player/5b22937f/player_ias.vflset/en_US/base.js, 34: https://www.youtube.com/s/player/5b22937f/www-player.css]');
-
-         const allRequests = requestData.split('\n');
-         const parts = allRequests[24].split(';');
-         // Join the last field because it is a list of headers that might contain a semicolon
-         const fields = [...parts.slice(0, 18), parts.slice(18).join(';')];
-
-         assert.strictEqual(fields[16], '0,12', 'initiators');
-       });
-  });
-
-  describe('Duplicated javascript', () => {
-    it('serializes the correct details', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'dupe-js.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('DuplicatedJavaScript', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-
-    it('serializes no details if there is no duplicate javascript', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'web-dev-with-commit.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('DuplicatedJavaScript', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('Legacy JavaScript', () => {
-    it('serializes the correct details when there is no legacy javascript in modules', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'web-dev-with-commit.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('LegacyJavaScript', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-
-    it('serializes the correct details when modules contain legacy javascript', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'yahoo-news.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('LegacyJavaScript', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-
-  describe('ImageDelivery', () => {
-    it('serializes the correct details when there are no optimizable images', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'web-dev-with-commit.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('ImageDelivery', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-
-    it('serializes the correct details when there are images that can be optimized', async function() {
-      const {parsedTrace, insights} = await TraceLoader.traceEngine(this, 'image-delivery.json.gz');
-      assert.isOk(insights);
-      const firstNav = getFirstOrError(parsedTrace.Meta.navigationsByNavigationId.values());
-      const insight = getInsightOrError('ImageDelivery', insights, firstNav);
-      const formatter = new PerformanceInsightFormatter(parsedTrace, insight);
-      const output = formatter.formatInsight();
-      snapshotTester.assert(this, output);
-    });
-  });
-});