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

chore(trace-viewer) simplify excludeOrigin function

Browse source
This commit is contained in:
Ryan Rosello 2024-07-04 19:28:33 +10:00
parent 63a678f13a
commit 45aa3fdc7a
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -102,7 +102,7 @@ export const renderAction = (
<span>{action.apiName}</span> <span>{action.apiName}</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.url && <div className='action-url' title={action.params.url}>{excludeBaseUrl(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>}
{showDuration && <div className='action-duration'>{time || <span className='codicon codicon-loading'></span>}</div>} {showDuration && <div className='action-duration'>{time || <span className='codicon codicon-loading'></span>}</div>}
@ -113,7 +113,11 @@ export const renderAction = (
</>; </>;
}; };
function excludeBaseUrl(url: string): string { function excludeOrigin(url: string): string {
const match = url.match(/^(https?:\/\/[^/]+)(.*)$/); try {
return match ? match[2] : url; const urlObject = new URL(url);
return urlObject.pathname + urlObject.search;
} catch (error) {
return url;
}
} }