ea4b8e4b97
Unify Settings navigation, credential drafts, translated form validation, and appearance controls. Add explicit WebMCP access modes and searchable MCP tool permissions while preserving execution and credential safeguards.
36 lines
1.7 KiB
TypeScript
36 lines
1.7 KiB
TypeScript
import { expect, test } from '@playwright/test'
|
|
|
|
import { CanvasHelper } from '#tests/helpers/canvas'
|
|
|
|
test('Appearance groups theme and animation controls and uses the persisted app theme', async ({
|
|
page
|
|
}) => {
|
|
await page.emulateMedia({ colorScheme: 'dark' })
|
|
await page.goto('/?test')
|
|
const canvas = new CanvasHelper(page)
|
|
await canvas.waitForInit()
|
|
await page.getByTestId('app-settings-trigger').click()
|
|
const appearance = page.getByRole('region', { name: 'Appearance', exact: true })
|
|
await expect(appearance.getByRole('combobox', { name: 'Animations', exact: true })).toBeVisible()
|
|
const theme = appearance.getByRole('combobox', { name: 'Theme', exact: true })
|
|
await theme.click()
|
|
await page.getByRole('option', { name: 'Light', exact: true }).click()
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme', 'light')
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme-setting', 'light')
|
|
await page.reload()
|
|
await canvas.waitForInit()
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme', 'light')
|
|
await page.getByTestId('app-settings-trigger').click()
|
|
await expect(theme).toHaveText('Light')
|
|
await theme.click()
|
|
await page.getByRole('option', { name: 'Dark', exact: true }).click()
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark')
|
|
await theme.click()
|
|
await page.getByRole('option', { name: 'Auto', exact: true }).click()
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme-setting', 'auto')
|
|
await page.emulateMedia({ colorScheme: 'light' })
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme', 'light')
|
|
await page.emulateMedia({ colorScheme: 'dark' })
|
|
await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark')
|
|
})
|