chrome-devtools-frontend 1.0.1380117 → 1.0.1402249

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -334,6 +334,9 @@ export const knownContextValues = new Set([
   'affected-requests',
   'affected-sources',
   'ai-assistance-enabled',
+  'ai-assistance-history-entries',
+  'ai-assistance.filesystem',
+  'ai_assistance',
   'align-content',
   'align-content-center',
   'align-content-flex-end',
@@ -356,7 +359,44 @@ export const knownContextValues = new Set([
   'allocation-stack',
   'allow-pasting',
   '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',
@@ -440,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',
@@ -605,6 +646,7 @@ export const knownContextValues = new Set([
   'call-tree',
   'cancel',
   'cancel-animation-frame',
+  'cancel-cross-origin-context-chat',
   'candara',
   'canplay',
   'canplaythrough',
@@ -651,6 +693,7 @@ export const knownContextValues = new Set([
   'chrome-theme-colors-false',
   'chrome-windows',
   'city',
+  'classic',
   'clear',
   'clear-all',
   'clear-browser-cache',
@@ -717,6 +760,7 @@ export const knownContextValues = new Set([
   'command-editor',
   'command-input',
   'commit',
+  'compatibility-lookup-link',
   'components.collect-garbage',
   'components.request-app-banner',
   'computed',
@@ -805,6 +849,7 @@ export const knownContextValues = new Set([
   'converter-puppeteer',
   'converter-puppeteer-firefox',
   'converter-puppeteer-replay',
+  'cookie-control-override-enabled',
   'cookie-preview',
   'cookie-view-show-decoded',
   'cookies',
@@ -927,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',
@@ -1235,6 +1333,7 @@ export const knownContextValues = new Set([
   'endpoints',
   'enter',
   'enterpictureinpicture',
+  'enterprise-enabled',
   'error',
   'error-message',
   'errors-and-warnings',
@@ -1275,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',
@@ -1323,7 +1423,7 @@ export const knownContextValues = new Set([
   'fit-to-window',
   'fix-this-issue',
   'flame',
-  'flamechart-mouse-wheel-action',
+  'flamechart-selected-navigation',
   'flex',
   'flex-basis',
   'flex-direction',
@@ -1438,6 +1538,8 @@ export const knownContextValues = new Set([
   'googlebot-desktop',
   'googlebot-smartphone',
   'gotpointercapture',
+  'grace-period-link',
+  'grace-period-mitigation-disabled',
   'grid',
   'grid-area',
   'grid-auto-columns',
@@ -1496,7 +1598,10 @@ 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',
   'hex',
   'hi',
   'hide-all-others',
@@ -2121,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',
@@ -2153,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',
@@ -2179,6 +2304,7 @@ export const knownContextValues = new Set([
   'mobile-no-touch',
   'mobile-throttling',
   'model',
+  'modern',
   'monitoring-xhr-enabled',
   'monspace',
   'more',
@@ -2195,6 +2321,8 @@ export const knownContextValues = new Set([
   'mouseover',
   'mouseup',
   'mousewheel',
+  'move-tab-backward',
+  'move-tab-forward',
   'move-to-bottom',
   'move-to-top',
   'mr',
@@ -2446,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',
@@ -2516,6 +2645,7 @@ export const knownContextValues = new Set([
   'prime-numbers',
   'print',
   'priority',
+  'privacy',
   'privacy-notice',
   'privacy-policy.console-insights',
   'private-state-tokens',
@@ -2585,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',
@@ -2606,6 +2738,8 @@ export const knownContextValues = new Set([
   'redirect-source-request-url',
   'reduce',
   'reduced-contrast',
+  'references',
+  'references.console-insights',
   'refresh',
   'refresh-caches',
   'refresh-database',
@@ -2661,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',
@@ -2753,6 +2888,7 @@ export const knownContextValues = new Set([
   'scripting',
   'scroll',
   'scroll-behavior',
+  'scroll-initial-target',
   'scroll-into-view',
   'scroll-margin',
   'scroll-margin-block',
@@ -2893,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',
@@ -2920,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',
@@ -3209,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',
@@ -3217,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',
@@ -3234,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',
@@ -3268,10 +3458,16 @@ 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',
   'timeline.insights.font-display',
+  'timeline.insights.image-delivery',
   'timeline.insights.inp',
   'timeline.insights.lcp-by-phase',
   'timeline.insights.lcp-discovery',
@@ -3307,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',
@@ -3331,6 +3533,7 @@ export const knownContextValues = new Set([
   'timeline.toggle-insight.cls-culprits',
   'timeline.toggle-insight.document-latency',
   'timeline.toggle-insight.font-display',
+  'timeline.toggle-insight.image-delivery',
   'timeline.toggle-insight.inp',
   'timeline.toggle-insight.lcp-by-phase',
   'timeline.toggle-insight.lcp-discovery',
@@ -3339,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',
@@ -3458,6 +3662,7 @@ export const knownContextValues = new Set([
   'view-all-rules',
   'view-all-speculations',
   'view-computed-value',
+  'view-details',
   'view-parsed',
   'view-source',
   'view-timeline',
@@ -3493,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',
@@ -3503,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 () => {
@@ -554,6 +553,33 @@ describe('LoggingDriver', () => {
     assert.strictEqual(event.context, 1936227034);
   });
 
+  it('logs state with change of a label`s control', async () => {
+    const recordChange = sinon.stub(
+        Host.InspectorFrontendHost.InspectorFrontendHostInstance,
+        'recordChange',
+    );
+
+    const label = document.createElement('label');
+    label.setAttribute('jslog', 'TreeItem; track: change');
+    const input = document.createElement('input');
+    input.type = 'radio';
+    input.checked = true;
+    input.style.display = 'none';
+    label.appendChild(input);
+    renderElementIntoDOM(label);
+    await VisualLoggingTesting.LoggingDriver.startLogging();
+    let logging = expectCall(recordChange);
+    input.dispatchEvent(new Event('change'));
+    let [event] = await logging;
+    assert.strictEqual(event.context, 1530936795);
+
+    input.checked = false;
+    logging = expectCall(recordChange);
+    input.dispatchEvent(new Event('change'));
+    [event] = await logging;
+    assert.strictEqual(event.context, 1936227034);
+  });
+
   it('logs hover', async () => {
     addLoggableElements();
     await VisualLoggingTesting.LoggingDriver.startLogging({hoverLogThrottler: throttler});
@@ -604,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 () => {
@@ -713,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();
 
@@ -723,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 () => {
@@ -776,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 () => {
@@ -860,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 () => {
@@ -977,7 +1003,6 @@ describe('LoggingDriver', () => {
     assert.sameDeepMembers(recordImpression.lastCall.firstArg.impressions, [
       {id: getVeId(loggable2), type: 1, context: 345, parent: getVeId(parent), width: 0, height: 0},
     ]);
-
   });
 
   it('logs root non-DOM 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>();
@@ -221,7 +220,13 @@ async function process(): Promise<void> {
           loggingState.pendingChangeContext = event.inputType;
           pendingChange.add(element);
         }, {capture: true});
-        element.addEventListener('change', () => logPendingChange(element), {capture: true});
+        element.addEventListener('change', (event: Event) => {
+          const target = event?.target ?? element;
+          if (['checkbox', 'radio'].includes((target as HTMLInputElement).type)) {
+            loggingState.pendingChangeContext = (target as HTMLInputElement).checked ? 'on' : 'off';
+          }
+          logPendingChange(element);
+        }, {capture: true});
         element.addEventListener('focusout', () => {
           if (loggingState.pendingChangeContext) {
             void logPendingChange(element);
@@ -301,9 +306,6 @@ function logPendingChange(element: Element): void {
   if (!loggingState) {
     return;
   }
-  if (['checkbox', 'radio'].includes((element as HTMLInputElement).type)) {
-    loggingState.pendingChangeContext = (element as HTMLInputElement).checked ? 'on' : 'off';
-  }
   void logChange(element);
   delete loggingState.pendingChangeContext;
   pendingChange.delete(element);