Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

keep apiName like they are

Browse source
This commit is contained in:
Simon Knott 2024-09-18 17:50:07 +02:00
parent 117cf7e255
commit 3b66b1b08c
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
2 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/trace-viewer/src/ui/actionList.css
View file

@ -84,6 +84,20 @@
color: var(--vscode-charts-blue); 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 { .action-list-show-all {
display: flex; display: flex;
cursor: pointer; cursor: pointer;

6
packages/trace-viewer/src/ui/actionList.tsx
View file

@ -97,12 +97,14 @@ export const renderAction = (
time = 'Timed out'; time = 'Timed out';
else if (!isLive) else if (!isLive)
time = '-'; time = '-';
return <> return <>
<div className='action-title' title={action.apiName}> <div className='action-title' title={action.apiName}>
{action.class !== 'APIRequestContext' && <span>{action.apiName}</span>} <span>{action.apiName}</span>
{action.class === 'APIRequestContext' && <span className='action-selector'>{action.params.method}</span>}
{locator && <div className='action-selector' title={locator}>{locator}</div>} {locator && <div className='action-selector' title={locator}>{locator}</div>}
{action.method === 'goto' && action.params.url && <div className='action-url' title={action.params.url}>{action.params.url}</div>} {action.method === 'goto' && action.params.url && <div className='action-url' title={action.params.url}>{action.params.url}</div>}
{action.class === 'APIRequestContext' && action.params.method && <span className='action-selector'>{action.params.method}</span>}
{action.class === 'APIRequestContext' && action.result?.response?.status && <span className={action.result.response.status < 201 ? 'action-green' : action.result.response.status < 500 ? 'action-url' : 'action-red'}>{action.result.response.status}</span>}
{action.class === 'APIRequestContext' && action.params.url && <div className='action-url' title={action.params.url}>{excludeOrigin(action.params.url)}</div>} {action.class === 'APIRequestContext' && action.params.url && <div className='action-url' title={action.params.url}>{excludeOrigin(action.params.url)}</div>}
</div> </div>
{(showDuration || showBadges) && <div className='spacer'></div>} {(showDuration || showBadges) && <div className='spacer'></div>}