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

chore(trace-viewer) add resource.response.statusText to the network details

Browse source
This commit is contained in:
Ryan Rosello 2024-06-19 20:01:26 +10:00
parent 6d90387e24
commit 4fea6dc4cc
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -80,9 +80,11 @@ const RequestTab: React.FunctionComponent<{
<div className='network-request-details-header'>General</div> <div className='network-request-details-header'>General</div>
<div className='network-request-details-url'>{`URL: ${resource.request.url}`}</div> <div className='network-request-details-url'>{`URL: ${resource.request.url}`}</div>
<div className='network-request-details-general'>{`Method: ${resource.request.method}`}</div> <div className='network-request-details-general'>{`Method: ${resource.request.method}`}</div>
<div className='network-request-details-general'>{`Status Code: ${resource.response.status >= 200 && resource.response.status < 400 <div className='network-request-details-general'>{`Status Code: ${
? `🟢 ${resource.response.status}` resource.response.status >= 200 && resource.response.status < 400
: `🔴 ${resource.response.status}`}`}</div> ? `🟢 ${resource.response.status} ${resource.response.statusText}`
: `🔴 ${resource.response.status} ${resource.response.statusText}`
}`}</div>
<div className='network-request-details-header'>Request Headers</div> <div className='network-request-details-header'>Request Headers</div>
<div className='network-request-details-headers'>{resource.request.headers.map(pair => `${pair.name}: ${pair.value}`).join('\n')}</div> <div className='network-request-details-headers'>{resource.request.headers.map(pair => `${pair.name}: ${pair.value}`).join('\n')}</div>
{requestBody && <div className='network-request-details-header'>Request Body</div>} {requestBody && <div className='network-request-details-header'>Request Body</div>}