13a3475026
- Move auto-layout tests into focused files by layout behavior - Preserve sizing, wrapping, text measurement, and positioning coverage - Remove the last max-lines test exception
50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
import { describe, expect, test } from 'bun:test'
|
|
|
|
import { computeLayout, SceneGraph } from '@open-pencil/core'
|
|
|
|
import { autoFrame, pageId, rect } from '#tests/helpers/layout'
|
|
|
|
describe('counterAxisAlignContent', () => {
|
|
test('SPACE_BETWEEN distributes wrapped rows evenly', () => {
|
|
const graph = new SceneGraph()
|
|
const frame = autoFrame(graph, pageId(graph), {
|
|
width: 200,
|
|
height: 300,
|
|
layoutWrap: 'WRAP',
|
|
counterAxisAlignContent: 'SPACE_BETWEEN' as const
|
|
})
|
|
rect(graph, frame.id, 120, 40)
|
|
rect(graph, frame.id, 120, 40)
|
|
rect(graph, frame.id, 120, 40)
|
|
|
|
computeLayout(graph, frame.id)
|
|
|
|
const children = graph.getChildren(frame.id)
|
|
// 3 rows of 40px each = 120px total, 300 - 120 = 180px free space
|
|
// SPACE_BETWEEN: first row at 0, last row at 260
|
|
expect(children[0].y).toBe(0)
|
|
expect(children[2].y).toBe(260)
|
|
// Middle row centered: (0 + 260) / 2 = 130
|
|
expect(children[1].y).toBe(130)
|
|
})
|
|
|
|
test('AUTO (default) packs wrapped rows at start', () => {
|
|
const graph = new SceneGraph()
|
|
const frame = autoFrame(graph, pageId(graph), {
|
|
width: 200,
|
|
height: 300,
|
|
layoutWrap: 'WRAP'
|
|
})
|
|
rect(graph, frame.id, 120, 40)
|
|
rect(graph, frame.id, 120, 40)
|
|
rect(graph, frame.id, 120, 40)
|
|
|
|
computeLayout(graph, frame.id)
|
|
|
|
const children = graph.getChildren(frame.id)
|
|
expect(children[0].y).toBe(0)
|
|
expect(children[1].y).toBe(40)
|
|
expect(children[2].y).toBe(80)
|
|
})
|
|
})
|