diff --git a/lighthouse-core/test/audits/work-during-interaction-test.js b/lighthouse-core/test/audits/work-during-interaction-test.js
index aa3b7e3de8d6..8d4cd0af4f8f 100644
--- a/lighthouse-core/test/audits/work-during-interaction-test.js
+++ b/lighthouse-core/test/audits/work-during-interaction-test.js
@@ -19,6 +19,18 @@ describe('Interaction to Next Paint', () => {
devtoolsLogs: {
[WorkDuringInteraction.DEFAULT_PASS]: [],
},
+ TraceElements: [{
+ traceEventType: 'responsiveness',
+ node: {
+ lhId: 'page-0-INPUT',
+ devtoolsNodePath: '1,HTML,1,BODY,1,INPUT',
+ selector: 'body > input#events-typey',
+ boundingRect: {top: 160, bottom: 181, left: 8, right: 592, width: 584, height: 22},
+ snippet: '',
+ nodeLabel: 'body > input#events-typey',
+ },
+ nodeId: 10,
+ }],
};
const context = {
@@ -36,154 +48,194 @@ describe('Interaction to Next Paint', () => {
expect(result).toMatchInlineSnapshot(`
Object {
"details": Object {
- "debugData": Object {
- "interactionType": "mousedown",
- "phases": Object {
- "inputDelay": Object {
- "endTs": 633282608296,
- "startTs": 633282566296,
- },
- "presentationDelay": Object {
- "endTs": 633282934296,
- "startTs": 633282649296,
- },
- "processingDelay": Object {
- "endTs": 633282649296,
- "startTs": 633282608296,
- },
- },
- "type": "debugdata",
- },
- "headings": Array [
- Object {
- "itemType": "text",
- "key": "phase",
- "subItemsHeading": Object {
- "itemType": "url",
- "key": "url",
- },
- "text": "Phase",
- },
- Object {
- "granularity": 1,
- "itemType": "ms",
- "key": "total",
- "subItemsHeading": Object {
- "granularity": 1,
- "itemType": "ms",
- "key": "total",
- },
- "text": "Total time",
- },
- Object {
- "itemType": "ms",
- "key": null,
- "subItemsHeading": Object {
- "granularity": 1,
- "itemType": "ms",
- "key": "scripting",
- },
- "text": "Script evaluation",
- },
- Object {
- "itemType": "ms",
- "key": null,
- "subItemsHeading": Object {
- "granularity": 1,
- "itemType": "ms",
- "key": "layout",
- },
- "text": "Style & Layout",
- },
- Object {
- "itemType": "ms",
- "key": null,
- "subItemsHeading": Object {
- "granularity": 1,
- "itemType": "ms",
- "key": "render",
- },
- "text": "Rendering",
- },
- ],
"items": Array [
Object {
- "phase": Object {
- "formattedDefault": "Input delay",
- "i18nId": "lighthouse-core/audits/work-during-interaction.js | inputDelay",
- "values": undefined,
- },
- "subItems": Object {
- "items": Array [
- Object {
- "layout": 0,
- "render": 0,
- "scripting": 39.855000019073486,
- "total": 40.68599998950958,
- "url": "http://localhost:10200/events.html",
+ "headings": Array [
+ Object {
+ "itemType": "node",
+ "key": "node",
+ "text": Object {
+ "formattedDefault": "Event target",
+ "i18nId": "lighthouse-core/audits/work-during-interaction.js | eventTarget",
+ "values": undefined,
},
- Object {
- "layout": 0,
- "render": 0,
- "scripting": 0,
- "total": 1.3049999475479126,
- "url": "Unattributable",
+ },
+ ],
+ "items": Array [
+ Object {
+ "node": Object {
+ "boundingRect": Object {
+ "bottom": 181,
+ "height": 22,
+ "left": 8,
+ "right": 592,
+ "top": 160,
+ "width": 584,
+ },
+ "lhId": "page-0-INPUT",
+ "nodeLabel": "body > input#events-typey",
+ "path": "1,HTML,1,BODY,1,INPUT",
+ "selector": "body > input#events-typey",
+ "snippet": "",
+ "type": "node",
},
- ],
- "type": "subitems",
- },
- "total": 42,
+ },
+ ],
+ "summary": undefined,
+ "type": "table",
},
Object {
- "phase": Object {
- "formattedDefault": "Processing delay",
- "i18nId": "lighthouse-core/audits/work-during-interaction.js | processingDelay",
- "values": undefined,
- },
- "subItems": Object {
- "items": Array [
- Object {
- "layout": 0,
- "render": 0,
- "scripting": 40.6599999666214,
- "total": 41,
- "url": "http://localhost:10200/events.html",
+ "headings": Array [
+ Object {
+ "itemType": "text",
+ "key": "phase",
+ "subItemsHeading": Object {
+ "itemType": "url",
+ "key": "url",
},
- ],
- "type": "subitems",
- },
- "total": 41,
- },
- Object {
- "phase": Object {
- "formattedDefault": "Presentation delay",
- "i18nId": "lighthouse-core/audits/work-during-interaction.js | presentationDelay",
- "values": undefined,
- },
- "subItems": Object {
- "items": Array [
- Object {
- "layout": 0,
- "render": 0,
- "scripting": 272.8389996290207,
- "total": 278.7499998807907,
- "url": "http://localhost:10200/events.html",
+ "text": "Phase",
+ },
+ Object {
+ "granularity": 1,
+ "itemType": "ms",
+ "key": "total",
+ "subItemsHeading": Object {
+ "granularity": 1,
+ "itemType": "ms",
+ "key": "total",
},
- Object {
- "layout": 0,
- "render": 0,
- "scripting": 0.03100001811981201,
- "total": 2.01800000667572,
- "url": "Unattributable",
+ "text": "Total time",
+ },
+ Object {
+ "itemType": "ms",
+ "key": null,
+ "subItemsHeading": Object {
+ "granularity": 1,
+ "itemType": "ms",
+ "key": "scripting",
},
- ],
- "type": "subitems",
+ "text": "Script evaluation",
+ },
+ Object {
+ "itemType": "ms",
+ "key": null,
+ "subItemsHeading": Object {
+ "granularity": 1,
+ "itemType": "ms",
+ "key": "layout",
+ },
+ "text": "Style & Layout",
+ },
+ Object {
+ "itemType": "ms",
+ "key": null,
+ "subItemsHeading": Object {
+ "granularity": 1,
+ "itemType": "ms",
+ "key": "render",
+ },
+ "text": "Rendering",
+ },
+ ],
+ "items": Array [
+ Object {
+ "phase": Object {
+ "formattedDefault": "Input delay",
+ "i18nId": "lighthouse-core/audits/work-during-interaction.js | inputDelay",
+ "values": undefined,
+ },
+ "subItems": Object {
+ "items": Array [
+ Object {
+ "layout": 0,
+ "render": 0,
+ "scripting": 39.855000019073486,
+ "total": 40.68599998950958,
+ "url": "http://localhost:10200/events.html",
+ },
+ Object {
+ "layout": 0,
+ "render": 0,
+ "scripting": 0,
+ "total": 1.3049999475479126,
+ "url": "Unattributable",
+ },
+ ],
+ "type": "subitems",
+ },
+ "total": 42,
+ },
+ Object {
+ "phase": Object {
+ "formattedDefault": "Processing delay",
+ "i18nId": "lighthouse-core/audits/work-during-interaction.js | processingDelay",
+ "values": undefined,
+ },
+ "subItems": Object {
+ "items": Array [
+ Object {
+ "layout": 0,
+ "render": 0,
+ "scripting": 40.6599999666214,
+ "total": 41,
+ "url": "http://localhost:10200/events.html",
+ },
+ ],
+ "type": "subitems",
+ },
+ "total": 41,
+ },
+ Object {
+ "phase": Object {
+ "formattedDefault": "Presentation delay",
+ "i18nId": "lighthouse-core/audits/work-during-interaction.js | presentationDelay",
+ "values": undefined,
+ },
+ "subItems": Object {
+ "items": Array [
+ Object {
+ "layout": 0,
+ "render": 0,
+ "scripting": 272.8389996290207,
+ "total": 278.7499998807907,
+ "url": "http://localhost:10200/events.html",
+ },
+ Object {
+ "layout": 0,
+ "render": 0,
+ "scripting": 0.03100001811981201,
+ "total": 2.01800000667572,
+ "url": "Unattributable",
+ },
+ ],
+ "type": "subitems",
+ },
+ "total": 285,
+ },
+ ],
+ "summary": undefined,
+ "type": "table",
+ },
+ Object {
+ "interactionType": "mousedown",
+ "phases": Object {
+ "inputDelay": Object {
+ "endTs": 633282608296,
+ "startTs": 633282566296,
+ },
+ "presentationDelay": Object {
+ "endTs": 633282934296,
+ "startTs": 633282649296,
+ },
+ "processingDelay": Object {
+ "endTs": 633282649296,
+ "startTs": 633282608296,
+ },
},
- "total": 285,
+ "type": "debugdata",
},
],
- "summary": undefined,
- "type": "table",
+ "type": "list",
},
"displayValue": Object {
"formattedDefault": "370 ms spent on event 'mousedown'",
diff --git a/shared/localization/locales/en-US.json b/shared/localization/locales/en-US.json
index 99c0db7e1b7c..d2ba244e7afa 100644
--- a/shared/localization/locales/en-US.json
+++ b/shared/localization/locales/en-US.json
@@ -1664,6 +1664,9 @@
"lighthouse-core/audits/work-during-interaction.js | displayValue": {
"message": "{timeInMs, number, milliseconds} ms spent on event '{interactionType}'"
},
+ "lighthouse-core/audits/work-during-interaction.js | eventTarget": {
+ "message": "Event target"
+ },
"lighthouse-core/audits/work-during-interaction.js | failureTitle": {
"message": "Minimize work during key interaction"
},
diff --git a/shared/localization/locales/en-XL.json b/shared/localization/locales/en-XL.json
index dd9bd843bae2..853994afed5f 100644
--- a/shared/localization/locales/en-XL.json
+++ b/shared/localization/locales/en-XL.json
@@ -1664,6 +1664,9 @@
"lighthouse-core/audits/work-during-interaction.js | displayValue": {
"message": "{timeInMs, number, milliseconds} m̂ś ŝṕêńt̂ ón̂ év̂én̂t́ '{interactionType}'"
},
+ "lighthouse-core/audits/work-during-interaction.js | eventTarget": {
+ "message": "Êv́êńt̂ t́âŕĝét̂"
+ },
"lighthouse-core/audits/work-during-interaction.js | failureTitle": {
"message": "M̂ín̂ím̂íẑé ŵór̂ḱ d̂úr̂ín̂ǵ k̂éŷ ín̂t́êŕâćt̂íôń"
},
diff --git a/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-navigation-expected.txt b/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-navigation-expected.txt
index 1ebc2003c55d..4b1fd3b35027 100644
--- a/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-navigation-expected.txt
+++ b/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-navigation-expected.txt
@@ -36,6 +36,7 @@ Computing artifact: MainResource$k
Collect stacks
Computing artifact: ProcessedTrace$h
Computing artifact: ProcessedNavigation$7
+Computing artifact: Responsiveness
Get webapp manifest
Audit phase
Analyzing and running audits...
diff --git a/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-run-expected.txt b/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-run-expected.txt
index 249e8aa35380..8b69e2116ec3 100644
--- a/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-run-expected.txt
+++ b/third-party/chromium-webtests/webtests/http/tests/devtools/lighthouse/lighthouse-successful-run-expected.txt
@@ -126,6 +126,7 @@ Gathering: Accessibility
Gathering: TraceElements
Computing artifact: ProcessedTrace$h
Computing artifact: ProcessedNavigation$7
+Computing artifact: Responsiveness
Gathering: InspectorIssues
Gathering: SourceMaps
Gathering: FullPageScreenshot