+
{errorMsg}
{/if}
@@ -66,7 +66,7 @@
type="password"
bind:value={password}
placeholder="Password (min 8 characters)"
- class="mb-3 w-full rounded-lg border border-gray-300 px-4 py-3 text-sm outline-none focus:border-amber-500 focus:ring-1 focus:ring-amber-500 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100"
+ class="mb-3 w-full rounded-lg border border-gray-300 px-4 py-3 text-sm outline-none focus:border-amber-500 focus:ring-1 focus:ring-amber-500"
data-testid="password-input"
required
/>
@@ -75,7 +75,7 @@
type="password"
bind:value={confirmPassword}
placeholder="Confirm password"
- class="mb-4 w-full rounded-lg border border-gray-300 px-4 py-3 text-sm outline-none focus:border-amber-500 focus:ring-1 focus:ring-amber-500 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100"
+ class="mb-4 w-full rounded-lg border border-gray-300 px-4 py-3 text-sm outline-none focus:border-amber-500 focus:ring-1 focus:ring-amber-500"
data-testid="confirm-password-input"
required
/>
diff --git a/tests/e2e/dark-mode.spec.ts b/tests/e2e/dark-mode.spec.ts
deleted file mode 100644
index 812d2b0..0000000
--- a/tests/e2e/dark-mode.spec.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { test, expect } from './helpers/fixtures.js';
-
-test.describe('Dark Mode', () => {
- test('Scenario: Dark mode can be toggled on and off', async ({ authenticatedPage: page }) => {
- // When the user enables dark mode
- await page.getByTestId('theme-toggle').click();
-
- // Then the application is displayed in dark mode
- const isDark = await page.evaluate(() =>
- document.documentElement.classList.contains('dark')
- );
- expect(isDark).toBe(true);
-
- // When the user disables dark mode
- await page.getByTestId('theme-toggle').click();
-
- // Then the application is displayed in light mode
- const isLight = await page.evaluate(() =>
- !document.documentElement.classList.contains('dark')
- );
- expect(isLight).toBe(true);
- });
-
- test('Scenario: Theme preference is remembered across page loads', async ({ authenticatedPage: page }) => {
- // When the user enables dark mode
- await page.getByTestId('theme-toggle').click();
-
- // Then the preference is persisted
- const theme = await page.evaluate(() => localStorage.getItem('theme'));
- expect(theme).toBeTruthy();
- });
-});