85d8c69ccc
* fix(app): keep opened documents saved until they are edited Opening a .fig file lays out its first page, and every node:updated counted as a change, so the recomputed auto-layout sizes and positions marked the document unsaved right after it was marked saved. Updates made while the graph applies layout no longer count: layout only derives geometry, and an edit that relays out a page has already counted. A unit test runs a real layout pass, and an E2E test opens an auto-layout file and closes it without a save prompt. * test(app): reach the fixture through testPath
79 lines
2.5 KiB
TypeScript
79 lines
2.5 KiB
TypeScript
import { expect, test } from 'bun:test'
|
|
|
|
import { createEditor } from '@open-pencil/core/editor'
|
|
import { computeAllLayouts } from '@open-pencil/core/layout'
|
|
|
|
import { createDocumentChanges } from '@/app/document/io/changes'
|
|
|
|
test('repainting and selection do not dirty a document; content mutations do', () => {
|
|
const editor = createEditor()
|
|
const changes = createDocumentChanges(editor)
|
|
try {
|
|
editor.requestRender()
|
|
editor.requestRepaint()
|
|
editor.clearSelection()
|
|
expect(changes.hasUnsavedChanges()).toBe(false)
|
|
editor.createShape('RECTANGLE', 0, 0, 100, 100)
|
|
expect(changes.hasUnsavedChanges()).toBe(true)
|
|
changes.markSaved()
|
|
expect(changes.hasUnsavedChanges()).toBe(false)
|
|
editor.undo.record({
|
|
label: 'Variable edit',
|
|
forward: () => undefined,
|
|
inverse: () => undefined
|
|
})
|
|
expect(changes.hasUnsavedChanges()).toBe(true)
|
|
} finally {
|
|
changes.dispose()
|
|
editor.dispose()
|
|
}
|
|
})
|
|
|
|
test('saving an earlier revision cannot clear edits made while exporting or picking a file', () => {
|
|
const editor = createEditor()
|
|
const changes = createDocumentChanges(editor)
|
|
try {
|
|
editor.createShape('RECTANGLE', 0, 0, 100, 100)
|
|
const saving = changes.capture()
|
|
editor.createShape('ELLIPSE', 0, 0, 100, 100)
|
|
changes.markSaved(saving)
|
|
expect(changes.hasUnsavedChanges()).toBe(true)
|
|
changes.markSaved()
|
|
expect(changes.hasUnsavedChanges()).toBe(false)
|
|
changes.markChanged()
|
|
expect(changes.hasUnsavedChanges()).toBe(true)
|
|
} finally {
|
|
changes.dispose()
|
|
editor.dispose()
|
|
}
|
|
})
|
|
|
|
test('laying out a page does not dirty a document; an edit that relays it out does', () => {
|
|
const editor = createEditor()
|
|
const changes = createDocumentChanges(editor)
|
|
try {
|
|
const page = editor.state.currentPageId
|
|
const row = editor.graph.createNode('FRAME', page, {
|
|
layoutMode: 'HORIZONTAL',
|
|
primaryAxisSizing: 'HUG',
|
|
itemSpacing: 8,
|
|
width: 10,
|
|
height: 10
|
|
})
|
|
editor.graph.createNode('RECTANGLE', row.id, { width: 40, height: 20 })
|
|
editor.graph.createNode('RECTANGLE', row.id, { width: 40, height: 20 })
|
|
changes.markSaved()
|
|
|
|
computeAllLayouts(editor.graph, page)
|
|
expect(editor.graph.getNode(row.id)?.width).toBe(88)
|
|
expect(changes.hasUnsavedChanges()).toBe(false)
|
|
|
|
editor.graph.updateNode(row.id, { itemSpacing: 16 })
|
|
computeAllLayouts(editor.graph, page)
|
|
expect(changes.hasUnsavedChanges()).toBe(true)
|
|
} finally {
|
|
changes.dispose()
|
|
editor.dispose()
|
|
}
|
|
})
|