chrome-devtools-frontend 1.0.1380117 → 1.0.1402249

package/front_end/core/i18n/time-utilities.ts

@@ -160,6 +160,23 @@ export function preciseMillisToString(ms: number, precision = 0): string {
   return formatter.format(ms);
 }
 
+const preciseSecondsToStringFormattersCache = new Map<number, NumberFormatter>();
+
+export function preciseSecondsToString(ms: number, precision = 0): string {
+  let formatter = preciseSecondsToStringFormattersCache.get(precision);
+  if (!formatter) {
+    formatter = defineFormatter({
+      style: 'unit',
+      unit: 'second',
+      unitDisplay: 'narrow',
+      minimumFractionDigits: precision,
+      maximumFractionDigits: precision,
+    });
+    preciseSecondsToStringFormattersCache.set(precision, formatter);
+  }
+  return formatter.format(ms);
+}
+
 export function secondsToString(seconds: number, higherResolution?: boolean): string {
   if (!isFinite(seconds)) {
     return '-';

package/front_end/core/platform/ArrayUtilities.test.ts

@@ -27,12 +27,11 @@ describe('ArrayUtilities', () => {
         const actualFirstOnlyTrue = [...testCase.input];
 
         Platform.ArrayUtilities.removeElement(actualFirstOnlyTrue, 2, true);
-        assert.deepStrictEqual(actualFirstOnlyTrue, testCase.expectedFirstOnlyTrue, 'Removing firstOnly (true) failed');
+        assert.deepEqual(actualFirstOnlyTrue, testCase.expectedFirstOnlyTrue, 'Removing firstOnly (true) failed');
 
         const actualFirstOnlyFalse = [...testCase.input];
         Platform.ArrayUtilities.removeElement(actualFirstOnlyFalse, 2, false);
-        assert.deepStrictEqual(
-            actualFirstOnlyFalse, testCase.expectedFirstOnlyFalse, 'Removing firstOnly (false) failed');
+        assert.deepEqual(actualFirstOnlyFalse, testCase.expectedFirstOnlyFalse, 'Removing firstOnly (false) failed');
       }
     });
   });
@@ -54,20 +53,20 @@ describe('ArrayUtilities', () => {
             for (let count = 1, k = right - first + 1; count <= k; ++count) {
               const actual = fixture.slice(0);
               Platform.ArrayUtilities.sortRange(actual, comparator, left, right, first, first + count - 1);
-              assert.deepStrictEqual(
+              assert.deepEqual(
                   fixture.slice(0, left), actual.slice(0, left), 'left ' + left + ' ' + right + ' ' + count);
-              assert.deepStrictEqual(
+              assert.deepEqual(
                   fixture.slice(right + 1), actual.slice(right + 1), 'right ' + left + ' ' + right + ' ' + count);
 
               const middle = fixture.slice(left, right + 1);
               middle.sort(comparator);
-              assert.deepStrictEqual(
+              assert.deepEqual(
                   middle.slice(first - left, first - left + count), actual.slice(first, first + count),
                   'sorted ' + left + ' ' + right + ' ' + first + ' ' + count);
 
               const actualRest = actual.slice(first + count, right + 1);
               actualRest.sort(comparator);
-              assert.deepStrictEqual(
+              assert.deepEqual(
                   middle.slice(first - left + count), actualRest,
                   'unsorted ' + left + ' ' + right + ' ' + first + ' ' + count);
             }
@@ -137,7 +136,7 @@ describe('ArrayUtilities', () => {
         }
 
         const shallowCopy = [...actual];
-        assert.deepStrictEqual(actual.sort(), shallowCopy, 'Result array is ordered');
+        assert.deepEqual(actual.sort(), shallowCopy, 'Result array is ordered');
       }
 
       const fixtures = new Map([

package/front_end/core/platform/MapUtilities.ts

@@ -85,7 +85,7 @@ export class Multimap<K, V> {
 export function getWithDefault<K extends {}, V>(
     map: WeakMap<K, V>|Map<K, V>, key: K, defaultValueFactory: (key?: K) => V): V {
   let value = map.get(key);
-  if (!value) {
+  if (value === undefined || value === null) {
     value = defaultValueFactory(key);
     map.set(key, value);
   }

package/front_end/core/platform/StringUtilities.test.ts

@@ -249,7 +249,7 @@ describe('StringUtilities', () => {
   describe('createSearchRegex', () => {
     it('returns a case sensitive regex if the call states it is case sensitive', () => {
       const regex = Platform.StringUtilities.createSearchRegex('foo', true, false);
-      assert.strictEqual(regex.ignoreCase, false);
+      assert.isFalse(regex.ignoreCase);
       assert.strictEqual(regex.source, 'foo');
     });
 

package/front_end/core/platform/TypedArrayUtilities.test.ts

@@ -8,17 +8,17 @@ describe('TypedArrayUtilities', () => {
   describe('BigUint32Array', () => {
     it('can be expandable', () => {
       const array = Platform.TypedArrayUtilities.createExpandableBigUint32Array();
-      assert.strictEqual(array.length, 0);
+      assert.lengthOf(array, 0);
       array.setValue(0, 33);
       array.setValue(1, 44);
-      assert.strictEqual(array.length, 2);
+      assert.lengthOf(array, 2);
       assert.strictEqual(array.getValue(0), 33);
       assert.strictEqual(array.getValue(1), 44);
       assert.strictEqual(array.asArrayOrFail() as Object, array);
     });
     it('can act as a Uint32Array', () => {
       const array = Platform.TypedArrayUtilities.createFixedBigUint32Array(15);
-      assert.strictEqual(array.length, 15);
+      assert.lengthOf(array, 15);
       assert.strictEqual(array.getValue(7), 0);
       array.setValue(7, 77);
       assert.strictEqual(array.getValue(7), 77);
@@ -26,7 +26,7 @@ describe('TypedArrayUtilities', () => {
     });
     it('can be bigger than a Uint32Array', () => {
       const array = Platform.TypedArrayUtilities.createFixedBigUint32Array(12_345_678, /* maxLengthForTesting=*/ 2e6);
-      assert.strictEqual(array.length, 12_345_678);
+      assert.lengthOf(array, 12_345_678);
       assert.strictEqual(array.getValue(0), 0);
       assert.strictEqual(array.getValue(500_000), 0);
       assert.strictEqual(array.getValue(5_000_000), 0);
@@ -39,8 +39,8 @@ describe('TypedArrayUtilities', () => {
       assert.strictEqual(array.getValue(500_000), 99);
       assert.strictEqual(array.getValue(5_000_000), 999);
       assert.strictEqual(array.getValue(12_345_677), 9999);
-      assert.isFalse(array instanceof Array);
-      assert.isFalse(array instanceof Uint32Array);
+      assert.notInstanceOf(array, Array);
+      assert.notInstanceOf(array, Uint32Array);
     });
   });
 

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,26 +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',
-  EXTENSION_STORAGE_VIEWER = 'extension-storage-viewer',
   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 {
@@ -370,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
@@ -392,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) {