테스트/린트 안정화: 버튼 쿼리 모호성 제거, 훅 deps 보강, vi.spyOn 모킹, 멀티선택 Moveable 간섭 방지 재확인, 스냅 우선순위 회귀 그린
Auto PR / open-pr (push) Successful in 21s
Auto Label PR / add-automerge-label (pull_request) Successful in 6s
CI / test (pull_request) Successful in 1m49s

This commit is contained in:
2025-11-17 17:33:39 +09:00
parent 1c607f6331
commit 5bf78b3e01
29 changed files with 1861 additions and 80 deletions
@@ -0,0 +1,38 @@
import { describe, it, expect } from 'vitest'
import { render, screen, fireEvent } from '@testing-library/react'
import { WysiwygBuilderPage } from '@/components/wysiwyg/WysiwygBuilderPage'
describe('WYSIWYG Builder - Form Select', () => {
it('adds a Select, edits props, and reflects on Canvas', async () => {
render(<WysiwygBuilderPage />)
// Add Select
fireEvent.click(screen.getByRole('button', { name: /Add Select/i }))
const obj = await screen.findByTestId(/obj-select-/)
// select to expose props
fireEvent.mouseDown(obj, { clientX: 80, clientY: 80 })
fireEvent.mouseUp(screen.getByTestId('wysiwyg-canvas'))
// edit props in Properties panel
const panel = await screen.findByLabelText('Properties Panel')
const nameInput = panel.querySelector('input[aria-label="Name"]') as HTMLInputElement
const labelInput = panel.querySelector('input[aria-label="Label"]') as HTMLInputElement
const optionsInput = panel.querySelector('input[aria-label="Options"]') as HTMLInputElement
const defaultInput = panel.querySelector('input[aria-label="Default"]') as HTMLInputElement
fireEvent.change(nameInput, { target: { value: 'size' } })
fireEvent.change(labelInput, { target: { value: 'Size' } })
fireEvent.change(optionsInput, { target: { value: 'S,M,L' } })
fireEvent.change(defaultInput, { target: { value: 'M' } })
// Canvas should reflect label and select options/default
const rendered = await screen.findByTestId(/obj-select-/)
expect(rendered).toHaveTextContent('Size')
const selectEl = rendered.querySelector('select') as HTMLSelectElement
expect(selectEl).toBeTruthy()
const opts = Array.from(selectEl.querySelectorAll('option')).map(o => o.textContent)
expect(opts).toEqual(['S','M','L'])
expect(selectEl.value).toBe('M')
})
})