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

feat(trace-viewer): show request time in trace viewer network tab (#14353)

Browse source
This commit is contained in:
Nilesh Suthar 2022-07-07 23:56:31 +05:30 committed by GitHub
parent efec0261a1
commit 105768fa38
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/trace-viewer/src/ui/networkResourceDetails.css
View file

@ -96,3 +96,7 @@
margin: 3px 0; margin: 3px 0;
font-weight: bold; font-weight: bold;
} }
.network-request-details-time {
float: right;
}

1
packages/trace-viewer/src/ui/networkResourceDetails.tsx
View file

@ -127,6 +127,7 @@ export const NetworkResourceDetails: React.FunctionComponent<{
className={'network-request ' + (selected ? 'selected' : '')} onClick={() => setSelected(index)}> className={'network-request ' + (selected ? 'selected' : '')} onClick={() => setSelected(index)}>
<Expandable expanded={expanded} setExpanded={setExpanded} style={{ width: '100%' }} title={ renderTitle() }> <Expandable expanded={expanded} setExpanded={setExpanded} style={{ width: '100%' }} title={ renderTitle() }>
<div className='network-request-details'> <div className='network-request-details'>
<div className='network-request-details-time'>{resource.time}ms</div>
<div className='network-request-details-header'>URL</div> <div className='network-request-details-header'>URL</div>
<div className='network-request-details-url'>{resource.request.url}</div> <div className='network-request-details-url'>{resource.request.url}</div>
<div className='network-request-details-header'>Request Headers</div> <div className='network-request-details-header'>Request Headers</div>