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

move section between browser and viewport

Browse source
This commit is contained in:
Simon Knott 2024-07-25 14:38:40 +02:00
parent d0eb805655
commit 742ae72fed
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -25,12 +25,6 @@ export const MetadataView: React.FunctionComponent<{
if (!model) if (!model)
return <></>; return <></>;
return <div className='metadata-view vbox'> return <div className='metadata-view vbox'>
{model.baseURL && (
<>
<div className='call-section' style={{ paddingTop: 2 }}>Config</div>
<div className='call-line'>baseURL:<a className='call-value string' href={model.baseURL} title={model.baseURL} target='_blank' rel='noopener noreferrer'>{model.baseURL}</a></div>
</>
)}
<div className='call-section' style={{ paddingTop: 2 }}>Time</div> <div className='call-section' style={{ paddingTop: 2 }}>Time</div>
{!!model.wallTime && <div className='call-line'>start time:<span className='call-value datetime' title={new Date(model.wallTime).toLocaleString()}>{new Date(model.wallTime).toLocaleString()}</span></div>} {!!model.wallTime && <div className='call-line'>start time:<span className='call-value datetime' title={new Date(model.wallTime).toLocaleString()}>{new Date(model.wallTime).toLocaleString()}</span></div>}
<div className='call-line'>duration:<span className='call-value number' title={msToString(model.endTime - model.startTime)}>{msToString(model.endTime - model.startTime)}</span></div> <div className='call-line'>duration:<span className='call-value number' title={msToString(model.endTime - model.startTime)}>{msToString(model.endTime - model.startTime)}</span></div>
@ -39,6 +33,12 @@ export const MetadataView: React.FunctionComponent<{
{model.channel && <div className='call-line'>channel:<span className='call-value string' title={model.channel}>{model.channel}</span></div>} {model.channel && <div className='call-line'>channel:<span className='call-value string' title={model.channel}>{model.channel}</span></div>}
{model.platform && <div className='call-line'>platform:<span className='call-value string' title={model.platform}>{model.platform}</span></div>} {model.platform && <div className='call-line'>platform:<span className='call-value string' title={model.platform}>{model.platform}</span></div>}
{model.options.userAgent && <div className='call-line'>user agent:<span className='call-value datetime' title={model.options.userAgent}>{model.options.userAgent}</span></div>} {model.options.userAgent && <div className='call-line'>user agent:<span className='call-value datetime' title={model.options.userAgent}>{model.options.userAgent}</span></div>}
{model.baseURL && (
<>
<div className='call-section' style={{ paddingTop: 2 }}>Config</div>
<div className='call-line'>baseURL:<a className='call-value string' href={model.baseURL} title={model.baseURL} target='_blank' rel='noopener noreferrer'>{model.baseURL}</a></div>
</>
)}
<div className='call-section'>Viewport</div> <div className='call-section'>Viewport</div>
{model.options.viewport && <div className='call-line'>width:<span className='call-value number' title={String(!!model.options.viewport?.width)}>{model.options.viewport.width}</span></div>} {model.options.viewport && <div className='call-line'>width:<span className='call-value number' title={String(!!model.options.viewport?.width)}>{model.options.viewport.width}</span></div>}
{model.options.viewport && <div className='call-line'>height:<span className='call-value number' title={String(!!model.options.viewport?.height)}>{model.options.viewport.height}</span></div>} {model.options.viewport && <div className='call-line'>height:<span className='call-value number' title={String(!!model.options.viewport?.height)}>{model.options.viewport.height}</span></div>}