funny

packages/trace-viewer/src/ui/uiModeView.tsx

@@ -69,6 +69,7 @@ const isMac = navigator.platform === 'MacIntel';
 
 export const UIModeView: React.FC<{}> = ({
 }) => {
+  const isJokesDay = new Date().getMonth() === 3 && new Date().getDate() === 1;
   const [filterText, setFilterText] = React.useState<string>('');
   const [isShowingOutput, setIsShowingOutput] = React.useState<boolean>(false);
   const [outputContainsError, setOutputContainsError] = React.useState(false);
@@ -441,7 +442,7 @@ export const UIModeView: React.FC<{}> = ({
       sidebar={<div className='vbox ui-mode-sidebar'>
         <Toolbar noShadow={true} noMinHeight={true}>
           <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>
           <div style={{ position: 'relative' }}>
             <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 }}
             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>
         {settingsVisible && <SettingsView settings={[
           { value: darkMode, set: setDarkMode, title: 'Dark mode' },
-          { value: darkMode, set: setDarkMode, title: 'Art mode' },
+          ...(isJokesDay ? [{ value: darkMode, set: setDarkMode, title: 'Fart mode' }] : [])
         ]} />}
       </div>
       }

tests/playwright-test/ui-mode-test-run.spec.ts

@@ -778,3 +778,14 @@ test('should respect --ignore-snapshots option', {
           - 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();
+});