RPP: detect URLs for ParseAuthorStyleSheet events

R=nancyly@chromium.org

Bug: 400354443
Change-Id: Ifdb048c844bc963560f9980643e70dd5708e64c2
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6524567
Auto-Submit: Jack Franklin <jacktfranklin@chromium.org>
Reviewed-by: Nancy Li <nancyly@chromium.org>
Commit-Queue: Jack Franklin <jacktfranklin@chromium.org>

Author: jackfranklin

front_end/models/trace/handlers/helpers.test.ts

@@ -25,6 +25,14 @@ describeWithEnvironment('getNonResolvedURL', () => {
     assert.strictEqual(url, profileCall.callFrame.url);
   });
 
+  it('parses out the URL For a ParseAuthorStyleSheet', async function() {
+    const {parsedTrace} = await TraceLoader.traceEngine(this, 'web-dev-with-commit.json.gz');
+    const parseStyle = parsedTrace.Renderer.allTraceEntries.find(Trace.Types.Events.isParseAuthorStyleSheetEvent);
+    assert.isOk(parseStyle);
+    const url = Trace.Handlers.Helpers.getNonResolvedURL(parseStyle, parsedTrace);
+    assert.strictEqual(url, parseStyle.args?.data.url);
+  });
+
   it('uses the request URL for a network request', async function() {
     const {parsedTrace} = await TraceLoader.traceEngine(this, 'web-dev-with-commit.json.gz');
     const request = parsedTrace.NetworkRequests.byTime[0];

front_end/models/trace/handlers/helpers.ts

@@ -45,6 +45,10 @@ export function getNonResolvedURL(
     return entry.args.data.url as Platform.DevToolsPath.UrlString;
   }
 
+  if (Types.Events.isParseAuthorStyleSheetEvent(entry) && entry.args) {
+    return entry.args.data.stylesheetUrl as Platform.DevToolsPath.UrlString;
+  }
+
   if (entry.args?.data?.stackTrace && entry.args.data.stackTrace.length > 0) {
     return entry.args.data.stackTrace[0].url as Platform.DevToolsPath.UrlString;
   }

front_end/models/trace/types/TraceEvents.ts

@@ -2840,6 +2840,19 @@ export function isFlowPhaseEvent(event: Event): event is FlowEvent {
   return event.ph === Phase.FLOW_START || event.ph === Phase.FLOW_STEP || event.ph === Phase.FLOW_END;
 }
 
+export interface ParseAuthorStyleSheet extends Complete {
+  name: Name.PARSE_AUTHOR_STYLE_SHEET;
+  args?: Args&{
+    data: {
+      stylesheetUrl: string,
+    },
+  };
+}
+
+export function isParseAuthorStyleSheetEvent(event: Event): event is ParseAuthorStyleSheet {
+  return event.name === Name.PARSE_AUTHOR_STYLE_SHEET;
+}
+
 /**
  * This is an exhaustive list of events we track in the Performance
  * panel. Note not all of them are necessarliry shown in the flame