chrome-devtools-frontend 1.0.1386602 → 1.0.1402249

package/front_end/ui/visual_logging/DomState.test.ts

@@ -191,25 +191,25 @@ describe('DomState', () => {
       <div id="1" class="box" style="left: 50px; top: 0;"></div>
       <div id="2" class="box" style="left: 0; top: 50px;"></div>`;
 
-    assert.deepStrictEqual(
+    assert.deepEqual(
         VisualLogging.DomState.visibleOverlap(el('1'), new DOMRect(0, 0, 200, 200)), new DOMRect(50, 0, 100, 100));
-    assert.deepStrictEqual(
+    assert.deepEqual(
         VisualLogging.DomState.visibleOverlap(el('2'), new DOMRect(0, 0, 200, 200)), new DOMRect(0, 50, 100, 100));
 
-    assert.deepStrictEqual(
+    assert.deepEqual(
         VisualLogging.DomState.visibleOverlap(el('1'), new DOMRect(0, 0, 100, 100)), new DOMRect(50, 0, 50, 100));
-    assert.deepStrictEqual(
+    assert.deepEqual(
         VisualLogging.DomState.visibleOverlap(el('2'), new DOMRect(0, 0, 100, 100)), new DOMRect(0, 50, 100, 50));
 
     assert.isNull(VisualLogging.DomState.visibleOverlap(el('1'), new DOMRect(0, 0, 50, 50)));
     assert.isNull(VisualLogging.DomState.visibleOverlap(el('2'), new DOMRect(0, 0, 50, 50)));
 
     assert.isNull(VisualLogging.DomState.visibleOverlap(el('1'), new DOMRect(0, 0, 50, 100)));
-    assert.deepStrictEqual(
+    assert.deepEqual(
         VisualLogging.DomState.visibleOverlap(el('2'), new DOMRect(0, 0, 50, 100)), new DOMRect(0, 50, 50, 50));
 
     assert.isNull(VisualLogging.DomState.visibleOverlap(el('1'), new DOMRect(25, 25, 25, 50)));
-    assert.deepStrictEqual(
+    assert.deepEqual(
         VisualLogging.DomState.visibleOverlap(el('2'), new DOMRect(25, 25, 25, 50)), new DOMRect(25, 50, 25, 25));
 
     assert.isNull(VisualLogging.DomState.visibleOverlap(el('1'), new DOMRect(25, 25, 30, 30)));

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -335,6 +335,8 @@ export const knownContextValues = new Set([
   'affected-sources',
   'ai-assistance-enabled',
   'ai-assistance-history-entries',
+  'ai-assistance.filesystem',
+  'ai_assistance',
   'align-content',
   'align-content-center',
   'align-content-flex-end',
@@ -359,6 +361,42 @@ export const knownContextValues = new Set([
   'allow-scroll-past-eof',
   'allow-scroll-past-eof-false',
   'alpha',
+  'alt-!',
+  'alt-:',
+  'alt->',
+  'alt-?',
+  'alt-@',
+  'alt-arrowdown',
+  'alt-arrowleft',
+  'alt-arrowright',
+  'alt-arrowup',
+  'alt-backspace',
+  'alt-delete',
+  'alt-end',
+  'alt-enter',
+  'alt-escape',
+  'alt-home',
+  'alt-meta-!',
+  'alt-meta-:',
+  'alt-meta->',
+  'alt-meta-?',
+  'alt-meta-@',
+  'alt-meta-arrowdown',
+  'alt-meta-arrowleft',
+  'alt-meta-arrowright',
+  'alt-meta-arrowup',
+  'alt-meta-backspace',
+  'alt-meta-delete',
+  'alt-meta-end',
+  'alt-meta-enter',
+  'alt-meta-escape',
+  'alt-meta-home',
+  'alt-meta-pagedown',
+  'alt-meta-pageup',
+  'alt-meta-tab',
+  'alt-pagedown',
+  'alt-pageup',
+  'alt-tab',
   'am',
   'anchor-link',
   'anchor-name',
@@ -442,6 +480,7 @@ export const knownContextValues = new Set([
   'automatically-ignore-list-known-third-party-scripts',
   'auxclick',
   'avif-format-disabled',
+  'avif-format-disabled-true',
   'az',
   'back',
   'back-forward-cache',
@@ -654,6 +693,7 @@ export const knownContextValues = new Set([
   'chrome-theme-colors-false',
   'chrome-windows',
   'city',
+  'classic',
   'clear',
   'clear-all',
   'clear-browser-cache',
@@ -720,6 +760,7 @@ export const knownContextValues = new Set([
   'command-editor',
   'command-input',
   'commit',
+  'compatibility-lookup-link',
   'components.collect-garbage',
   'components.request-app-banner',
   'computed',
@@ -931,6 +972,59 @@ export const knownContextValues = new Set([
   'cssShadowEditor',
   'cssoverview',
   'ctap2',
+  'ctrl-!',
+  'ctrl-:',
+  'ctrl->',
+  'ctrl-?',
+  'ctrl-@',
+  'ctrl-alt-!',
+  'ctrl-alt-:',
+  'ctrl-alt->',
+  'ctrl-alt-?',
+  'ctrl-alt-@',
+  'ctrl-alt-arrowdown',
+  'ctrl-alt-arrowleft',
+  'ctrl-alt-arrowright',
+  'ctrl-alt-arrowup',
+  'ctrl-alt-backspace',
+  'ctrl-alt-delete',
+  'ctrl-alt-end',
+  'ctrl-alt-enter',
+  'ctrl-alt-escape',
+  'ctrl-alt-home',
+  'ctrl-alt-meta-:',
+  'ctrl-alt-meta->',
+  'ctrl-alt-meta-?',
+  'ctrl-alt-meta-@',
+  'ctrl-alt-meta-arrowdown',
+  'ctrl-alt-meta-arrowleft',
+  'ctrl-alt-meta-arrowright',
+  'ctrl-alt-meta-arrowup',
+  'ctrl-alt-meta-backspace',
+  'ctrl-alt-meta-delete',
+  'ctrl-alt-meta-end',
+  'ctrl-alt-meta-enter',
+  'ctrl-alt-meta-escape',
+  'ctrl-alt-meta-home',
+  'ctrl-alt-meta-pagedown',
+  'ctrl-alt-meta-pageup',
+  'ctrl-alt-meta-tab',
+  'ctrl-alt-pagedown',
+  'ctrl-alt-pageup',
+  'ctrl-alt-tab',
+  'ctrl-arrowdown',
+  'ctrl-arrowleft',
+  'ctrl-arrowright',
+  'ctrl-arrowup',
+  'ctrl-backspace',
+  'ctrl-delete',
+  'ctrl-end',
+  'ctrl-enter',
+  'ctrl-escape',
+  'ctrl-home',
+  'ctrl-pagedown',
+  'ctrl-pageup',
+  'ctrl-tab',
   'cumulative-layout-shifts',
   'current-dock-state-bottom',
   'current-dock-state-left',
@@ -1239,6 +1333,7 @@ export const knownContextValues = new Set([
   'endpoints',
   'enter',
   'enterpictureinpicture',
+  'enterprise-enabled',
   'error',
   'error-message',
   'errors-and-warnings',
@@ -1279,6 +1374,7 @@ export const knownContextValues = new Set([
   'explain.console-message.hover',
   'explanation',
   'export-har',
+  'export-har-menu',
   'export-har-with-sensitive-data',
   'export-recording',
   'expose-internals',
@@ -1502,6 +1598,7 @@ export const knownContextValues = new Set([
   'help.release-notes',
   'help.report-issue',
   'help.show-release-note',
+  'help.show-release-note-false',
   'helvetica',
   'heuristic-link',
   'heuristic-mitigation-disabled',
@@ -2129,6 +2226,8 @@ export const knownContextValues = new Set([
   'mask-repeat',
   'mask-size',
   'mask-type',
+  'masonry-direction',
+  'masonry-fill',
   'masonry-slack',
   'masonry-template-tracks',
   'masonry-track',
@@ -2161,6 +2260,24 @@ export const knownContextValues = new Set([
   'messageerror',
   'messages',
   'messaging',
+  'meta-!',
+  'meta-:',
+  'meta->',
+  'meta-?',
+  'meta-@',
+  'meta-arrowdown',
+  'meta-arrowleft',
+  'meta-arrowright',
+  'meta-arrowup',
+  'meta-backspace',
+  'meta-delete',
+  'meta-end',
+  'meta-enter',
+  'meta-escape',
+  'meta-home',
+  'meta-pagedown',
+  'meta-pageup',
+  'meta-tab',
   'metadata',
   'metadata-allowed-sites-details',
   'method',
@@ -2187,6 +2304,7 @@ export const knownContextValues = new Set([
   'mobile-no-touch',
   'mobile-throttling',
   'model',
+  'modern',
   'monitoring-xhr-enabled',
   'monspace',
   'more',
@@ -2203,6 +2321,8 @@ export const knownContextValues = new Set([
   'mouseover',
   'mouseup',
   'mousewheel',
+  'move-tab-backward',
+  'move-tab-forward',
   'move-to-bottom',
   'move-to-top',
   'mr',
@@ -2454,6 +2574,7 @@ export const knownContextValues = new Set([
   'periodic-background-sync',
   'periodic-sync-tag',
   'persistence-network-overrides-enabled',
+  'persistence-network-overrides-enabled-true',
   'perspective',
   'perspective-origin',
   'picture-in-picture',
@@ -2524,6 +2645,7 @@ export const knownContextValues = new Set([
   'prime-numbers',
   'print',
   'priority',
+  'privacy',
   'privacy-notice',
   'privacy-policy.console-insights',
   'private-state-tokens',
@@ -2593,11 +2715,13 @@ export const knownContextValues = new Set([
   'raw-headers-show-more',
   'read-only',
   'read-write',
+  'readiness-list-link',
   'reading-flow',
   'readystatechange',
   'rec-2020',
   'recalc-style-count',
   'receive',
+  'recommendation',
   'reconnect',
   'record-allocation-stacks',
   'recorder-panel-replay-extension',
@@ -2614,6 +2738,8 @@ export const knownContextValues = new Set([
   'redirect-source-request-url',
   'reduce',
   'reduced-contrast',
+  'references',
+  'references.console-insights',
   'refresh',
   'refresh-caches',
   'refresh-database',
@@ -2669,6 +2795,7 @@ export const knownContextValues = new Set([
   'request-animation-frame',
   'request-animation-frame.callback',
   'request-blocking-enabled',
+  'request-blocking-enabled-true',
   'request-details',
   'request-header',
   'request-headers',
@@ -2761,6 +2888,7 @@ export const knownContextValues = new Set([
   'scripting',
   'scroll',
   'scroll-behavior',
+  'scroll-initial-target',
   'scroll-into-view',
   'scroll-margin',
   'scroll-margin-block',
@@ -2901,6 +3029,60 @@ export const knownContextValues = new Set([
   'shared-storage-instance',
   'shared-storage-worklet',
   'shared-storage-worklet-script-first-statement',
+  'shift-!',
+  'shift-?',
+  'shift-arrowdown',
+  'shift-arrowleft',
+  'shift-arrowright',
+  'shift-arrowup',
+  'shift-backspace',
+  'shift-ctrl-alt-arrowdown',
+  'shift-ctrl-alt-arrowleft',
+  'shift-ctrl-alt-arrowright',
+  'shift-ctrl-alt-arrowup',
+  'shift-ctrl-alt-backspace',
+  'shift-ctrl-alt-delete',
+  'shift-ctrl-alt-end',
+  'shift-ctrl-alt-enter',
+  'shift-ctrl-alt-escape',
+  'shift-ctrl-alt-home',
+  'shift-ctrl-alt-meta-arrowdown',
+  'shift-ctrl-alt-meta-arrowleft',
+  'shift-ctrl-alt-meta-arrowright',
+  'shift-ctrl-alt-meta-arrowup',
+  'shift-ctrl-alt-meta-backspace',
+  'shift-ctrl-alt-meta-delete',
+  'shift-ctrl-alt-meta-end',
+  'shift-ctrl-alt-meta-enter',
+  'shift-ctrl-alt-meta-escape',
+  'shift-ctrl-alt-meta-home',
+  'shift-ctrl-alt-meta-pagedown',
+  'shift-ctrl-alt-meta-pageup',
+  'shift-ctrl-alt-meta-tab',
+  'shift-ctrl-alt-pagedown',
+  'shift-ctrl-alt-pageup',
+  'shift-ctrl-alt-tab',
+  'shift-ctrl-arrowdown',
+  'shift-ctrl-arrowleft',
+  'shift-ctrl-arrowright',
+  'shift-ctrl-arrowup',
+  'shift-ctrl-backspace',
+  'shift-ctrl-delete',
+  'shift-ctrl-end',
+  'shift-ctrl-enter',
+  'shift-ctrl-escape',
+  'shift-ctrl-home',
+  'shift-ctrl-pagedown',
+  'shift-ctrl-pageup',
+  'shift-ctrl-tab',
+  'shift-delete',
+  'shift-end',
+  'shift-enter',
+  'shift-escape',
+  'shift-home',
+  'shift-pagedown',
+  'shift-pageup',
+  'shift-tab',
   'shortcut',
   'shortcut-panel-switch',
   'shortcuts',
@@ -2928,9 +3110,11 @@ export const knownContextValues = new Set([
   'show-grid-areas-true',
   'show-grid-line-labels',
   'show-grid-line-labels-line-names',
+  'show-grid-line-labels-none',
   'show-grid-track-sizes',
   'show-grid-track-sizes-true',
   'show-html-comments',
+  'show-html-comments-false',
   'show-inherited-computed-style-properties',
   'show-issue-associated-with-this',
   'show-layout-shift-regions',
@@ -3217,6 +3401,7 @@ export const knownContextValues = new Set([
   'timeline-counters-graph-js-heap-size-used',
   'timeline-counters-graph-nodes',
   'timeline-debug-mode',
+  'timeline-dim-third-parties',
   'timeline-dim-unrelated-events',
   'timeline-disable-js-sampling',
   'timeline-enhanced-traces',
@@ -3225,9 +3410,7 @@ export const knownContextValues = new Set([
   'timeline-flamechart-network-view-group-expansion',
   'timeline-invalidation-tracking',
   'timeline-layout-shift-details',
-  'timeline-observations',
   'timeline-overview',
-  'timeline-rpp-sidebar',
   'timeline-scope',
   'timeline-server-timings',
   'timeline-settings-pane',
@@ -3242,7 +3425,6 @@ export const knownContextValues = new Set([
   'timeline-tree-current-thread',
   'timeline-tree-group-by',
   'timeline-user-has-opened-sidebar-once',
-  'timeline-user-has-opened-siderbar-once',
   'timeline-v8-runtime-call-stats',
   'timeline.animations',
   'timeline.annotation-sidebar.annotation-entries-link',
@@ -3276,6 +3458,11 @@ export const knownContextValues = new Set([
   'timeline.flame-chart-view',
   'timeline.gpu',
   'timeline.history-item',
+  'timeline.ignore-list',
+  'timeline.ignore-list-new-regex.checkbox',
+  'timeline.ignore-list-new-regex.text',
+  'timeline.ignore-list-pattern',
+  'timeline.ignore-list-pattern.remove',
   'timeline.insights-tab',
   'timeline.insights.cls-culprits',
   'timeline.insights.document-latency',
@@ -3316,13 +3503,19 @@ export const knownContextValues = new Set([
   'timeline.overlays.entry-outline-info',
   'timeline.overlays.time-range',
   'timeline.overlays.timespan-breakdown',
+  'timeline.overlays.timings-marker',
   'timeline.previous-recording',
   'timeline.record-reload',
   'timeline.reveal-in-network',
   'timeline.save-to-file',
   'timeline.save-to-file-more-options',
+  'timeline.save-to-file-with-annotations',
+  'timeline.save-to-file-without-annotations',
+  'timeline.select-classic-navigation',
+  'timeline.select-modern-navigation',
   'timeline.settings',
   'timeline.setup',
+  'timeline.shortcuts-dialog-toggle',
   'timeline.show-history',
   'timeline.sidebar',
   'timeline.sidebar-insights-category-select',
@@ -3349,6 +3542,7 @@ export const knownContextValues = new Set([
   'timeline.toggle-insight.third-parties',
   'timeline.toggle-insight.viewport',
   'timeline.toggle-recording',
+  'timeline.user-had-shortcuts-dialog-opened-once',
   'timelineOverviewMode',
   'timeout',
   'timer',
@@ -3504,6 +3698,7 @@ export const knownContextValues = new Set([
   'webauthn',
   'webauthn-authenticators',
   'webauthn-pane',
+  'webauthn.active-authenticator',
   'webauthn.add-authenticator',
   'webauthn.export-credential',
   'webauthn.remove-authenticator',
@@ -3514,6 +3709,7 @@ export const knownContextValues = new Set([
   'webgl-error-fired',
   'webgl-warning-fired',
   'webp-format-disabled',
+  'webp-format-disabled-true',
   'websocket',
   'whats-new',
   'wheel',

package/front_end/ui/visual_logging/LoggingDriver.test.ts

@@ -353,8 +353,7 @@ describe('LoggingDriver', () => {
     await expectCalled(throttle).then(([logging]) => logging());
 
     assert.isTrue(recordClick.calledOnce);
-    assert.deepStrictEqual(
-        recordClick.firstCall.firstArg, {veid: getVeId(select.selectedOptions[0]), doubleClick: false});
+    assert.deepEqual(recordClick.firstCall.firstArg, {veid: getVeId(select.selectedOptions[0]), doubleClick: false});
   });
 
   it('logs keydown', async () => {
@@ -631,7 +630,7 @@ describe('LoggingDriver', () => {
     element.dispatchEvent(new MouseEvent('mouseover'));
     await expectCalled(throttle).then(([work]) => work());
     assert.isTrue(recordHover.called);
-    assert.deepStrictEqual(recordHover.firstCall.firstArg, {veid: getVeId(element)});
+    assert.deepEqual(recordHover.firstCall.firstArg, {veid: getVeId(element)});
   });
 
   it('logs drag', async () => {
@@ -740,7 +739,7 @@ describe('LoggingDriver', () => {
     logging();
     await expectCalled(recordResize);
     assert.isTrue(recordResize.calledOnce);
-    assert.deepStrictEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 0, height: 0});
+    assert.deepEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 0, height: 0});
 
     recordResize.resetHistory();
 
@@ -750,7 +749,7 @@ describe('LoggingDriver', () => {
 
     await expectCall(recordResize);
     assert.isTrue(recordResize.calledOnce);
-    assert.deepStrictEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 300, height: 300});
+    assert.deepEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 300, height: 300});
   });
 
   it('throttles resize per element', async () => {
@@ -803,7 +802,7 @@ describe('LoggingDriver', () => {
     await work();
     await expectCalled(recordResize);
     assert.isTrue(recordResize.calledOnce);
-    assert.deepStrictEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 400, height: 300});
+    assert.deepEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 400, height: 300});
   });
 
   it('does not log resize intial impressions due to visibility change', async () => {
@@ -887,7 +886,7 @@ describe('LoggingDriver', () => {
 
     await logging();
     assert.isTrue(recordResize.calledOnce);
-    assert.deepStrictEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 0, height: 0});
+    assert.deepEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 0, height: 0});
   });
 
   it('logs click, then resize, then impressions', async () => {

package/front_end/ui/visual_logging/LoggingDriver.ts

@@ -4,7 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
-import * as Coordinator from '../components/render_coordinator/render_coordinator.js';
+import * as RenderCoordinator from '../components/render_coordinator/render_coordinator.js';
 
 import {processForDebugging, processStartLoggingForDebugging} from './Debugging.js';
 import {getDomState, visibleOverlap} from './DomState.js';
@@ -138,12 +138,11 @@ function flushPendingChangeEvents(): void {
   }
 }
 
-export async function scheduleProcessing(): Promise<void> {
+export function scheduleProcessing(): void {
   if (!processingThrottler) {
     return;
   }
-  void processingThrottler.schedule(
-      () => Coordinator.RenderCoordinator.RenderCoordinator.instance().read('processForLogging', process));
+  void processingThrottler.schedule(() => RenderCoordinator.read('processForLogging', process));
 }
 
 const viewportRects = new Map<Document, DOMRect>();

package/front_end/ui/visual_logging/LoggingEvents.test.ts

@@ -57,7 +57,7 @@ describe('LoggingEvents', () => {
     const event = new MouseEvent('click', {button: 0, sourceCapabilities: new InputDeviceCapabilities()});
     VisualLogging.LoggingEvents.logClick(throttler)(element, event);
     await assertThrottled(recordClick);
-    assert.deepStrictEqual(recordClick.firstCall.firstArg, {veid, mouseButton: 0, doubleClick: false});
+    assert.deepEqual(recordClick.firstCall.firstArg, {veid, mouseButton: 0, doubleClick: false});
   });
 
   it('does not set mouse button for synthetic clicks', async () => {
@@ -68,7 +68,7 @@ describe('LoggingEvents', () => {
     const event = new MouseEvent('click', {button: 0});
     VisualLogging.LoggingEvents.logClick(throttler)(element, event);
     await assertThrottled(recordClick);
-    assert.deepStrictEqual(recordClick.firstCall.firstArg, {veid, doubleClick: false});
+    assert.deepEqual(recordClick.firstCall.firstArg, {veid, doubleClick: false});
   });
 
   it('calls UI binding to log a double click', async () => {
@@ -79,7 +79,7 @@ describe('LoggingEvents', () => {
     const event = new MouseEvent('dblclick', {button: 1});
     VisualLogging.LoggingEvents.logClick(throttler)(element, event, {doubleClick: true});
     await assertThrottled(recordClick);
-    assert.deepStrictEqual(recordClick.firstCall.firstArg, {veid, doubleClick: true});
+    assert.deepEqual(recordClick.firstCall.firstArg, {veid, doubleClick: true});
   });
 
   it('calls UI binding to log a change', async () => {
@@ -89,7 +89,7 @@ describe('LoggingEvents', () => {
     );
     await VisualLogging.LoggingEvents.logChange(element);
     assert.isTrue(recordChange.calledOnce);
-    assert.deepStrictEqual(recordChange.firstCall.firstArg, {veid});
+    assert.deepEqual(recordChange.firstCall.firstArg, {veid});
   });
 
   it('calls UI binding to log a change of specific type', async () => {
@@ -100,7 +100,7 @@ describe('LoggingEvents', () => {
     VisualLogging.LoggingState.getLoggingState(element)!.pendingChangeContext = 'instertText';
     await VisualLogging.LoggingEvents.logChange(element);
     assert.isTrue(recordChange.calledOnce);
-    assert.deepStrictEqual(recordChange.firstCall.firstArg, {veid, context: 296063892});
+    assert.deepEqual(recordChange.firstCall.firstArg, {veid, context: 296063892});
   });
 
   it('calls UI binding to log a keydown with any code', async () => {
@@ -111,7 +111,7 @@ describe('LoggingEvents', () => {
     const event = new KeyboardEvent('keydown');
     void VisualLogging.LoggingEvents.logKeyDown(throttler)(element, event);
     await assertThrottled(recordKeyDown);
-    assert.deepStrictEqual(recordKeyDown.firstCall.firstArg, {veid});
+    assert.deepEqual(recordKeyDown.firstCall.firstArg, {veid});
   });
 
   it('calls UI binding to log a keydown with a matching code', async () => {
@@ -123,7 +123,7 @@ describe('LoggingEvents', () => {
     VisualLogging.LoggingState.getLoggingState(element)!.config.track = {keydown: 'Enter|Escape'};
     void VisualLogging.LoggingEvents.logKeyDown(throttler)(element, event);
     await assertThrottled(recordKeyDown);
-    assert.deepStrictEqual(recordKeyDown.firstCall.firstArg, {veid, context: 513111094});
+    assert.deepEqual(recordKeyDown.firstCall.firstArg, {veid, context: 513111094});
   });
 
   it('calls UI binding to log a keydown with a matching key', async () => {
@@ -135,7 +135,7 @@ describe('LoggingEvents', () => {
     VisualLogging.LoggingState.getLoggingState(element)!.config.track = {keydown: '>'};
     void VisualLogging.LoggingEvents.logKeyDown(throttler)(element, event);
     await assertThrottled(recordKeyDown);
-    assert.deepStrictEqual(recordKeyDown.firstCall.firstArg, {veid: getVeId(element), context: -1098575095});
+    assert.deepEqual(recordKeyDown.firstCall.firstArg, {veid: getVeId(element), context: -1098575095});
   });
 
   it('calls UI binding to log a keydown with an provided context', async () => {
@@ -146,7 +146,7 @@ describe('LoggingEvents', () => {
     const event = new KeyboardEvent('keydown', {code: 'Enter'});
     void VisualLogging.LoggingEvents.logKeyDown(throttler)(element, event, '21');
     await assertThrottled(recordKeyDown);
-    assert.deepStrictEqual(recordKeyDown.firstCall.firstArg, {veid, context: 21});
+    assert.deepEqual(recordKeyDown.firstCall.firstArg, {veid, context: 21});
   });
 
   it('throttles subsequent keydowns', async () => {
@@ -173,8 +173,8 @@ describe('LoggingEvents', () => {
     assert.isTrue(recordKeyDown.calledOnce);
     await throttler.process?.();
     assert.isTrue(recordKeyDown.calledTwice);
-    assert.deepStrictEqual(recordKeyDown.firstCall.firstArg, {veid, context: 1});
-    assert.deepStrictEqual(recordKeyDown.secondCall.firstArg, {veid, context: 2});
+    assert.deepEqual(recordKeyDown.firstCall.firstArg, {veid, context: 1});
+    assert.deepEqual(recordKeyDown.secondCall.firstArg, {veid, context: 2});
   });
 
   it('throttles subsequent keydowns with the same context', async () => {
@@ -187,7 +187,7 @@ describe('LoggingEvents', () => {
     void VisualLogging.LoggingEvents.logKeyDown(throttler)(element, event, '1');
     void VisualLogging.LoggingEvents.logKeyDown(throttler)(element, event, '1');
     await assertThrottled(recordKeyDown);
-    assert.deepStrictEqual(recordKeyDown.firstCall.firstArg, {veid, context: 1});
+    assert.deepEqual(recordKeyDown.firstCall.firstArg, {veid, context: 1});
   });
 
   it('does not call UI binding to log a keydown with a non-matching code', async () => {
@@ -210,7 +210,7 @@ describe('LoggingEvents', () => {
     sinon.stub(event, 'currentTarget').value(element);
     void VisualLogging.LoggingEvents.logHover(new Common.Throttler.Throttler(0))(event);
     await expectCalled(recordHover);
-    assert.deepStrictEqual(recordHover.firstCall.firstArg, {veid});
+    assert.deepEqual(recordHover.firstCall.firstArg, {veid});
   });
 
   it('calls UI binding to log a drag event', async () => {
@@ -222,7 +222,7 @@ describe('LoggingEvents', () => {
     sinon.stub(event, 'currentTarget').value(element);
     void VisualLogging.LoggingEvents.logDrag(throttler)(event);
     await assertThrottled(recordDrag);
-    assert.deepStrictEqual(recordDrag.firstCall.firstArg, {veid});
+    assert.deepEqual(recordDrag.firstCall.firstArg, {veid});
   });
 
   it('calls UI binding to log a resize event', async () => {
@@ -231,7 +231,7 @@ describe('LoggingEvents', () => {
         'recordResize',
     );
     VisualLogging.LoggingEvents.logResize(element, new DOMRect(0, 0, 100, 50));
-    assert.deepStrictEqual(recordResize.firstCall.firstArg, {veid, width: 100, height: 50});
+    assert.deepEqual(recordResize.firstCall.firstArg, {veid, width: 100, height: 50});
   });
 
   it('throttles calls UI binding to log a resize event', async () => {
@@ -240,6 +240,6 @@ describe('LoggingEvents', () => {
         'recordResize',
     );
     VisualLogging.LoggingEvents.logResize(element, new DOMRect(0, 0, 100, 50));
-    assert.deepStrictEqual(recordResize.firstCall.firstArg, {veid, width: 100, height: 50});
+    assert.deepEqual(recordResize.firstCall.firstArg, {veid, width: 100, height: 50});
   });
 });

package/front_end/ui/visual_logging/LoggingEvents.ts

@@ -152,7 +152,7 @@ function contextFromKeyCodes(event: Event): string|undefined {
   return components.join('-');
 }
 
-async function contextAsNumber(context: string|undefined): Promise<number|undefined> {
+export async function contextAsNumber(context: string|undefined): Promise<number|undefined> {
   if (typeof context === 'undefined') {
     return undefined;
   }