15bd0ba19f
- Offset selection and caret geometry with the rendered paragraph.\n- Translate text-editing hit testing into paragraph coordinates.\n- Cover every aligned coordinate-mapping path.
46 lines
1.8 KiB
TypeScript
46 lines
1.8 KiB
TypeScript
import { expect, test, useEditorSetup } from '#tests/e2e/fixtures'
|
|
import { expectDefined } from '#tests/helpers/assert'
|
|
|
|
const editor = useEditorSetup()
|
|
|
|
test('centered and bottom-aligned text selection follows the rendered text', async () => {
|
|
for (const [textAlignHorizontal, textAlignVertical] of [
|
|
['CENTER', 'CENTER'],
|
|
['RIGHT', 'CENTER'],
|
|
['LEFT', 'BOTTOM']
|
|
] as const) {
|
|
const geometry = await editor.page.evaluate(
|
|
({ horizontal, vertical }) => {
|
|
const store = window.openPencil?.getStore?.()
|
|
if (!store) throw new Error('OpenPencil store not initialized')
|
|
const id = store.createShape('TEXT', 300, 250, 220, 120)
|
|
store.graph.updateNode(id, {
|
|
text: 'Aligned text',
|
|
fontSize: 24,
|
|
textAlignHorizontal: horizontal,
|
|
textAlignVertical: vertical
|
|
})
|
|
store.select([id])
|
|
store.startTextEditing(id)
|
|
store.textEditor?.selectAll()
|
|
store.requestRender()
|
|
return { rects: store.textEditor?.getSelectionRects() ?? [] }
|
|
},
|
|
{ horizontal: textAlignHorizontal, vertical: textAlignVertical }
|
|
)
|
|
const selection = expectDefined(geometry.rects[0], `${textAlignVertical} selection rectangle`)
|
|
expect(selection.y).toBeGreaterThan(textAlignVertical === 'BOTTOM' ? 80 : 35)
|
|
expect(selection.y + selection.height).toBeLessThanOrEqual(120)
|
|
if (textAlignHorizontal === 'CENTER') expect(selection.x).toBeGreaterThan(20)
|
|
if (textAlignHorizontal === 'RIGHT') expect(selection.x).toBeGreaterThan(40)
|
|
|
|
await editor.page.keyboard.press('Escape')
|
|
await editor.page.evaluate(() => {
|
|
const store = window.openPencil?.getStore?.()
|
|
const selectedId = store?.state.selectedIds.values().next().value
|
|
if (selectedId) store?.graph.deleteNode(selectedId)
|
|
store?.clearSelection()
|
|
})
|
|
}
|
|
})
|