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

funny

Browse source
This commit is contained in:
Simon Knott 2024-10-23 14:42:28 +02:00
parent ed43b5548b
commit b4bb1905ec
2 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/trace-viewer/src/ui/uiModeView.tsx
View file

@ -69,6 +69,7 @@ const isMac = navigator.platform === 'MacIntel';
export const UIModeView: React.FC<{}> = ({ export const UIModeView: React.FC<{}> = ({
}) => { }) => {
const isJokesDay = new Date().getMonth() === 3 && new Date().getDate() === 1;
const [filterText, setFilterText] = React.useState<string>(''); const [filterText, setFilterText] = React.useState<string>('');
const [isShowingOutput, setIsShowingOutput] = React.useState<boolean>(false); const [isShowingOutput, setIsShowingOutput] = React.useState<boolean>(false);
const [outputContainsError, setOutputContainsError] = React.useState(false); const [outputContainsError, setOutputContainsError] = React.useState(false);
@ -441,7 +442,7 @@ export const UIModeView: React.FC<{}> = ({
sidebar={<div className='vbox ui-mode-sidebar'> sidebar={<div className='vbox ui-mode-sidebar'>
<Toolbar noShadow={true} noMinHeight={true}> <Toolbar noShadow={true} noMinHeight={true}>
<img src='playwright-logo.svg' alt='Playwright logo' /> <img src='playwright-logo.svg' alt='Playwright logo' />
<div className='section-title'>Claywright</div> <div className='section-title'>{isJokesDay ? 'Claywright' : 'Playwright'}</div>
<ToolbarButton icon='refresh' title='Reload' onClick={() => reloadTests()} disabled={isRunningTest || isLoading}></ToolbarButton> <ToolbarButton icon='refresh' title='Reload' onClick={() => reloadTests()} disabled={isRunningTest || isLoading}></ToolbarButton>
<div style={{ position: 'relative' }}> <div style={{ position: 'relative' }}>
<ToolbarButton icon={'terminal'} title={'Toggle output — ' + (isMac ? '⌃`' : 'Ctrl + `')} toggled={isShowingOutput} onClick={() => { setIsShowingOutput(!isShowingOutput); }} /> <ToolbarButton icon={'terminal'} title={'Toggle output — ' + (isMac ? '⌃`' : 'Ctrl + `')} toggled={isShowingOutput} onClick={() => { setIsShowingOutput(!isShowingOutput); }} />
@ -517,11 +518,11 @@ export const UIModeView: React.FC<{}> = ({
style={{ marginLeft: 5 }} style={{ marginLeft: 5 }}
title={settingsVisible ? 'Hide Settings' : 'Show Settings'} title={settingsVisible ? 'Hide Settings' : 'Show Settings'}
/> />
<div className='section-title'>Schmettings</div> <div className='section-title' data-testid='settings-title'>{isJokesDay ? 'Schmettings' : 'Settings'}</div>
</Toolbar> </Toolbar>
{settingsVisible && <SettingsView settings={[ {settingsVisible && <SettingsView settings={[
{ value: darkMode, set: setDarkMode, title: 'Dark mode' }, { value: darkMode, set: setDarkMode, title: 'Dark mode' },
{ value: darkMode, set: setDarkMode, title: 'Art mode' }, ...(isJokesDay ? [{ value: darkMode, set: setDarkMode, title: 'Fart mode' }] : [])
]} />} ]} />}
</div> </div>
} }

11
tests/playwright-test/ui-mode-test-run.spec.ts
View file

@ -778,3 +778,14 @@ test('should respect --ignore-snapshots option', {
- treeitem ${/\[icon-check\] snapshot \d+ms/} - treeitem ${/\[icon-check\] snapshot \d+ms/}
`); `);
}); });
test('should show funny messages', async ({ runUITest }) => {
const { page } = await runUITest(basicTestTree);
await page.clock.setFixedTime('2025-04-01');
await expect(page.getByText('Claywright')).toBeVisible();
const schmettingsHeader = page.getByText('Schmettings');
await expect(schmettingsHeader).toBeVisible();
await schmettingsHeader.click();
await expect(page.getByRole('checkbox', { name: 'Fart mode' })).toBeVisible();
});