diff --git a/packages/trace-viewer/src/ui/actionList.css b/packages/trace-viewer/src/ui/actionList.css index 10e3c39f98522..e720a24cee7ec 100644 --- a/packages/trace-viewer/src/ui/actionList.css +++ b/packages/trace-viewer/src/ui/actionList.css @@ -84,6 +84,20 @@ color: var(--vscode-charts-blue); } +.action-green { + display: inline; + flex: none; + padding-left: 5px; + color: var(--vscode-charts-green); +} + +.action-red { + display: inline; + flex: none; + padding-left: 5px; + color: var(--vscode-charts-red); +} + .action-list-show-all { display: flex; cursor: pointer; diff --git a/packages/trace-viewer/src/ui/actionList.tsx b/packages/trace-viewer/src/ui/actionList.tsx index 0211bff92753e..f3a63a8e4f610 100644 --- a/packages/trace-viewer/src/ui/actionList.tsx +++ b/packages/trace-viewer/src/ui/actionList.tsx @@ -97,12 +97,14 @@ export const renderAction = ( time = 'Timed out'; else if (!isLive) time = '-'; + return <>
- {action.class !== 'APIRequestContext' && {action.apiName}} - {action.class === 'APIRequestContext' && {action.params.method}} + {action.apiName} {locator &&
{locator}
} {action.method === 'goto' && action.params.url &&
{action.params.url}
} + {action.class === 'APIRequestContext' && action.params.method && {action.params.method}} + {action.class === 'APIRequestContext' && action.result?.response?.status && {action.result.response.status}} {action.class === 'APIRequestContext' && action.params.url &&
{excludeOrigin(action.params.url)}
}
{(showDuration || showBadges) &&
}