chrome-devtools-frontend 1.0.1386602 → 1.0.1402249

package/front_end/core/root/Runtime.test.ts

@@ -2,6 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import type * as Platform from '../platform/platform.js';
+
 import * as Root from './root.js';
 
 describe('Runtime', () => {
@@ -35,11 +37,11 @@ describe('Runtime', () => {
   });
 
   it('allConfigurableExperiments returns all registered experiments', () => {
-    Root.Runtime.experiments.register('example', 'example');
-    Root.Runtime.experiments.register('configurable', 'configurable');
+    Root.Runtime.experiments.register('example', 'example' as Platform.UIString.LocalizedString);
+    Root.Runtime.experiments.register('configurable', 'configurable' as Platform.UIString.LocalizedString);
 
     const experiments = Root.Runtime.experiments.allConfigurableExperiments();
 
-    assert.deepStrictEqual(experiments.map(experiment => experiment.name), ['example', 'configurable']);
+    assert.deepEqual(experiments.map(experiment => experiment.name), ['example', 'configurable']);
   });
 });

package/front_end/core/root/Runtime.ts

@@ -293,25 +293,30 @@ export const enum ExperimentName {
   NETWORK_PANEL_FILTER_BAR_REDESIGN = 'network-panel-filter-bar-redesign',
   AUTOFILL_VIEW = 'autofill-view',
   TIMELINE_SHOW_POST_MESSAGE_EVENTS = 'timeline-show-postmessage-events',
-  TIMELINE_ANNOTATIONS = 'perf-panel-annotations',
-  TIMELINE_INSIGHTS = 'timeline-rpp-sidebar',
   TIMELINE_DEBUG_MODE = 'timeline-debug-mode',
-  TIMELINE_OBSERVATIONS = 'timeline-observations',
   TIMELINE_ENHANCED_TRACES = 'timeline-enhanced-traces',
   TIMELINE_SERVER_TIMINGS = 'timeline-server-timings',
   FLOATING_ENTRY_POINTS_FOR_AI_ASSISTANCE = 'floating-entry-points-for-ai-assistance',
   TIMELINE_EXPERIMENTAL_INSIGHTS = 'timeline-experimental-insights',
   TIMELINE_DIM_UNRELATED_EVENTS = 'timeline-dim-unrelated-events',
   TIMELINE_ALTERNATIVE_NAVIGATION = 'timeline-alternative-navigation',
+  TIMELINE_THIRD_PARTY_DEPENDENCIES = 'timeline-third-party-dependencies',
   // when adding to this enum, you'll need to also add to REGISTERED_EXPERIMENTS in EnvironmentHelpers.ts
 }
 
+export enum GenAiEnterprisePolicyValue {
+  ALLOW = 0,
+  ALLOW_WITHOUT_LOGGING = 1,
+  DISABLE = 2,
+}
+
 export interface AidaAvailability {
   enabled: boolean;
   blockedByAge: boolean;
   blockedByEnterprisePolicy: boolean;
   blockedByGeo: boolean;
   disallowLogging: boolean;
+  enterprisePolicyValue: number;
 }
 
 export interface HostConfigConsoleInsights {
@@ -369,6 +374,17 @@ export interface HostConfigEnableOriginBoundCookies {
   schemeBindingEnabled: boolean;
 }
 
+export interface HostConfigAnimationStylesInStylesTab {
+  enabled: boolean;
+}
+
+export interface HostConfigThirdPartyCookieControls {
+  thirdPartyCookieRestrictionEnabled: boolean;
+  thirdPartyCookieMetadataEnabled: boolean;
+  thirdPartyCookieHeuristicsEnabled: boolean;
+  managedBlockThirdPartyCookies: string|boolean;
+}
+
 // We use `RecursivePartial` here to enforce that DevTools code is able to
 // handle `HostConfig` objects of an unexpected shape. This can happen if
 // the implementation in the Chromium backend is changed without correctly
@@ -391,6 +407,8 @@ export type HostConfig = Platform.TypeScriptUtilities.RecursivePartial<{
    */
   isOffTheRecord: boolean,
   devToolsEnableOriginBoundCookies: HostConfigEnableOriginBoundCookies,
+  devToolsAnimationStylesInStylesTab: HostConfigAnimationStylesInStylesTab,
+  thirdPartyCookieControls: HostConfigThirdPartyCookieControls,
 }>;
 
 /**

package/front_end/core/sdk/AnimationModel.test.ts

@@ -129,7 +129,7 @@ describeWithMockConnection('AnimationModel', () => {
            },
          });
          assert.strictEqual(animationImpl.name(), 'animation-name');
-         assert.strictEqual(animationImpl.paused(), false);
+         assert.isFalse(animationImpl.paused());
          assert.strictEqual(animationImpl.playState(), 'running');
          assert.strictEqual(animationImpl.playbackRate(), 1);
          assert.strictEqual(animationImpl.startTime(), 0);
@@ -160,7 +160,7 @@ describeWithMockConnection('AnimationModel', () => {
          });
 
          assert.strictEqual(animationImpl.name(), 'updated-name');
-         assert.strictEqual(animationImpl.paused(), true);
+         assert.isTrue(animationImpl.paused());
          assert.strictEqual(animationImpl.playState(), 'paused');
          assert.strictEqual(animationImpl.playbackRate(), 2);
          assert.strictEqual(animationImpl.startTime(), 100);
@@ -209,7 +209,7 @@ describeWithMockConnection('AnimationModel', () => {
            },
          });
          assert.strictEqual(animationImpl.name(), 'animation-name');
-         assert.strictEqual(animationImpl.paused(), false);
+         assert.isFalse(animationImpl.paused());
          assert.strictEqual(animationImpl.playState(), 'running');
          assert.strictEqual(animationImpl.playbackRate(), 1);
          assert.strictEqual(animationImpl.startTime(), 100);  // in pixels
@@ -245,7 +245,7 @@ describeWithMockConnection('AnimationModel', () => {
          });
 
          assert.strictEqual(animationImpl.name(), 'updated-name');
-         assert.strictEqual(animationImpl.paused(), true);
+         assert.isTrue(animationImpl.paused());
          assert.strictEqual(animationImpl.playState(), 'paused');
          assert.strictEqual(animationImpl.playbackRate(), 2);
          assert.strictEqual(animationImpl.startTime(), 0);           // in pixels

package/front_end/core/sdk/AutofillModel.test.ts

@@ -79,6 +79,6 @@ describeWithMockConnection('AutofillModel', () => {
     };
     autofillModel!.addressFormFilled(addressFormFilledEvent);
     assert.lengthOf(dispatchedEvents, 1);
-    assert.deepStrictEqual(dispatchedEvents[0].event, addressFormFilledEvent);
+    assert.deepEqual(dispatchedEvents[0].event, addressFormFilledEvent);
   });
 });

package/front_end/core/sdk/CSSMatchedStyles.test.ts

@@ -261,8 +261,8 @@ describe('CSSMatchedStyles', () => {
         --a: var(--b);
         --b: var(--a);
         `;
-      assert.strictEqual(await compute('--a', [simpleCycle], []), null);
-      assert.strictEqual(await compute('--b', [simpleCycle], []), null);
+      assert.isNull(await compute('--a', [simpleCycle], []));
+      assert.isNull(await compute('--b', [simpleCycle], []));
 
       const cycleOnUnusedFallback = `
         --a: 2;
@@ -277,46 +277,46 @@ describe('CSSMatchedStyles', () => {
         --a: var(--b, 1);
         --b: var(--a, 2);
         `;
-      assert.strictEqual(await compute('--a', [simpleCycleWithFallbacks], []), null);
-      assert.strictEqual(await compute('--b', [simpleCycleWithFallbacks], []), null);
+      assert.isNull(await compute('--a', [simpleCycleWithFallbacks], []));
+      assert.isNull(await compute('--b', [simpleCycleWithFallbacks], []));
 
       const longerCycle = `
         --a: var(--b);
         --b: var(--c);
         --c: var(--a);
         `;
-      assert.strictEqual(await compute('--a', [longerCycle], []), null);
-      assert.strictEqual(await compute('--b', [longerCycle], []), null);
-      assert.strictEqual(await compute('--c', [longerCycle], []), null);
+      assert.isNull(await compute('--a', [longerCycle], []));
+      assert.isNull(await compute('--b', [longerCycle], []));
+      assert.isNull(await compute('--c', [longerCycle], []));
 
       const longerCycleWithFallbacks = `
         --a: var(--b, 2);
         --b: var(--c, 3);
         --c: var(--a, 4);
         `;
-      assert.strictEqual(await compute('--a', [longerCycleWithFallbacks], []), null);
-      assert.strictEqual(await compute('--b', [longerCycleWithFallbacks], []), null);
-      assert.strictEqual(await compute('--c', [longerCycleWithFallbacks], []), null);
+      assert.isNull(await compute('--a', [longerCycleWithFallbacks], []));
+      assert.isNull(await compute('--b', [longerCycleWithFallbacks], []));
+      assert.isNull(await compute('--c', [longerCycleWithFallbacks], []));
 
       const pointingIntoCycle = `
         ${longerCycle}
         --d: var(--a);
         --e: var(--b);
         `;
-      assert.strictEqual(await compute('--a', [pointingIntoCycle], []), null);
-      assert.strictEqual(await compute('--b', [pointingIntoCycle], []), null);
-      assert.strictEqual(await compute('--c', [pointingIntoCycle], []), null);
-      assert.strictEqual(await compute('--d', [pointingIntoCycle], []), null);
-      assert.strictEqual(await compute('--e', [pointingIntoCycle], []), null);
+      assert.isNull(await compute('--a', [pointingIntoCycle], []));
+      assert.isNull(await compute('--b', [pointingIntoCycle], []));
+      assert.isNull(await compute('--c', [pointingIntoCycle], []));
+      assert.isNull(await compute('--d', [pointingIntoCycle], []));
+      assert.isNull(await compute('--e', [pointingIntoCycle], []));
 
       const pointingIntoCycleWithFallback = `
         ${longerCycle}
         --d: var(--a, 4);
         --e: var(--b, 5);
         `;
-      assert.strictEqual(await compute('--a', [pointingIntoCycleWithFallback], []), null);
-      assert.strictEqual(await compute('--b', [pointingIntoCycleWithFallback], []), null);
-      assert.strictEqual(await compute('--c', [pointingIntoCycleWithFallback], []), null);
+      assert.isNull(await compute('--a', [pointingIntoCycleWithFallback], []));
+      assert.isNull(await compute('--b', [pointingIntoCycleWithFallback], []));
+      assert.isNull(await compute('--c', [pointingIntoCycleWithFallback], []));
       assert.strictEqual(await compute('--d', [pointingIntoCycleWithFallback], []), '4');
       assert.strictEqual(await compute('--e', [pointingIntoCycleWithFallback], []), '5');
 
@@ -326,29 +326,29 @@ describe('CSSMatchedStyles', () => {
         --c: var(--a) var(--b);
         --d: var(--c);
         `;
-      assert.strictEqual(await compute('--a', [multipleEdges], []), null);
-      assert.strictEqual(await compute('--b', [multipleEdges], []), null);
-      assert.strictEqual(await compute('--c', [multipleEdges], []), null);
-      assert.strictEqual(await compute('--d', [multipleEdges], []), null);
+      assert.isNull(await compute('--a', [multipleEdges], []));
+      assert.isNull(await compute('--b', [multipleEdges], []));
+      assert.isNull(await compute('--c', [multipleEdges], []));
+      assert.isNull(await compute('--d', [multipleEdges], []));
 
       const pointingIntoMultipleEdgeCycle = `
         ${multipleEdges}
         --e: var(--c) var(--d);
         `;
-      assert.strictEqual(await compute('--a', [pointingIntoMultipleEdgeCycle], []), null);
-      assert.strictEqual(await compute('--b', [pointingIntoMultipleEdgeCycle], []), null);
-      assert.strictEqual(await compute('--c', [pointingIntoMultipleEdgeCycle], []), null);
-      assert.strictEqual(await compute('--d', [pointingIntoMultipleEdgeCycle], []), null);
-      assert.strictEqual(await compute('--e', [pointingIntoMultipleEdgeCycle], []), null);
+      assert.isNull(await compute('--a', [pointingIntoMultipleEdgeCycle], []));
+      assert.isNull(await compute('--b', [pointingIntoMultipleEdgeCycle], []));
+      assert.isNull(await compute('--c', [pointingIntoMultipleEdgeCycle], []));
+      assert.isNull(await compute('--d', [pointingIntoMultipleEdgeCycle], []));
+      assert.isNull(await compute('--e', [pointingIntoMultipleEdgeCycle], []));
 
       const pointingIntoMultipleEdgeCycleWithFallback = `
         ${multipleEdges}
         --e: var(--c, 4) var(--d, 5);
         `;
-      assert.strictEqual(await compute('--a', [pointingIntoMultipleEdgeCycleWithFallback], []), null);
-      assert.strictEqual(await compute('--b', [pointingIntoMultipleEdgeCycleWithFallback], []), null);
-      assert.strictEqual(await compute('--c', [pointingIntoMultipleEdgeCycleWithFallback], []), null);
-      assert.strictEqual(await compute('--d', [pointingIntoMultipleEdgeCycleWithFallback], []), null);
+      assert.isNull(await compute('--a', [pointingIntoMultipleEdgeCycleWithFallback], []));
+      assert.isNull(await compute('--b', [pointingIntoMultipleEdgeCycleWithFallback], []));
+      assert.isNull(await compute('--c', [pointingIntoMultipleEdgeCycleWithFallback], []));
+      assert.isNull(await compute('--d', [pointingIntoMultipleEdgeCycleWithFallback], []));
       assert.strictEqual(await compute('--e', [pointingIntoMultipleEdgeCycleWithFallback], []), '4 5');
 
       const multipleCyclesWithFallback = `
@@ -358,12 +358,12 @@ describe('CSSMatchedStyles', () => {
         --f: var(--d);
         --g: var(--a, var(--d, 5));
         `;
-      assert.strictEqual(await compute('--a', [multipleCyclesWithFallback], []), null);
-      assert.strictEqual(await compute('--b', [multipleCyclesWithFallback], []), null);
-      assert.strictEqual(await compute('--c', [multipleCyclesWithFallback], []), null);
-      assert.strictEqual(await compute('--d', [multipleCyclesWithFallback], []), null);
-      assert.strictEqual(await compute('--e', [multipleCyclesWithFallback], []), null);
-      assert.strictEqual(await compute('--f', [multipleCyclesWithFallback], []), null);
+      assert.isNull(await compute('--a', [multipleCyclesWithFallback], []));
+      assert.isNull(await compute('--b', [multipleCyclesWithFallback], []));
+      assert.isNull(await compute('--c', [multipleCyclesWithFallback], []));
+      assert.isNull(await compute('--d', [multipleCyclesWithFallback], []));
+      assert.isNull(await compute('--e', [multipleCyclesWithFallback], []));
+      assert.isNull(await compute('--f', [multipleCyclesWithFallback], []));
       assert.strictEqual(await compute('--g', [multipleCyclesWithFallback], []), '5');
 
       const notACycle = `
@@ -374,7 +374,7 @@ describe('CSSMatchedStyles', () => {
         --b: var(--a);
         `;
       assert.strictEqual(await compute('--a', [notACycle], [[inherited]]), '1');
-      assert.strictEqual(await compute('--b', [notACycle], [[inherited]]), null);
+      assert.isNull(await compute('--b', [notACycle], [[inherited]]));
     });
   });
 
@@ -398,13 +398,12 @@ describe('CSSMatchedStyles', () => {
          inheritedPayload,
        });
 
-       assert.deepStrictEqual(
-           matchedStyles.nodeStyles().map(style => style.allProperties().map(prop => prop.propertyText)), [
-             ['--var: red;'],
-             ['color: var(--var);'],
-             ['--var: blue;'],
-             ['--var: red;'],
-           ]);
+       assert.deepEqual(matchedStyles.nodeStyles().map(style => style.allProperties().map(prop => prop.propertyText)), [
+         ['--var: red;'],
+         ['color: var(--var);'],
+         ['--var: blue;'],
+         ['--var: red;'],
+       ]);
      });
 
   describe('resolveGlobalKeyword', () => {

package/front_end/core/sdk/CSSModel.test.ts

@@ -48,7 +48,7 @@ describeWithMockConnection('CSSModel', () => {
 
     const cssModelHeader = await addedPromise;
     assert.deepEqual(cssModelHeader.sourceURL, '');
-    assert.deepEqual(cssModelHeader.isConstructed, true);
+    assert.isTrue(cssModelHeader.isConstructed);
   });
 
   describe('on primary page change', () => {

package/front_end/core/sdk/CSSStyleDeclaration.test.ts

@@ -58,7 +58,7 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
       ['implicit', false],
       ['index', 0],
     ]);
-    assert.strictEqual(style.allProperties()[0].activeInStyle(), true);
+    assert.isTrue(style.allProperties()[0].activeInStyle());
 
     assertPropertValues(style.allProperties()[1], [
       ['name', 'margin-top'],
@@ -66,7 +66,7 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
       ['implicit', false],
       ['index', 1],
     ]);
-    assert.strictEqual(style.allProperties()[1].activeInStyle(), true);
+    assert.isTrue(style.allProperties()[1].activeInStyle());
 
     assertPropertValues(style.allProperties()[2], [
       ['name', 'margin-top'],
@@ -74,7 +74,7 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
       ['implicit', true],
       ['index', 2],
     ]);
-    assert.strictEqual(style.allProperties()[2].activeInStyle(), false);
+    assert.isFalse(style.allProperties()[2].activeInStyle());
 
     assertPropertValues(style.allProperties()[3], [
       ['name', 'margin-right'],
@@ -82,7 +82,7 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
       ['implicit', true],
       ['index', 3],
     ]);
-    assert.strictEqual(style.allProperties()[3].activeInStyle(), true);
+    assert.isTrue(style.allProperties()[3].activeInStyle());
 
     assertPropertValues(style.allProperties()[4], [
       ['name', 'margin-bottom'],
@@ -90,7 +90,7 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
       ['implicit', true],
       ['index', 4],
     ]);
-    assert.strictEqual(style.allProperties()[4].activeInStyle(), true);
+    assert.isTrue(style.allProperties()[4].activeInStyle());
 
     assertPropertValues(style.allProperties()[5], [
       ['name', 'margin-left'],
@@ -98,7 +98,7 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
       ['implicit', true],
       ['index', 5],
     ]);
-    assert.strictEqual(style.allProperties()[5].activeInStyle(), true);
+    assert.isTrue(style.allProperties()[5].activeInStyle());
   });
 
   it('should correctly compute active and inactive declarations', () => {
@@ -249,7 +249,7 @@ describeWithMockConnection('CSSStyleDeclaration', () => {
 
     const style = new SDK.CSSStyleDeclaration.CSSStyleDeclaration(
         cssModel, null, stubCSSStyle, SDK.CSSStyleDeclaration.Type.Regular);
-    assert.strictEqual(style.allProperties().length, 1);
+    assert.lengthOf(style.allProperties(), 1);
     assertPropertValues(style.allProperties()[0], [
       ['name', '-webkit-background-clip'],
       ['value', 'border-box'],

package/front_end/core/sdk/ChildTargetManager.test.ts

@@ -36,17 +36,17 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('adds subtargets', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget(
         {sessionId: createSessionId(), targetInfo: createTargetInfo(TARGET_ID), waitingForDebugger: false});
-    assert.strictEqual(childTargetManager.childTargets().length, 1);
+    assert.lengthOf(childTargetManager.childTargets(), 1);
     assert.strictEqual(childTargetManager.childTargets()[0].id(), TARGET_ID);
   });
 
   it('sets subtarget type', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     for (const [protocolType, sdkType] of [
              ['iframe', SDK.Target.Type.FRAME],
              ['webview', SDK.Target.Type.FRAME],
@@ -73,7 +73,7 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('sets subtarget to frame for devtools scheme if type is other', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget({
       sessionId: createSessionId(),
       targetInfo: createTargetInfo(undefined, 'other', 'devtools://foo/bar'),
@@ -94,7 +94,7 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('sets subtarget to frame for chrome://print/ if type is other', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget({
       sessionId: createSessionId(),
       targetInfo: createTargetInfo(undefined, 'other', 'chrome://print/'),
@@ -107,7 +107,7 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('sets subtarget to frame for chrome://file-manager/ if type is other', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget({
       sessionId: createSessionId(),
       targetInfo: createTargetInfo(undefined, 'other', 'chrome://file-manager/?%7B%22allowedPaths%22:%22anyPathOrUrl'),
@@ -120,7 +120,7 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('sets subtarget to frame for sidebar URLs if type is other', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget({
       sessionId: createSessionId(),
       targetInfo: createTargetInfo(undefined, 'other', 'chrome://read-later.top-chrome/'),
@@ -141,7 +141,7 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('sets worker target name to the target title', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget({
       sessionId: createSessionId(),
       targetInfo: createTargetInfo(undefined, 'worker', 'http://example.com/worker.js', TITLE),
@@ -153,7 +153,7 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('sets non-frame target name to the last path component if present', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget({
       sessionId: createSessionId(),
       targetInfo: createTargetInfo(undefined, 'service_worker', 'http://example.org/service_worker.html', TITLE),
@@ -171,7 +171,7 @@ describeWithMockConnection('ChildTargetManager', () => {
   it('sets non-frame target a numbered name if it cannot use URL path', async () => {
     const target = createTarget();
     const childTargetManager = new SDK.ChildTargetManager.ChildTargetManager(target);
-    assert.strictEqual(childTargetManager.childTargets().length, 0);
+    assert.lengthOf(childTargetManager.childTargets(), 0);
     await childTargetManager.attachedToTarget({
       sessionId: createSessionId(),
       targetInfo: createTargetInfo(undefined, 'page', 'data:text/html,<!doctype html>'),

package/front_end/core/sdk/Connections.ts

@@ -8,6 +8,8 @@ import type * as Platform from '../platform/platform.js';
 import * as ProtocolClient from '../protocol_client/protocol_client.js';
 import * as Root from '../root/root.js';
 
+import {RehydratingConnection} from './RehydratingConnection.js';
+
 export class MainConnection implements ProtocolClient.InspectorBackend.Connection {
   onMessage: ((arg0: (Object|string)) => void)|null;
   #onDisconnect: ((arg0: string) => void)|null;
@@ -271,6 +273,9 @@ export async function initMainConnection(
 }
 
 function createMainConnection(websocketConnectionLost: () => void): ProtocolClient.InspectorBackend.Connection {
+  if (Root.Runtime.getPathName().includes('rehydrated_devtools_app')) {
+    return new RehydratingConnection();
+  }
   const wsParam = Root.Runtime.Runtime.queryParam('ws');
   const wssParam = Root.Runtime.Runtime.queryParam('wss');
   if (wsParam || wssParam) {

package/front_end/core/sdk/Cookie.test.ts

@@ -14,20 +14,20 @@ describe('Cookie', () => {
     assert.strictEqual(cookie.name(), 'name');
     assert.strictEqual(cookie.value(), 'value');
 
-    assert.strictEqual(cookie.type(), undefined);
-    assert.strictEqual(cookie.httpOnly(), false);
-    assert.strictEqual(cookie.secure(), false);
-    assert.strictEqual(cookie.sameSite(), undefined);
+    assert.isUndefined(cookie.type());
+    assert.isFalse(cookie.httpOnly());
+    assert.isFalse(cookie.secure());
+    assert.isUndefined(cookie.sameSite());
     assert.strictEqual(cookie.priority(), 'Medium');
-    assert.strictEqual(cookie.session(), true);
-    assert.strictEqual(cookie.path(), undefined);
-    assert.strictEqual(cookie.domain(), undefined);
-    assert.strictEqual(cookie.expires(), undefined);
-    assert.strictEqual(cookie.maxAge(), undefined);
+    assert.isTrue(cookie.session());
+    assert.isUndefined(cookie.path());
+    assert.isUndefined(cookie.domain());
+    assert.isUndefined(cookie.expires());
+    assert.isUndefined(cookie.maxAge());
     assert.strictEqual(cookie.size(), 0);
-    assert.strictEqual(cookie.url(), null);
-    assert.strictEqual(cookie.partitionKey(), undefined);
-    assert.strictEqual(cookie.getCookieLine(), null);
+    assert.isNull(cookie.url());
+    assert.isUndefined(cookie.partitionKey());
+    assert.isNull(cookie.getCookieLine());
   });
 
   it('can be created from a protocol Cookie with all optional fields set', () => {
@@ -55,24 +55,24 @@ describe('Cookie', () => {
     assert.strictEqual(cookie.name(), 'name');
     assert.strictEqual(cookie.value(), 'value');
 
-    assert.strictEqual(cookie.type(), null);
-    assert.strictEqual(cookie.httpOnly(), true);
-    assert.strictEqual(cookie.secure(), true);
+    assert.isNull(cookie.type());
+    assert.isTrue(cookie.httpOnly());
+    assert.isTrue(cookie.secure());
     assert.strictEqual(cookie.sameSite(), 'Strict');
-    assert.strictEqual(cookie.session(), false);
+    assert.isFalse(cookie.session());
     assert.strictEqual(cookie.path(), '/test');
     assert.strictEqual(cookie.domain(), '.example.com');
     assert.strictEqual(cookie.expires(), expires);
-    assert.strictEqual(cookie.maxAge(), undefined);
+    assert.isUndefined(cookie.maxAge());
     assert.strictEqual(cookie.size(), 23);
     assert.strictEqual(String(cookie.url()), 'https://.example.com/test');
-    assert.strictEqual(cookie.getCookieLine(), null);
+    assert.isNull(cookie.getCookieLine());
     assert.strictEqual(cookie.sourcePort(), 443);
     assert.strictEqual(cookie.sourceScheme(), Protocol.Network.CookieSourceScheme.Secure);
     assert.strictEqual(cookie.partitionKey().topLevelSite, 'https://a.com');
-    assert.strictEqual(cookie.partitionKey().hasCrossSiteAncestor, false);
-    assert.strictEqual(cookie.partitionKeyOpaque(), false);
-    assert.strictEqual(cookie.partitioned(), true);
+    assert.isFalse(cookie.partitionKey().hasCrossSiteAncestor);
+    assert.isFalse(cookie.partitionKeyOpaque());
+    assert.isTrue(cookie.partitioned());
   });
 
   // The jsdoc states that the fields are required, not optional
@@ -97,19 +97,19 @@ describe('Cookie', () => {
     assert.strictEqual(cookie.name(), 'name');
     assert.strictEqual(cookie.value(), 'value');
 
-    assert.strictEqual(cookie.type(), null);
-    assert.strictEqual(cookie.httpOnly(), false);
-    assert.strictEqual(cookie.secure(), false);
-    assert.strictEqual(cookie.sameSite(), undefined);
+    assert.isNull(cookie.type());
+    assert.isFalse(cookie.httpOnly());
+    assert.isFalse(cookie.secure());
+    assert.isUndefined(cookie.sameSite());
     assert.strictEqual(cookie.priority(), 'Medium');
     // Session cookie status is derived from the presence of max-age or expires fields.
-    assert.strictEqual(cookie.session(), true);
+    assert.isTrue(cookie.session());
     assert.strictEqual(cookie.path(), '/test');
     assert.strictEqual(cookie.domain(), '.example.com');
-    assert.strictEqual(cookie.maxAge(), undefined);
+    assert.isUndefined(cookie.maxAge());
     assert.strictEqual(cookie.size(), 23);
     assert.strictEqual(String(cookie.url()), 'http://.example.com/test');
-    assert.strictEqual(cookie.getCookieLine(), null);
+    assert.isNull(cookie.getCookieLine());
     assert.strictEqual(cookie.sourcePort(), 80);
     assert.strictEqual(cookie.sourceScheme(), Protocol.Network.CookieSourceScheme.NonSecure);
   });
@@ -135,19 +135,19 @@ describe('Cookie', () => {
     assert.strictEqual(cookie.name(), 'name');
     assert.strictEqual(cookie.value(), 'value');
 
-    assert.strictEqual(cookie.type(), null);
-    assert.strictEqual(cookie.httpOnly(), false);
-    assert.strictEqual(cookie.secure(), false);
-    assert.strictEqual(cookie.sameSite(), undefined);
+    assert.isNull(cookie.type());
+    assert.isFalse(cookie.httpOnly());
+    assert.isFalse(cookie.secure());
+    assert.isUndefined(cookie.sameSite());
     assert.strictEqual(cookie.priority(), 'Medium');
     // Session cookie status is derived from the presence of max-age or expires fields.
-    assert.strictEqual(cookie.session(), true);
+    assert.isTrue(cookie.session());
     assert.strictEqual(cookie.path(), '/test');
     assert.strictEqual(cookie.domain(), '.example.com');
-    assert.strictEqual(cookie.maxAge(), undefined);
+    assert.isUndefined(cookie.maxAge());
     assert.strictEqual(cookie.size(), 23);
     assert.strictEqual(String(cookie.url()), 'http://.example.com:8000/test');
-    assert.strictEqual(cookie.getCookieLine(), null);
+    assert.isNull(cookie.getCookieLine());
     assert.strictEqual(cookie.sourcePort(), 8000);
     assert.strictEqual(cookie.sourceScheme(), Protocol.Network.CookieSourceScheme.NonSecure);
   });
@@ -170,7 +170,7 @@ describe('Cookie', () => {
   it('can set SDK.Cookie.Attribute used as flags', () => {
     const cookie = new SDK.Cookie.Cookie('name', 'value');
     cookie.addAttribute(SDK.Cookie.Attribute.HTTP_ONLY);
-    assert.strictEqual(cookie.httpOnly(), true);
+    assert.isTrue(cookie.httpOnly());
   });
 
   it('can set SDK.Cookie.Attribute used as key=value', () => {
@@ -198,7 +198,7 @@ describe('Cookie', () => {
 
   it('can calculate the expiration date for session cookies', () => {
     const cookie = new SDK.Cookie.Cookie('name', 'value');
-    assert.strictEqual(cookie.expiresDate(new Date()), null);
+    assert.isNull(cookie.expiresDate(new Date()));
   });
 
   it('can calculate the expiration date for max age cookies', () => {

package/front_end/core/sdk/CookieModel.test.ts

@@ -81,13 +81,13 @@ describeWithMockConnection('CookieModel', () => {
       assert.strictEqual(cookies[0].size(), 23);
       assert.strictEqual(cookies[0].value(), 'value');
       assert.strictEqual(cookies[0].expires(), 42000);
-      assert.strictEqual(cookies[0].httpOnly(), false);
-      assert.strictEqual(cookies[0].secure(), false);
+      assert.isFalse(cookies[0].httpOnly());
+      assert.isFalse(cookies[0].secure());
       assert.strictEqual(cookies[0].priority(), Protocol.Network.CookiePriority.Medium);
       assert.strictEqual(cookies[0].sourcePort(), 80);
       assert.strictEqual(cookies[0].sourceScheme(), Protocol.Network.CookieSourceScheme.NonSecure);
       assert.strictEqual(cookies[0].partitionKey().topLevelSite, 'https://example.net');
-      assert.strictEqual(cookies[0].partitionKey().hasCrossSiteAncestor, false);
+      assert.isFalse(cookies[0].partitionKey().hasCrossSiteAncestor);
     }
   });
 
@@ -197,7 +197,7 @@ describeWithMockConnection('CookieModel', () => {
     cookieModel.addBlockedCookie(cookie, [blockedReason]);
     const cookieToBlockedReasons = cookieModel.getCookieToBlockedReasonsMap();
     assert.strictEqual(cookieToBlockedReasons.size, 1);
-    assert.deepStrictEqual(cookieToBlockedReasons.get(cookie), [blockedReason]);
+    assert.deepEqual(cookieToBlockedReasons.get(cookie), [blockedReason]);
 
     navigate(getMainFrame(target));
     assert.strictEqual(cookieModel.getCookieToBlockedReasonsMap().size, 0);
@@ -246,7 +246,7 @@ describeWithMockConnection('CookieModel', () => {
     assert.strictEqual(cookies2[0].domain(), '.example.com');
     assert.strictEqual(cookies2[0].name(), 'name');
     assert.strictEqual(cookies2[0].partitionKey().topLevelSite, 'https://example.net');
-    assert.strictEqual(cookies2[0].partitionKey().hasCrossSiteAncestor, false);
+    assert.isFalse(cookies2[0].partitionKey().hasCrossSiteAncestor);
 
     await model.deleteCookie(SDK.Cookie.Cookie.fromProtocolCookie(PROTOCOL_COOKIE_PARTITIONED));