Files
mermaid-live-editor/tests/themes.spec.ts
T
2025-03-19 19:54:42 -07:00

27 lines
864 B
TypeScript

import { test } from './test';
test.describe('Test themes', () => {
test.describe('Test color scheme preference', () => {
test('should respect prefers-color-scheme light', async ({ page, editPage }) => {
// Test light mode
await page.emulateMedia({ colorScheme: 'light' });
await editPage.start();
await editPage.checkTheme('light');
});
test('should respect prefers-color-scheme dark', async ({ page, editPage }) => {
// Test dark mode
await page.emulateMedia({ colorScheme: 'dark' });
await editPage.start();
await editPage.checkTheme('dark');
});
test('should change themes when clicked', async ({ editPage }) => {
await editPage.toggleTheme();
await editPage.checkTheme('dark');
await editPage.toggleTheme();
await editPage.checkTheme('light');
});
});
});