27fdef2ea4
- Rebuild Typography, Variant, Mask, and Page sections with shared labeled fields - Expose semantic empty states across list sections - Replace section test hooks with accessible roles and add focused visual coverage
51 lines
2.5 KiB
TypeScript
51 lines
2.5 KiB
TypeScript
import { expect, test } from '@playwright/test'
|
|
|
|
import { CanvasHelper } from '#tests/helpers/canvas'
|
|
|
|
test('font settings popover exposes web font access without desktop-only cache actions', async ({
|
|
page
|
|
}) => {
|
|
await page.goto('/')
|
|
const canvas = new CanvasHelper(page)
|
|
await canvas.waitForInit()
|
|
|
|
await page.evaluate(() => {
|
|
const store = window.openPencil?.getStore?.()
|
|
if (!store) throw new Error('OpenPencil store not initialized')
|
|
const id = store.createShape('TEXT', 120, 120, 240, 40)
|
|
store.updateNode(id, {
|
|
characters: 'Font settings smoke',
|
|
fontFamily: 'Missing Test Sans'
|
|
})
|
|
store.select([id])
|
|
})
|
|
|
|
const typography = page.getByRole('region', { name: 'Typography' })
|
|
await expect(typography).toBeVisible()
|
|
await expect(
|
|
typography.getByRole('img', { name: /Missing font: Missing Test Sans/ })
|
|
).toBeVisible()
|
|
const fontSettings = page.getByTestId('font-settings-trigger')
|
|
await fontSettings.hover()
|
|
await expect(page.locator('[role=tooltip]').filter({ hasText: 'Font settings' })).toBeVisible()
|
|
await fontSettings.click()
|
|
await expect(page.locator('[role=tooltip]').filter({ hasText: 'Font settings' })).toHaveCount(0)
|
|
|
|
await expect(page.getByText('Allow browser access to local fonts')).toBeVisible()
|
|
await expect(page.getByTestId('font-settings-request-access')).toBeVisible()
|
|
await expect(page.getByTestId('font-settings-toggle-online-fonts')).toHaveText('Disable')
|
|
await expect(page.getByTestId('font-settings-provider-google')).toBeChecked()
|
|
await expect(page.getByTestId('font-settings-provider-fontsource')).toBeChecked()
|
|
await expect(page.getByTestId('font-settings-provider-bunny')).not.toBeChecked()
|
|
await expect(page.getByTestId('font-settings-provider-fontshare')).not.toBeChecked()
|
|
await page.getByTestId('font-settings-toggle-online-fonts').click()
|
|
await expect(page.getByTestId('font-settings-toggle-online-fonts')).toHaveText('Enable')
|
|
await expect(page.getByTestId('font-settings-provider-google')).toBeDisabled()
|
|
await page.getByTestId('font-settings-toggle-online-fonts').click()
|
|
await expect(page.getByTestId('font-settings-toggle-online-fonts')).toHaveText('Disable')
|
|
await expect(page.getByTestId('font-settings-download-fallbacks')).toHaveCount(0)
|
|
await expect(page.getByTestId('font-settings-refresh-cache')).toHaveCount(0)
|
|
await expect(page.getByTestId('font-settings-clear-cache')).toHaveCount(0)
|
|
await expect(page.getByText('Download CJK and Arabic fallbacks')).toHaveCount(0)
|
|
})
|