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.
73 lines
3.4 KiB
TypeScript
73 lines
3.4 KiB
TypeScript
import { expect, test } from '@playwright/test'
|
|
|
|
import { CanvasHelper } from '#tests/helpers/canvas'
|
|
|
|
test('model editing keeps the Settings shell stable and isolates the form', async ({ page }) => {
|
|
await page.goto('/?test')
|
|
await new CanvasHelper(page).waitForInit()
|
|
await page.getByTestId('app-settings-trigger').click()
|
|
await page.getByTestId('settings-section-ai').click()
|
|
const dialog = page.getByTestId('app-settings-dialog')
|
|
await expect(dialog).toBeVisible()
|
|
await dialog.evaluate(async (element) => {
|
|
await Promise.all(element.getAnimations().map((animation) => animation.finished))
|
|
})
|
|
const before = await dialog.boundingBox()
|
|
await page.getByTestId('settings-add-model').click()
|
|
const editor = page.getByTestId('settings-model-editor')
|
|
await expect(editor).toBeVisible()
|
|
await expect(dialog.getByText('Chat', { exact: true })).not.toBeVisible()
|
|
await expect(dialog.getByRole('button', { name: 'Back', exact: true })).toHaveCount(0)
|
|
await expect(page.getByTestId('app-settings-done')).toHaveCount(0)
|
|
expect(await dialog.boundingBox()).toEqual(before)
|
|
|
|
// Accidental dismissal must not throw away an in-progress profile.
|
|
await editor.getByRole('textbox', { name: 'Name', exact: true }).fill('Draft profile')
|
|
await page.keyboard.press('Escape')
|
|
await expect(page.getByRole('alertdialog')).toBeVisible()
|
|
await page.getByRole('button', { name: 'Keep editing', exact: true }).click()
|
|
await expect(editor).toBeVisible()
|
|
await editor.getByRole('button', { name: 'Cancel', exact: true }).click()
|
|
await expect(editor).toHaveCount(0)
|
|
await expect(page.getByTestId('app-settings-done')).toBeVisible()
|
|
expect(await dialog.boundingBox()).toEqual(before)
|
|
})
|
|
|
|
for (const reducedMotion of ['reduce', 'no-preference'] as const) {
|
|
test(`model editing restores focus across repeated transitions with ${reducedMotion} motion`, async ({
|
|
page
|
|
}) => {
|
|
await page.emulateMedia({ reducedMotion })
|
|
await page.setViewportSize({ width: 900, height: 700 })
|
|
await page.goto('/?test')
|
|
await new CanvasHelper(page).waitForInit()
|
|
await page.getByTestId('app-settings-trigger').click()
|
|
await page.getByTestId('settings-section-ai').click()
|
|
const dialog = page.getByTestId('app-settings-dialog')
|
|
if (reducedMotion === 'reduce') await expect(dialog).toHaveCSS('animation-name', 'none')
|
|
const add = page.getByTestId('settings-add-model')
|
|
for (let attempt = 0; attempt < 3; attempt++) {
|
|
await add.click()
|
|
const editor = page.getByTestId('settings-model-editor')
|
|
await expect(editor.locator('input').first()).toBeFocused()
|
|
await editor.getByRole('button', { name: 'Cancel', exact: true }).click()
|
|
await expect(add).toBeFocused()
|
|
await expect(dialog.getByRole('tabpanel')).toHaveCount(1)
|
|
}
|
|
await page.getByTestId('app-settings-done').click()
|
|
await expect(dialog).not.toBeVisible()
|
|
})
|
|
}
|
|
|
|
test('page rows keep the same compact height while renaming', async ({ page }) => {
|
|
await page.goto('/?test')
|
|
await new CanvasHelper(page).waitForInit()
|
|
const row = page.getByTestId('pages-row').first()
|
|
await expect(row).toHaveCSS('height', '24px')
|
|
await row.getByRole('button').dblclick()
|
|
await expect(page.getByTestId('pages-item-input')).toBeVisible()
|
|
await expect(row).toHaveCSS('height', '24px')
|
|
await page.getByTestId('pages-item-input').press('Escape')
|
|
await expect(row).toHaveCSS('height', '24px')
|
|
})
|