microsoft/playwright
1
1
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2025-01-05 19:04:43 +03:00
Code Issues Projects Releases Wiki Activity

chore: make Trace Viewer start page AAA compliant (#27879)

Browse Source
This commit is contained in:
Max Schmitt 2023-10-31 16:35:13 +01:00 committed by GitHub
parent d38eab0df1
commit 08b8181632
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/trace-viewer/src/ui/snapshotTab.tsx
View File

@ -199,8 +199,8 @@ export const SnapshotTab: React.FunctionComponent<{
}}>
<BrowserFrame url={snapshotInfo.url} />
<div className='snapshot-switcher'>
<iframe ref={iframeRef0} name='snapshot' className={loadingRef.current.visibleIframe === 0 ? 'snapshot-visible' : ''}></iframe>
<iframe ref={iframeRef1} name='snapshot' className={loadingRef.current.visibleIframe === 1 ? 'snapshot-visible' : ''}></iframe>
<iframe ref={iframeRef0} name='snapshot' title='DOM Snapshot' className={loadingRef.current.visibleIframe === 0 ? 'snapshot-visible' : ''}></iframe>
<iframe ref={iframeRef1} name='snapshot' title='DOM Snapshot' className={loadingRef.current.visibleIframe === 1 ? 'snapshot-visible' : ''}></iframe>
</div>
</div>
</div>

2
packages/trace-viewer/src/ui/uiModeView.tsx
View File

@ -228,7 +228,7 @@ export const UIModeView: React.FC<{}> = ({
</div>
<div className='vbox ui-mode-sidebar'>
<Toolbar noShadow={true} noMinHeight={true}>
<img src='playwright-logo.svg' />
<img src='playwright-logo.svg' alt='Playwright logo' />
<div className='section-title'>Playwright</div>
<ToolbarButton icon='color-mode' title='Toggle color mode' onClick={() => toggleTheme()} />
<ToolbarButton icon='refresh' title='Reload' onClick={() => reloadTests()} disabled={isRunningTest || isLoading}></ToolbarButton>

2
packages/trace-viewer/src/ui/workbenchLoader.tsx
View File

@ -140,7 +140,7 @@ export const WorkbenchLoader: React.FunctionComponent<{
return <div className='vbox workbench-loader' onDragOver={event => { event.preventDefault(); setDragOver(true); }}>
<div className='hbox header'>
<div className='logo'>
<img src='playwright-logo.svg' />
<img src='playwright-logo.svg' alt='Playwright logo' />
</div>
<div className='product'>Playwright</div>
{model.title && <div className='title'>{model.title}</div>}

2
packages/web/src/components/listView.tsx
View File

@ -83,7 +83,7 @@ export function ListView<T>({
itemListRef.current.scrollTop = scrollPositions.get(name) || 0;
}, [name]);
return <div className='list-view vbox' role='list' data-testid={dataTestId || (name + '-list')}>
return <div className='list-view vbox' role={items.length > 0 ? 'list' : undefined} data-testid={dataTestId || (name + '-list')}>
<div
className='list-view-content'
tabIndex={0}