import { describe, it, expect } from 'vitest' import { frameSchema, objectSchema, layerSchema, type Frame, type WObject } from '@/lib/wysiwyg/schema' function validText(id: string): WObject { return { id, type: 'text', x: 100, y: 120, width: 300, height: 40, rotate: 0, zIndex: 1, props: { text: 'Hello', fontSize: 18, color: '#111111' }, } } function validImage(id: string): WObject { return { id, type: 'image', x: 50, y: 60, width: 240, height: 180, rotate: 0, zIndex: 0, props: { src: 'https://example.com/a.jpg', alt: 'A' }, } } describe('wysiwyg.schema', () => { it('validates a Frame with layers and objects', () => { const frame: Frame = { id: 'frame-1', width: 1200, height: 800, background: '#ffffff', layers: [ { id: 'layer-1', name: 'Base', visible: true, locked: false, objects: [validImage('img-1')] }, { id: 'layer-2', name: 'Text', visible: true, locked: false, objects: [validText('txt-1')] }, ], } const parsed = frameSchema.parse(frame) expect(parsed.layers.length).toBe(2) expect(parsed.layers[1].objects[0].type).toBe('text') }) it('rejects invalid color and negative sizes', () => { const bad: Frame = { id: 'f', width: -10, height: 0, background: 'blue', layers: [], } as unknown as Frame expect(() => frameSchema.parse(bad)).toThrow() }) it('objectSchema enforces type-specific props', () => { const ok = objectSchema.parse(validText('t1')) expect(ok.props.text).toBe('Hello') const bad = { ...validText('t2'), props: { src: 'x' } } expect(() => objectSchema.parse(bad as unknown as WObject)).toThrow() }) it('layerSchema enforces ordering integers and object bounds', () => { const good = layerSchema.parse({ id: 'l1', name: 'L', visible: true, locked: false, objects: [validImage('i1')] }) expect(good.objects[0].zIndex).toBe(0) const badObj = { ...validImage('i2'), width: -1 } expect(() => objectSchema.parse(badObj as unknown as WObject)).toThrow() }) })