Refine admin PWA dark theme controls
This commit is contained in:
@@ -21,18 +21,17 @@ const ThemeProbe = () => {
|
||||
);
|
||||
};
|
||||
|
||||
const renderWithTheme = (name: 'light' | 'dark') =>
|
||||
render(
|
||||
<TamaguiProvider config={tamaguiConfig} defaultTheme={name}>
|
||||
<Theme name={name}>
|
||||
<ThemeProbe />
|
||||
</Theme>
|
||||
</TamaguiProvider>
|
||||
);
|
||||
const renderTree = (name: 'adminLight' | 'adminDark') => (
|
||||
<TamaguiProvider config={tamaguiConfig} defaultTheme={name}>
|
||||
<Theme name={name}>
|
||||
<ThemeProbe />
|
||||
</Theme>
|
||||
</TamaguiProvider>
|
||||
);
|
||||
|
||||
describe('useAdminTheme', () => {
|
||||
it('tracks Tamagui theme values across light and dark modes', () => {
|
||||
const { rerender } = renderWithTheme('light');
|
||||
const { rerender } = render(renderTree('adminLight'));
|
||||
const probe = screen.getByTestId('probe');
|
||||
const lightAdminBg = probe.getAttribute('data-admin-bg');
|
||||
const lightThemeBg = probe.getAttribute('data-theme-bg');
|
||||
@@ -42,13 +41,7 @@ describe('useAdminTheme', () => {
|
||||
expect(lightAdminBg).toBe(lightThemeBg);
|
||||
expect(lightAdminText).toBe(lightThemeText);
|
||||
|
||||
rerender(
|
||||
<TamaguiProvider config={tamaguiConfig} defaultTheme="dark">
|
||||
<Theme name="dark">
|
||||
<ThemeProbe />
|
||||
</Theme>
|
||||
</TamaguiProvider>
|
||||
);
|
||||
rerender(renderTree('adminDark'));
|
||||
|
||||
const darkProbe = screen.getByTestId('probe');
|
||||
const darkAdminBg = darkProbe.getAttribute('data-admin-bg');
|
||||
|
||||
@@ -215,6 +215,7 @@ vi.mock('../theme', () => ({
|
||||
accent: '#6366f1',
|
||||
shadow: 'rgba(15,23,42,0.12)',
|
||||
}),
|
||||
withAlpha: (value: string) => value,
|
||||
}));
|
||||
|
||||
import MobileEventsPage from '../EventsPage';
|
||||
|
||||
@@ -128,7 +128,9 @@ vi.mock('../theme', () => ({
|
||||
successText: '#166534',
|
||||
infoBg: '#e0e7ff',
|
||||
infoText: '#3730a3',
|
||||
accentSoft: '#eef2ff',
|
||||
}),
|
||||
withAlpha: (value: string) => value,
|
||||
}));
|
||||
|
||||
import MobileNotificationsPage from '../NotificationsPage';
|
||||
|
||||
Reference in New Issue
Block a user