87bff8620c
The 54 editor engine tests move to packages/core/tests/editor with their helpers, importing Core's public subpaths or source modules relatively. The package gains test and typecheck scripts; the first type check fixed nullable lookups, stale imports, and renderer doubles, and graph events now declare the GraphEventRenderer surface they invalidate. The engine baseline drops to 534 files.
125 lines
3.6 KiB
TypeScript
125 lines
3.6 KiB
TypeScript
import { describe, test, expect } from 'bun:test'
|
|
|
|
import { createEditor } from '@open-pencil/core/editor'
|
|
|
|
import { getNodeOrThrow } from '../helpers/assert'
|
|
|
|
describe('nudgeSelected', () => {
|
|
function setup() {
|
|
const editor = createEditor()
|
|
const pageId = editor.graph.getPages()[0].id
|
|
const rect = editor.graph.createNode('RECTANGLE', pageId, {
|
|
name: 'Rect',
|
|
x: 100,
|
|
y: 200,
|
|
width: 50,
|
|
height: 50
|
|
})
|
|
editor.select([rect.id])
|
|
return { editor, rect }
|
|
}
|
|
|
|
test('nudge moves selected node by 1px', () => {
|
|
const { editor, rect } = setup()
|
|
|
|
editor.nudgeSelected(1, 0)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(101)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(200)
|
|
|
|
editor.nudgeSelected(0, -1)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(101)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(199)
|
|
})
|
|
|
|
test('shift nudge moves by 10px', () => {
|
|
const { editor, rect } = setup()
|
|
|
|
editor.nudgeSelected(10, 0)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(110)
|
|
|
|
editor.nudgeSelected(0, 10)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(210)
|
|
})
|
|
|
|
test('nudge is undoable as a single entry', () => {
|
|
const { editor, rect } = setup()
|
|
|
|
editor.nudgeSelected(1, 0)
|
|
editor.nudgeSelected(1, 0)
|
|
editor.nudgeSelected(1, 0)
|
|
editor.flushNudge()
|
|
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(103)
|
|
expect(editor.undo.canUndo).toBe(true)
|
|
|
|
editor.undo.undo()
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(100)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(200)
|
|
|
|
editor.undo.redo()
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(103)
|
|
})
|
|
|
|
test('nudge skips locked nodes', () => {
|
|
const { editor, rect } = setup()
|
|
|
|
editor.graph.updateNode(rect.id, { locked: true })
|
|
editor.nudgeSelected(10, 10)
|
|
editor.flushNudge()
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(100)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(200)
|
|
expect(editor.undo.canUndo).toBe(false)
|
|
})
|
|
|
|
test('nudge does nothing with no selection', () => {
|
|
const { editor } = setup()
|
|
|
|
editor.clearSelection()
|
|
editor.nudgeSelected(10, 10)
|
|
editor.flushNudge()
|
|
expect(editor.undo.canUndo).toBe(false)
|
|
})
|
|
|
|
test('nudge moves multiple selected nodes', () => {
|
|
const { editor, rect } = setup()
|
|
const pageId = editor.graph.getPages()[0].id
|
|
const rect2 = editor.graph.createNode('RECTANGLE', pageId, {
|
|
name: 'Rect2',
|
|
x: 300,
|
|
y: 400,
|
|
width: 50,
|
|
height: 50
|
|
})
|
|
editor.select([rect.id, rect2.id])
|
|
|
|
editor.nudgeSelected(-5, 3)
|
|
editor.flushNudge()
|
|
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(95)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(203)
|
|
expect(getNodeOrThrow(editor.graph, rect2.id).x).toBe(295)
|
|
expect(getNodeOrThrow(editor.graph, rect2.id).y).toBe(403)
|
|
})
|
|
|
|
test('separate nudge sequences create separate undo entries', () => {
|
|
const { editor, rect } = setup()
|
|
|
|
editor.nudgeSelected(5, 0)
|
|
editor.flushNudge()
|
|
|
|
editor.nudgeSelected(0, 5)
|
|
editor.flushNudge()
|
|
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(105)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(205)
|
|
|
|
editor.undo.undo()
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(105)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(200)
|
|
|
|
editor.undo.undo()
|
|
expect(getNodeOrThrow(editor.graph, rect.id).x).toBe(100)
|
|
expect(getNodeOrThrow(editor.graph, rect.id).y).toBe(200)
|
|
})
|
|
})
|