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

Update recorderView to disable canvas screenshots

Browse source
This commit is contained in:
Adam Gastineau 2024-12-13 08:12:58 -08:00
parent e198f8d310
commit a581a6b133
4 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/trace-viewer/src/ui/recorder/recorderView.tsx
View file

@ -280,7 +280,8 @@ const TraceView: React.FunctionComponent<{
return snapshot.action || snapshot.after || snapshot.before; return snapshot.action || snapshot.after || snapshot.before;
}, [action]); }, [action]);
const snapshotUrls = React.useMemo(() => { const snapshotUrls = React.useMemo(() => {
return snapshot ? extendSnapshot(snapshot) : undefined; // TODO: Use actual setting. Requires settings UI to be wired up
return snapshot ? extendSnapshot(snapshot, false) : undefined;
}, [snapshot]); }, [snapshot]);
return <SnapshotView return <SnapshotView

4
packages/trace-viewer/src/ui/settingsToolbar.tsx → packages/trace-viewer/src/ui/settingsToolbarButton.tsx
View file

@ -20,7 +20,7 @@ import { ToolbarButton } from '@web/components/toolbarButton';
import { DefaultSettingsView } from './defaultSettingsView'; import { DefaultSettingsView } from './defaultSettingsView';
import './settingsToolbar.css'; import './settingsToolbar.css';
export const SettingsToolbar: React.FC<{}> = () => { export const SettingsToolbarButton: React.FC<{}> = () => {
const hostingRef = React.useRef<HTMLButtonElement>(null); const hostingRef = React.useRef<HTMLButtonElement>(null);
const [open, setOpen] = React.useState(false); const [open, setOpen] = React.useState(false);
@ -36,7 +36,7 @@ export const SettingsToolbar: React.FC<{}> = () => {
<Dialog <Dialog
className='settings-toolbar-dialog' className='settings-toolbar-dialog'
open={open} open={open}
width={150} width={200}
requestClose={() => setOpen(false)} requestClose={() => setOpen(false)}
hostingElement={hostingRef} hostingElement={hostingRef}
> >

6
packages/trace-viewer/src/ui/workbenchLoader.tsx
View file

@ -14,15 +14,13 @@
limitations under the License. limitations under the License.
*/ */
import { ToolbarButton } from '@web/components/toolbarButton';
import * as React from 'react'; import * as React from 'react';
import type { ContextEntry } from '../types/entries'; import type { ContextEntry } from '../types/entries';
import { MultiTraceModel } from './modelUtil'; import { MultiTraceModel } from './modelUtil';
import './workbenchLoader.css'; import './workbenchLoader.css';
import { toggleTheme } from '@web/theme';
import { Workbench } from './workbench'; import { Workbench } from './workbench';
import { TestServerConnection, WebSocketTestServerTransport } from '@testIsomorphic/testServerConnection'; import { TestServerConnection, WebSocketTestServerTransport } from '@testIsomorphic/testServerConnection';
import { SettingsToolbar } from './settingsToolbar'; import { SettingsToolbarButton } from './settingsToolbarButton';
export const WorkbenchLoader: React.FunctionComponent<{ export const WorkbenchLoader: React.FunctionComponent<{
}> = () => { }> = () => {
@ -162,7 +160,7 @@ export const WorkbenchLoader: React.FunctionComponent<{
<div className='product'>Playwright</div> <div className='product'>Playwright</div>
{model.title && <div className='title'>{model.title}</div>} {model.title && <div className='title'>{model.title}</div>}
<div className='spacer'></div> <div className='spacer'></div>
<SettingsToolbar /> <SettingsToolbarButton />
</div> </div>
<div className='progress'> <div className='progress'>
<div className='inner-progress' style={{ width: progress.total ? (100 * progress.done / progress.total) + '%' : 0 }}></div> <div className='inner-progress' style={{ width: progress.total ? (100 * progress.done / progress.total) + '%' : 0 }}></div>