aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.test.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.test.tsx')
-rw-r--r--src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.test.tsx27
1 files changed, 27 insertions, 0 deletions
diff --git a/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.test.tsx b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.test.tsx
new file mode 100644
index 0000000..e74842e
--- /dev/null
+++ b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.test.tsx
@@ -0,0 +1,27 @@
+import { describe, expect, it } from '@jest/globals';
+import { render, screen as rtlScreen } from '../../../../../../tests/utils';
+import { ThemeProvider } from '../../../../../utils/providers';
+import { ThemeToggle } from './theme-toggle';
+
+describe('ThemeToggle', () => {
+ it('renders a radio group of two radio buttons', () => {
+ const defaultTheme = 'dark';
+
+ render(
+ <ThemeProvider
+ attribute="voluptas"
+ storageKey="alias"
+ defaultTheme={defaultTheme}
+ >
+ <ThemeToggle />
+ </ThemeProvider>
+ );
+
+ expect(
+ rtlScreen.getByRole('radiogroup', {
+ name: /Theme:/i,
+ })
+ ).toBeInTheDocument();
+ expect(rtlScreen.getAllByRole('radio')).toHaveLength(2);
+ });
+});