chrome-devtools-frontend 1.0.1367881 → 1.0.1380117

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -16,6 +16,15 @@ export const knownContextValues = new Set([
   '-epub-text-transform',
   '-epub-word-break',
   '-epub-writing-mode',
+  '-moz-box-direction',
+  '-moz-box-orient',
+  '-moz-box-sizing',
+  '-moz-osx-font-smoothing',
+  '-moz-text-decoration',
+  '-moz-text-size-adjust',
+  '-ms-flex-direction',
+  '-ms-text-size-adjust',
+  '-ms-touch-action',
   '-webkit-FONT-smoothing',
   '-webkit-align-content',
   '-webkit-align-items',
@@ -143,6 +152,7 @@ export const knownContextValues = new Set([
   '-webkit-shape-outside',
   '-webkit-tap-highlight-color',
   '-webkit-text-combine',
+  '-webkit-text-decoration',
   '-webkit-text-decorations-in-effect',
   '-webkit-text-emphasis',
   '-webkit-text-emphasis-color',
@@ -201,11 +211,15 @@ export const knownContextValues = new Set([
   '75%',
   '8',
   '9',
+  'Allowed By Exception',
+  'Allowed',
+  'AllowedByException',
   'ArrowDown',
   'ArrowLeft',
   'ArrowRight',
   'ArrowUp',
   'Backspace',
+  'Blocked',
   'CSS',
   'CoLoR',
   'Delete',
@@ -409,6 +423,7 @@ export const knownContextValues = new Set([
   'auto',
   'auto-adjust-zoom',
   'auto-attach-to-created-pages',
+  'auto-attach-to-created-pages-true',
   'auto-focus-on-debugger-paused-enabled',
   'auto-focus-on-debugger-paused-enabled-false',
   'auto-open-autofill-view-on-event',
@@ -452,6 +467,7 @@ export const knownContextValues = new Set([
   'background-sync',
   'badproperty',
   'bars',
+  'base-64',
   'base-palette',
   'baseline-shift',
   'baseline-source',
@@ -606,6 +622,8 @@ export const knownContextValues = new Set([
   'changes.reveal-source',
   'changes.revert',
   'checked',
+  'chevron-left',
+  'chevron-right',
   'chrome-ai',
   'chrome-android-mobile',
   'chrome-android-mobile-high-end',
@@ -874,6 +892,7 @@ export const knownContextValues = new Set([
   'create-recording-view',
   'credential-id',
   'credentialId',
+  'critical',
   'cs',
   'css',
   'css-angle',
@@ -1084,8 +1103,10 @@ export const knownContextValues = new Set([
   'dragstart',
   'drawer',
   'drawer-view-closeableTabs',
+  'drjones.network-floating-button',
   'drjones.network-panel-context',
   'drjones.performance-panel-context',
+  'drjones.sources-floating-button',
   'drjones.sources-panel-context',
   'drop',
   'duration',
@@ -1179,6 +1200,7 @@ export const knownContextValues = new Set([
   'emulation.capture-full-height-screenshot',
   'emulation.capture-node-screenshot',
   'emulation.capture-screenshot',
+  'emulation.cpu-pressure',
   'emulation.device-height',
   'emulation.device-mode-value',
   'emulation.device-orientation-override',
@@ -1265,6 +1287,7 @@ export const knownContextValues = new Set([
   'extension-view',
   'extremely-slow',
   'fa',
+  'fair',
   'fallback',
   'fallback-font-family',
   'fangsong',
@@ -1381,12 +1404,13 @@ export const knownContextValues = new Set([
   'frames-per-issue',
   'freestyler',
   'freestyler.accordion',
-  'freestyler.clear',
+  'freestyler.delete',
   'freestyler.dogfood-info',
   'freestyler.element-panel-context',
   'freestyler.elements-floating-button',
   'freestyler.feedback',
   'freestyler.help',
+  'freestyler.history',
   'freestyler.new-chat',
   'freestyler.send-feedback',
   'freestyler.settings',
@@ -1598,6 +1622,7 @@ export const knownContextValues = new Set([
   'integer-64-bit',
   'integer-8-bit',
   'interactions',
+  'interactivity',
   'interest-groups',
   'internal',
   'internet-explorer-10',
@@ -1678,54 +1703,88 @@ export const knownContextValues = new Set([
   'landscape-right',
   'language',
   'language-af',
+  'language-am',
+  'language-ar',
+  'language-as',
   'language-az',
   'language-be',
   'language-bg',
   'language-bn',
+  'language-bs',
   'language-ca',
   'language-cs',
+  'language-cy',
   'language-da',
   'language-de',
   'language-el',
   'language-en-gb',
+  'language-en-us',
   'language-en-xl',
   'language-es',
   'language-es-419',
+  'language-et',
+  'language-eu',
+  'language-fa',
   'language-fi',
+  'language-fil',
   'language-fr',
   'language-fr-ca',
   'language-gl',
   'language-gu',
   'language-he',
   'language-hi',
+  'language-hr',
+  'language-hu',
+  'language-hy',
   'language-id',
   'language-is',
   'language-it',
   'language-ja',
+  'language-ka',
+  'language-kk',
+  'language-km',
   'language-kn',
   'language-ko',
+  'language-ky',
   'language-lo',
   'language-lt',
   'language-lv',
   'language-mk',
   'language-ml',
   'language-mn',
+  'language-mr',
   'language-ms',
+  'language-my',
+  'language-ne',
   'language-nl',
+  'language-no',
   'language-or',
   'language-pa',
   'language-pl',
+  'language-pt',
   'language-pt-pt',
+  'language-ro',
+  'language-ru',
   'language-si',
   'language-sk',
   'language-sl',
   'language-sq',
+  'language-sr',
+  'language-sr-latn',
   'language-sv',
   'language-sw',
+  'language-ta',
+  'language-te',
+  'language-th',
   'language-tr',
+  'language-uk',
+  'language-ur',
+  'language-uz',
+  'language-vi',
   'language-zh',
   'language-zh-hk',
   'language-zh-tw',
+  'language-zu',
   'large',
   'large-blob',
   'larger',
@@ -1777,6 +1836,168 @@ export const knownContextValues = new Set([
   'lighter',
   'lighthouse',
   'lighthouse-show-settings-toolbar',
+  'lighthouse.audit-summary.average',
+  'lighthouse.audit-summary.fail',
+  'lighthouse.audit-summary.informative',
+  'lighthouse.audit-summary.pass',
+  'lighthouse.audit.accesskeys',
+  'lighthouse.audit.aria-allowed-attr',
+  'lighthouse.audit.aria-allowed-role',
+  'lighthouse.audit.aria-command-name',
+  'lighthouse.audit.aria-conditional-attr',
+  'lighthouse.audit.aria-deprecated-role',
+  'lighthouse.audit.aria-dialog-name',
+  'lighthouse.audit.aria-hidden-body',
+  'lighthouse.audit.aria-hidden-focus',
+  'lighthouse.audit.aria-input-field-name',
+  'lighthouse.audit.aria-meter-name',
+  'lighthouse.audit.aria-progressbar-name',
+  'lighthouse.audit.aria-prohibited-attr',
+  'lighthouse.audit.aria-required-attr',
+  'lighthouse.audit.aria-required-children',
+  'lighthouse.audit.aria-required-parent',
+  'lighthouse.audit.aria-roles',
+  'lighthouse.audit.aria-text',
+  'lighthouse.audit.aria-toggle-field-name',
+  'lighthouse.audit.aria-tooltip-name',
+  'lighthouse.audit.aria-treeitem-name',
+  'lighthouse.audit.aria-valid-attr',
+  'lighthouse.audit.aria-valid-attr-value',
+  'lighthouse.audit.bf-cache',
+  'lighthouse.audit.bootup-time',
+  'lighthouse.audit.button-name',
+  'lighthouse.audit.bypass',
+  'lighthouse.audit.canonical',
+  'lighthouse.audit.charset',
+  'lighthouse.audit.color-contrast',
+  'lighthouse.audit.crawlable-anchors',
+  'lighthouse.audit.critical-request-chains',
+  'lighthouse.audit.csp-xss',
+  'lighthouse.audit.cumulative-layout-shift',
+  'lighthouse.audit.custom-controls-labels',
+  'lighthouse.audit.custom-controls-roles',
+  'lighthouse.audit.definition-list',
+  'lighthouse.audit.deprecations',
+  'lighthouse.audit.diagnostics',
+  'lighthouse.audit.dlitem',
+  'lighthouse.audit.doctype',
+  'lighthouse.audit.document-title',
+  'lighthouse.audit.dom-size',
+  'lighthouse.audit.duplicate-id-aria',
+  'lighthouse.audit.duplicated-javascript',
+  'lighthouse.audit.efficient-animated-content',
+  'lighthouse.audit.empty-heading',
+  'lighthouse.audit.errors-in-console',
+  'lighthouse.audit.final-screenshot',
+  'lighthouse.audit.first-contentful-paint',
+  'lighthouse.audit.first-meaningful-paint',
+  'lighthouse.audit.focus-traps',
+  'lighthouse.audit.focusable-controls',
+  'lighthouse.audit.font-display',
+  'lighthouse.audit.font-size',
+  'lighthouse.audit.form-field-multiple-labels',
+  'lighthouse.audit.frame-title',
+  'lighthouse.audit.geolocation-on-start',
+  'lighthouse.audit.heading-order',
+  'lighthouse.audit.hreflang',
+  'lighthouse.audit.html-has-lang',
+  'lighthouse.audit.html-lang-valid',
+  'lighthouse.audit.html-xml-lang-mismatch',
+  'lighthouse.audit.http-status-code',
+  'lighthouse.audit.identical-links-same-purpose',
+  'lighthouse.audit.image-alt',
+  'lighthouse.audit.image-aspect-ratio',
+  'lighthouse.audit.image-redundant-alt',
+  'lighthouse.audit.image-size-responsive',
+  'lighthouse.audit.input-button-name',
+  'lighthouse.audit.input-image-alt',
+  'lighthouse.audit.inspector-issues',
+  'lighthouse.audit.interaction-to-next-paint',
+  'lighthouse.audit.interactive',
+  'lighthouse.audit.interactive-element-affordance',
+  'lighthouse.audit.is-crawlable',
+  'lighthouse.audit.is-on-https',
+  'lighthouse.audit.js-libraries',
+  'lighthouse.audit.label',
+  'lighthouse.audit.label-content-name-mismatch',
+  'lighthouse.audit.landmark-one-main',
+  'lighthouse.audit.largest-contentful-paint',
+  'lighthouse.audit.largest-contentful-paint-element',
+  'lighthouse.audit.layout-shifts',
+  'lighthouse.audit.lcp-lazy-loaded',
+  'lighthouse.audit.legacy-javascript',
+  'lighthouse.audit.link-in-text-block',
+  'lighthouse.audit.link-name',
+  'lighthouse.audit.link-text',
+  'lighthouse.audit.list',
+  'lighthouse.audit.listitem',
+  'lighthouse.audit.logical-tab-order',
+  'lighthouse.audit.long-tasks',
+  'lighthouse.audit.main-thread-tasks',
+  'lighthouse.audit.mainthread-work-breakdown',
+  'lighthouse.audit.managed-focus',
+  'lighthouse.audit.max-potential-fid',
+  'lighthouse.audit.meta-description',
+  'lighthouse.audit.meta-refresh',
+  'lighthouse.audit.meta-viewport',
+  'lighthouse.audit.metrics',
+  'lighthouse.audit.modern-image-formats',
+  'lighthouse.audit.network-requests',
+  'lighthouse.audit.network-rtt',
+  'lighthouse.audit.network-server-latency',
+  'lighthouse.audit.no-document-write',
+  'lighthouse.audit.non-composited-animations',
+  'lighthouse.audit.notification-on-start',
+  'lighthouse.audit.object-alt',
+  'lighthouse.audit.offscreen-content-hidden',
+  'lighthouse.audit.offscreen-images',
+  'lighthouse.audit.paste-preventing-inputs',
+  'lighthouse.audit.prioritize-lcp-image',
+  'lighthouse.audit.redirects',
+  'lighthouse.audit.redirects-http',
+  'lighthouse.audit.render-blocking-resources',
+  'lighthouse.audit.resource-summary',
+  'lighthouse.audit.robots-txt',
+  'lighthouse.audit.screenshot-thumbnails',
+  'lighthouse.audit.script-treemap-data',
+  'lighthouse.audit.select-name',
+  'lighthouse.audit.server-response-time',
+  'lighthouse.audit.skip-link',
+  'lighthouse.audit.speed-index',
+  'lighthouse.audit.structured-data',
+  'lighthouse.audit.tabindex',
+  'lighthouse.audit.table-duplicate-name',
+  'lighthouse.audit.table-fake-caption',
+  'lighthouse.audit.target-size',
+  'lighthouse.audit.td-has-header',
+  'lighthouse.audit.td-headers-attr',
+  'lighthouse.audit.th-has-data-cells',
+  'lighthouse.audit.third-party-cookies',
+  'lighthouse.audit.third-party-facades',
+  'lighthouse.audit.third-party-summary',
+  'lighthouse.audit.total-blocking-time',
+  'lighthouse.audit.total-byte-weight',
+  'lighthouse.audit.unminified-css',
+  'lighthouse.audit.unminified-javascript',
+  'lighthouse.audit.unsized-images',
+  'lighthouse.audit.unused-css-rules',
+  'lighthouse.audit.unused-javascript',
+  'lighthouse.audit.use-landmarks',
+  'lighthouse.audit.user-timings',
+  'lighthouse.audit.uses-http2',
+  'lighthouse.audit.uses-long-cache-ttl',
+  'lighthouse.audit.uses-optimized-images',
+  'lighthouse.audit.uses-passive-event-listeners',
+  'lighthouse.audit.uses-rel-preconnect',
+  'lighthouse.audit.uses-responsive-images',
+  'lighthouse.audit.uses-responsive-images-snapshot',
+  'lighthouse.audit.uses-text-compression',
+  'lighthouse.audit.valid-lang',
+  'lighthouse.audit.valid-source-maps',
+  'lighthouse.audit.video-caption',
+  'lighthouse.audit.viewport',
+  'lighthouse.audit.visual-order-follows-dom',
+  'lighthouse.audit.work-during-interaction',
   'lighthouse.cancel',
   'lighthouse.cat-a11y',
   'lighthouse.cat-best-practices',
@@ -2048,6 +2269,7 @@ export const knownContextValues = new Set([
   'network.enable-request-blocking',
   'network.group-by-frame',
   'network.group-by-frame-false',
+  'network.group-by-frame-true',
   'network.hide-request-details',
   'network.initiator-stacktrace',
   'network.remove-all-network-request-blocking-patterns',
@@ -2071,6 +2293,7 @@ export const knownContextValues = new Set([
   'nfc',
   'nl',
   'no',
+  'no-agent-entrypoint',
   'no-override',
   'no-throttling',
   'node',
@@ -2078,6 +2301,7 @@ export const knownContextValues = new Set([
   'node-id',
   'node-removed',
   'nodes',
+  'nominal',
   'none',
   'normal',
   'not-logged-in',
@@ -2102,6 +2326,7 @@ export const knownContextValues = new Set([
   'offset-rotate',
   'offset-x',
   'offset-y',
+  'on',
   'on-shown-without-set-expression',
   'only-3rd-party-requests',
   'only-blocked-requests',
@@ -2112,11 +2337,16 @@ export const knownContextValues = new Set([
   'only-show-third-party',
   'opacity',
   'open-ai-settings',
+  'open-elements-panel',
   'open-folder',
+  'open-in-animations-panel',
   'open-in-containing-folder',
   'open-in-new-tab',
   'open-link-handler',
   'open-memory-inspector',
+  'open-network-panel',
+  'open-performance-panel',
+  'open-sources-panel',
   'open-using',
   'opened-windows',
   'opera-mac',
@@ -2622,6 +2852,7 @@ export const knownContextValues = new Set([
   'sensors.manage-locations',
   'sensors.reset-device-orientiation',
   'serif',
+  'serious',
   'server',
   'server-timing-api',
   'service-worker-update-on-reload',
@@ -2666,6 +2897,7 @@ export const knownContextValues = new Set([
   'shortcut-panel-switch',
   'shortcuts',
   'show-ad-highlights',
+  'show-ad-highlights-true',
   'show-adorner-settings',
   'show-all-properties',
   'show-as-javascript-object',
@@ -2687,6 +2919,7 @@ export const knownContextValues = new Set([
   'show-grid-areas',
   'show-grid-areas-true',
   'show-grid-line-labels',
+  'show-grid-line-labels-line-names',
   'show-grid-track-sizes',
   'show-grid-track-sizes-true',
   'show-html-comments',
@@ -2825,6 +3058,7 @@ export const knownContextValues = new Set([
   'stalled',
   'standard-emulated-device-list',
   'start',
+  'start-new-chat',
   'start-time',
   'start-url',
   'start-view',
@@ -2965,6 +3199,7 @@ export const knownContextValues = new Set([
   'thumbs-up',
   'time',
   'timeline',
+  'timeline-alternative-navigation',
   'timeline-capture-layers-and-pictures',
   'timeline-capture-selector-stats',
   'timeline-compiled-sources',
@@ -2974,6 +3209,7 @@ export const knownContextValues = new Set([
   'timeline-counters-graph-js-heap-size-used',
   'timeline-counters-graph-nodes',
   'timeline-debug-mode',
+  'timeline-dim-unrelated-events',
   'timeline-disable-js-sampling',
   'timeline-enhanced-traces',
   'timeline-experimental-insights',
@@ -2997,6 +3233,7 @@ export const knownContextValues = new Set([
   'timeline-status',
   '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',
@@ -3013,6 +3250,7 @@ export const knownContextValues = new Set([
   'timeline.annotations.entry-annotation-create',
   'timeline.annotations.entry-label-input',
   'timeline.annotations.time-range-label-input',
+  'timeline.back-to-live-metrics',
   'timeline.breadcrumb-select',
   'timeline.clear',
   'timeline.configure',
@@ -3200,6 +3438,7 @@ export const knownContextValues = new Set([
   'user-valid',
   'user-verification',
   'userHandle',
+  'utf-8',
   'uz',
   'valid',
   'value',
@@ -3225,6 +3464,7 @@ export const knownContextValues = new Set([
   'view-timeline-axis',
   'view-timeline-inset',
   'view-timeline-name',
+  'view-transition-capture-mode',
   'view-transition-class',
   'view-transition-group',
   'view-transition-name',

package/front_end/ui/visual_logging/LoggingConfig.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 * as Root from '../../core/root/root.js';
+
 import {knownContextValues} from './KnownContextValues.js';
 
 const LOGGING_ATTRIBUTE = 'jslog';
@@ -124,8 +126,10 @@ function checkContextValue(context: string|number|undefined): void {
       reportedUnknownVeContext.has(context)) {
     return;
   }
-  const stack = (new Error().stack || '').split('\n').slice(3).join('\n');
-  console.error(`Unknown VE context: ${context}${stack}`);
+  if (Root.Runtime.Runtime.queryParam('debugFrontend')) {
+    const stack = (new Error().stack || '').split('\n').slice(3).join('\n');
+    console.error(`Unknown VE context: ${context}${stack}`);
+  }
   reportedUnknownVeContext.add(context);
 }
 

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

@@ -506,6 +506,54 @@ describe('LoggingDriver', () => {
     assert.isFalse(recordChange.calledOnce);
   });
 
+  it('logs state with change of a checkbox', async () => {
+    const recordChange = sinon.stub(
+        Host.InspectorFrontendHost.InspectorFrontendHostInstance,
+        'recordChange',
+    );
+
+    const element = document.createElement('input');
+    element.setAttribute('jslog', 'TreeItem; track: change');
+    element.type = 'checkbox';
+    element.checked = true;
+    renderElementIntoDOM(element);
+    await VisualLoggingTesting.LoggingDriver.startLogging();
+    let logging = expectCall(recordChange);
+    element.dispatchEvent(new Event('change'));
+    let [event] = await logging;
+    assert.strictEqual(event.context, 1530936795);
+
+    element.checked = false;
+    logging = expectCall(recordChange);
+    element.dispatchEvent(new Event('change'));
+    [event] = await logging;
+    assert.strictEqual(event.context, 1936227034);
+  });
+
+  it('logs state with change of a radio', async () => {
+    const recordChange = sinon.stub(
+        Host.InspectorFrontendHost.InspectorFrontendHostInstance,
+        'recordChange',
+    );
+
+    const element = document.createElement('input');
+    element.setAttribute('jslog', 'TreeItem; track: change');
+    element.type = 'radio';
+    element.checked = true;
+    renderElementIntoDOM(element);
+    await VisualLoggingTesting.LoggingDriver.startLogging();
+    let logging = expectCall(recordChange);
+    element.dispatchEvent(new Event('change'));
+    let [event] = await logging;
+    assert.strictEqual(event.context, 1530936795);
+
+    element.checked = false;
+    logging = expectCall(recordChange);
+    element.dispatchEvent(new Event('change'));
+    [event] = await logging;
+    assert.strictEqual(event.context, 1936227034);
+  });
+
   it('logs hover', async () => {
     addLoggableElements();
     await VisualLoggingTesting.LoggingDriver.startLogging({hoverLogThrottler: throttler});
@@ -678,8 +726,7 @@ describe('LoggingDriver', () => {
     assert.deepStrictEqual(recordResize.firstCall.firstArg, {veid: getVeId(element), width: 300, height: 300});
   });
 
-  // Flaky, to be rewritten
-  it.skip('[crbug.com/347520196] throttles resize per element', async () => {
+  it('throttles resize per element', async () => {
     addLoggableElements();
     const element1 = document.getElementById('element') as HTMLElement;
     const element2 = element1.cloneNode() as HTMLElement;
@@ -694,16 +741,16 @@ describe('LoggingDriver', () => {
     await expectCall(throttle, {callCount: 2});
     element2.style.height = '200px';
     await expectCall(throttle, {callCount: 2});
-    element1.style.height = '100px';
+    element1.style.height = '10px';
     await expectCall(throttle, {callCount: 2});
-    element2.style.height = '100px';
+    element2.style.height = '10px';
     const [work] = await expectCall(throttle, {callCount: 2});
 
     assert.isFalse(recordResize.called);
     await work();
     assert.isTrue(recordResize.calledTwice);
-    assert.strictEqual(recordResize.firstCall.firstArg.height, 100);
-    assert.strictEqual(recordResize.lastCall.firstArg.height, 100);
+    assert.strictEqual(recordResize.firstCall.firstArg.height, 10);
+    assert.strictEqual(recordResize.lastCall.firstArg.height, 10);
     assert.notStrictEqual(recordResize.firstCall.firstArg.veid, recordResize.lastCall.firstArg.veid);
   });
 

package/front_end/ui/visual_logging/LoggingDriver.ts

@@ -83,7 +83,7 @@ export async function addDocument(document: Document): Promise<void> {
 }
 
 export async function stopLogging(): Promise<void> {
-  await keyboardLogThrottler.process?.();
+  await keyboardLogThrottler.schedule(async () => {}, Common.Throttler.Scheduling.AS_SOON_AS_POSSIBLE);
   logging = false;
   unregisterAllLoggables();
   for (const document of documents) {
@@ -215,15 +215,15 @@ async function process(): Promise<void> {
           if (!(event instanceof InputEvent)) {
             return;
           }
-          if (loggingState.lastInputEventType && loggingState.lastInputEventType !== event.inputType) {
+          if (loggingState.pendingChangeContext && loggingState.pendingChangeContext !== event.inputType) {
             void logPendingChange(element);
           }
-          loggingState.lastInputEventType = event.inputType;
+          loggingState.pendingChangeContext = event.inputType;
           pendingChange.add(element);
         }, {capture: true});
         element.addEventListener('change', () => logPendingChange(element), {capture: true});
         element.addEventListener('focusout', () => {
-          if (loggingState.lastInputEventType) {
+          if (loggingState.pendingChangeContext) {
             void logPendingChange(element);
           }
         }, {capture: true});
@@ -301,8 +301,11 @@ 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.lastInputEventType;
+  delete loggingState.pendingChangeContext;
   pendingChange.delete(element);
 }
 

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

@@ -24,6 +24,10 @@ describe('LoggingEvents', () => {
     throttler = new Common.Throttler.Throttler(1000000);
   });
 
+  afterEach(async () => {
+    await throttler.schedule(async () => {}, Common.Throttler.Scheduling.AS_SOON_AS_POSSIBLE);
+  });
+
   async function assertThrottled(stub: sinon.SinonStub) {
     await new Promise(resolve => setTimeout(resolve, 0));
     assert.isFalse(stub.called);
@@ -93,7 +97,7 @@ describe('LoggingEvents', () => {
         Host.InspectorFrontendHost.InspectorFrontendHostInstance,
         'recordChange',
     );
-    VisualLogging.LoggingState.getLoggingState(element)!.lastInputEventType = 'instertText';
+    VisualLogging.LoggingState.getLoggingState(element)!.pendingChangeContext = 'instertText';
     await VisualLogging.LoggingEvents.logChange(element);
     assert.isTrue(recordChange.calledOnce);
     assert.deepStrictEqual(recordChange.firstCall.firstArg, {veid, context: 296063892});

package/front_end/ui/visual_logging/LoggingEvents.ts

@@ -88,7 +88,7 @@ export async function logChange(loggable: Loggable): Promise<void> {
   const loggingState = getLoggingState(loggable);
   assertNotNullOrUndefined(loggingState);
   const changeEvent: Host.InspectorFrontendHostAPI.ChangeEvent = {veid: loggingState.veid};
-  const context = loggingState.lastInputEventType;
+  const context = loggingState.pendingChangeContext;
   if (context) {
     changeEvent.context = await contextAsNumber(context);
   }

package/front_end/ui/visual_logging/LoggingState.ts

@@ -13,7 +13,7 @@ export interface LoggingState {
   processedForDebugging?: boolean;
   size: DOMRect;
   selectOpen?: boolean;
-  lastInputEventType?: string;
+  pendingChangeContext?: string;
 }
 
 const state = new WeakMap<Loggable, LoggingState>();