ab5eef220f
* feat(react/svelte): add dark mode defaults * refactor(darkmode): minimap, edges, edge labels * chore(style): edge label color * feat(colorMode): add colorMode prop light/dark/system * chore(examples): cleanup * test(colorMode): add tests * chore(base.css): add dark base * chore(examples): cleanup
23 lines
712 B
TypeScript
23 lines
712 B
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
import { FRAMEWORK } from './constants';
|
|
|
|
test.describe('Props', () => {
|
|
test.describe('colorMode', async () => {
|
|
test('render default light color mode', async ({ page }) => {
|
|
await page.goto('/examples/color-mode');
|
|
const locator = page.locator(`.${FRAMEWORK}-flow`);
|
|
|
|
await expect(locator).not.toHaveClass(/dark/);
|
|
});
|
|
|
|
test('render dark color mode', async ({ page }) => {
|
|
await page.goto('/examples/color-mode');
|
|
const locator = page.locator(`.${FRAMEWORK}-flow`);
|
|
await page.getByTestId('colormode-select').selectOption({ label: 'dark' });
|
|
|
|
await expect(locator).toHaveClass(/dark/);
|
|
});
|
|
});
|
|
});
|