chore(trace-viewer) simplify excludeOrigin function

This commit is contained in:
Ryan Rosello 2024-07-04 19:28:33 +10:00
parent 63a678f13a
commit 45aa3fdc7a

View file

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