432f945da6
- Replace simple no-op test callbacks with explicit undefined returns - Remove no-empty-function exceptions for autosave, stroke picker, font settings, pen, tauri, AI adapter, and undo helper tests - Validate check plus affected engine and E2E tests
107 lines
3 KiB
TypeScript
107 lines
3 KiB
TypeScript
import { expect, test, type Page } from '@playwright/test'
|
|
|
|
import { CanvasHelper } from '#tests/helpers/canvas'
|
|
|
|
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('autosave triggers after scene changes with a file handle', async () => {
|
|
const writeCount = await page.evaluate(() => {
|
|
let writes = 0
|
|
const mockWritable = {
|
|
write: async () => {
|
|
writes++
|
|
},
|
|
close: async () => undefined
|
|
}
|
|
const mockHandle = {
|
|
createWritable: async () => mockWritable
|
|
} as FileSystemFileHandle
|
|
|
|
window.openPencil ??= {}
|
|
window.openPencil.test = { writeCount: () => writes, mockHandle }
|
|
|
|
return writes
|
|
})
|
|
|
|
expect(writeCount).toBe(0)
|
|
|
|
// Inject the file handle into the store's internal state
|
|
// We do this by calling a save first to establish the handle
|
|
await page.evaluate(() => {
|
|
// Directly set the fileHandle via a test hook
|
|
// Since fileHandle is a closure variable, we need to trigger the save path
|
|
// The cleanest way: mock showSaveFilePicker to return our handle
|
|
const mockWritable = {
|
|
write: async () => undefined,
|
|
close: async () => undefined
|
|
}
|
|
const mockHandle = {
|
|
createWritable: async () => mockWritable
|
|
}
|
|
window.showSaveFilePicker = async () => mockHandle as FileSystemFileHandle
|
|
})
|
|
|
|
// Trigger Save As to establish the file handle
|
|
await page.keyboard.press('Meta+Shift+s')
|
|
await page.waitForTimeout(500)
|
|
|
|
// Now draw a shape — this should trigger autosave after 3s
|
|
await canvas.drawRect(400, 400, 60, 60)
|
|
|
|
// Check that the scene version changed
|
|
const versionAfterDraw = await page.evaluate(() => {
|
|
const store = window.openPencil?.getStore?.()
|
|
if (!store) throw new Error('OpenPencil store not initialized')
|
|
return store.state.sceneVersion
|
|
})
|
|
expect(versionAfterDraw).toBeGreaterThan(0)
|
|
|
|
// Wait for autosave debounce (3s) + buffer
|
|
await page.waitForTimeout(4000)
|
|
|
|
// Verify a write happened by checking the mock was called
|
|
const writeHappened = await page.evaluate(() => {
|
|
// The handle's createWritable should have been called
|
|
const handle = window.showSaveFilePicker
|
|
return handle !== undefined
|
|
})
|
|
expect(writeHappened).toBe(true)
|
|
})
|
|
|
|
test('no autosave without file handle', async ({ browser }) => {
|
|
const context = await browser.newContext({
|
|
viewport: { width: 1280, height: 800 },
|
|
deviceScaleFactor: 2
|
|
})
|
|
const freshPage = await context.newPage()
|
|
await freshPage.goto('/')
|
|
const freshCanvas = new CanvasHelper(freshPage)
|
|
await freshCanvas.waitForInit()
|
|
|
|
await freshPage.evaluate(() => {
|
|
Reflect.deleteProperty(window, 'showSaveFilePicker')
|
|
})
|
|
|
|
await freshCanvas.drawRect(100, 100, 50, 50)
|
|
await freshPage.waitForTimeout(4000)
|
|
|
|
freshCanvas.assertNoErrors()
|
|
|
|
await freshPage.close()
|
|
await context.close()
|
|
})
|