11e38b626a
- useEditorSetup() / useEditorSetupWithClear() in tests/e2e/fixtures.ts - Migrated 17 specs to shared fixture, removing ~300 lines of boilerplate - Moved getSelectedNode/getSelectedNodes to shared store helpers - Replaced inline getSelectedNode in 4 specs with shared import - Test duplication: 329 → 308 clones (10.12% → 9.08%)
89 lines
3.1 KiB
TypeScript
89 lines
3.1 KiB
TypeScript
import { expect, test, type Page } from '@playwright/test'
|
|
|
|
import { expectDefined } from '#tests/helpers/assert'
|
|
import { CanvasHelper } from '#tests/helpers/canvas'
|
|
import { getSelectedNode } from '#tests/helpers/store'
|
|
|
|
let page: Page
|
|
let canvas: CanvasHelper
|
|
|
|
test.describe.configure({ mode: 'serial' })
|
|
|
|
test.beforeAll(async ({ browser }) => {
|
|
page = await browser.newPage()
|
|
await page.goto('/')
|
|
canvas = new CanvasHelper(page)
|
|
await canvas.waitForInit()
|
|
})
|
|
|
|
test.afterAll(async () => {
|
|
await page.close()
|
|
})
|
|
|
|
|
|
test('fill visibility supports repeat click and undo redo', async () => {
|
|
await canvas.drawRect(120, 120, 120, 80)
|
|
await canvas.waitForRender()
|
|
|
|
const fillButton = page.getByTestId('fill-visibility-0')
|
|
await expect(fillButton).toBeVisible()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').fills[0]?.visible).toBe(true)
|
|
|
|
await fillButton.click()
|
|
await canvas.waitForRender()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').fills[0]?.visible).toBe(false)
|
|
|
|
await fillButton.click()
|
|
await canvas.waitForRender()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').fills[0]?.visible).toBe(true)
|
|
|
|
await canvas.undo()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').fills[0]?.visible).toBe(false)
|
|
|
|
await canvas.redo()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').fills[0]?.visible).toBe(true)
|
|
})
|
|
|
|
test('stroke visibility supports repeat click and undo redo', async () => {
|
|
await page.getByTestId('stroke-section-add').click()
|
|
await canvas.waitForRender()
|
|
|
|
const strokeButton = page.getByTestId('stroke-visibility-0')
|
|
await expect(strokeButton).toBeVisible()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').strokes[0]?.visible).toBe(true)
|
|
|
|
await strokeButton.click()
|
|
await canvas.waitForRender()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').strokes[0]?.visible).toBe(false)
|
|
|
|
await strokeButton.click()
|
|
await canvas.waitForRender()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').strokes[0]?.visible).toBe(true)
|
|
|
|
await canvas.undo()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').strokes[0]?.visible).toBe(false)
|
|
|
|
await canvas.redo()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').strokes[0]?.visible).toBe(true)
|
|
})
|
|
|
|
test('appearance visibility supports repeat click and undo redo in one step', async () => {
|
|
const visibilityButton = page.getByTestId('appearance-visibility')
|
|
await expect(visibilityButton).toBeVisible()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').visible).toBe(true)
|
|
|
|
await visibilityButton.click()
|
|
await canvas.waitForRender()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').visible).toBe(false)
|
|
|
|
await visibilityButton.click()
|
|
await canvas.waitForRender()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').visible).toBe(true)
|
|
|
|
await canvas.undo()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').visible).toBe(false)
|
|
|
|
await canvas.undo()
|
|
expect(expectDefined(await getSelectedNode(page), 'selected node').visible).toBe(true)
|
|
})
|