테스트/린트 안정화: 버튼 쿼리 모호성 제거, 훅 deps 보강, vi.spyOn 모킹, 멀티선택 Moveable 간섭 방지 재확인, 스냅 우선순위 회귀 그린

components/wysiwyg/WysiwygBuilder.acceptance.test.tsx

@@ -1,27 +1,27 @@
-import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
 import { render, screen, fireEvent, waitFor } from '@testing-library/react'
 import { WysiwygBuilderPage } from '@/components/wysiwyg/WysiwygBuilderPage'
 
-const createObjectURL = global.URL.createObjectURL
-const revokeObjectURL = global.URL.revokeObjectURL
+let spyCreate: ReturnType<typeof vi.spyOn> | null = null
+let spyRevoke: ReturnType<typeof vi.spyOn> | null = null
 
 describe('WYSIWYG Builder acceptance', () => {
   beforeEach(() => {
-    // @ts-expect-error - test shim
-    global.URL.createObjectURL = () => 'blob:mock'
-    // @ts-expect-error - test shim
-    global.URL.revokeObjectURL = () => {}
+    spyCreate = vi.spyOn(global.URL, 'createObjectURL').mockReturnValue('blob:mock')
+    spyRevoke = vi.spyOn(global.URL, 'revokeObjectURL').mockImplementation(() => {})
   })
   afterEach(() => {
-    global.URL.createObjectURL = createObjectURL
-    global.URL.revokeObjectURL = revokeObjectURL
+    spyCreate?.mockRestore()
+    spyRevoke?.mockRestore()
+    spyCreate = null
+    spyRevoke = null
   })
 
   it('Add → Edit → Export smoke', async () => {
     render(<WysiwygBuilderPage />)
 
     // Add Text
-    fireEvent.click(screen.getByRole('button', { name: /Add Text/i }))
+    fireEvent.click(screen.getByRole('button', { name: /^Add Text$/i }))
     const obj = await screen.findByTestId('obj-text-1')
 
     // Select and edit via Properties panel
@@ -59,7 +59,7 @@ describe('WYSIWYG Builder acceptance', () => {
     render(<WysiwygBuilderPage />)
 
     // Add Text and select
-    const addTextBtn = screen.getByRole('button', { name: /Add Text/i })
+    const addTextBtn = screen.getByRole('button', { name: /^Add Text$/i })
     fireEvent.click(addTextBtn)
     const [obj] = await screen.findAllByTestId(/obj-text-/)
     fireEvent.mouseDown(obj)
@@ -85,7 +85,7 @@ describe('WYSIWYG Builder acceptance', () => {
     render(<WysiwygBuilderPage />)
 
     // Text
-    fireEvent.click(screen.getByRole('button', { name: /Add Text/i }))
+    fireEvent.click(screen.getByRole('button', { name: /^Add Text$/i }))
     const [textObj] = await screen.findAllByTestId(/obj-text-/)
     fireEvent.mouseDown(textObj)
     const textInput = await screen.findByLabelText('Text')
@@ -111,7 +111,7 @@ describe('WYSIWYG Builder acceptance', () => {
     render(<WysiwygBuilderPage />)
 
     // 두 텍스트 추가
-    const addTextBtn = screen.getByRole('button', { name: /Add Text/i })
+    const addTextBtn = screen.getByRole('button', { name: /^Add Text$/i })
     fireEvent.click(addTextBtn)
     fireEvent.click(addTextBtn)
 
@@ -131,7 +131,7 @@ describe('WYSIWYG Builder acceptance', () => {
     render(<WysiwygBuilderPage />)
 
     // 텍스트 두 개 배치
-    const addTextBtn = screen.getByRole('button', { name: /Add Text/i })
+    const addTextBtn = screen.getByRole('button', { name: /^Add Text$/i })
     fireEvent.click(addTextBtn)
     fireEvent.click(addTextBtn)
     const [obj1, obj2] = await screen.findAllByTestId(/obj-text-/)