#155

frontend/src/pages/materials/MaterialNewPage.test.tsx

@@ -0,0 +1,38 @@
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+
+import MaterialNewPage from '@/pages/materials/MaterialNewPage'
+import { renderWithProviders } from '@/test/render'
+
+const api = vi.hoisted (() => ({
+  apiPost: vi.fn (),
+}))
+
+const toastApi = vi.hoisted (() => ({
+  toast: vi.fn (),
+}))
+
+vi.mock ('@/lib/api', () => api)
+vi.mock ('@/components/ui/use-toast', () => toastApi)
+
+describe ('MaterialNewPage', () => {
+  it ('initializes tag from query and submits form data', async () => {
+    api.apiPost.mockResolvedValueOnce ({})
+
+    renderWithProviders (<MaterialNewPage/>, { route: '/materials/new?tag=%E8%99%B9%E5%A4%8F' })
+
+    expect (screen.getAllByRole ('textbox')[0]).toHaveValue ('虹夏')
+    fireEvent.change (screen.getAllByRole ('textbox')[1], {
+      target: { value: 'https://example.com/ref' },
+    })
+    fireEvent.click (screen.getByRole ('button', { name: '追加' }))
+
+    await waitFor (() => {
+      expect (api.apiPost).toHaveBeenCalledWith ('/materials', expect.any (FormData))
+    })
+    const formData = api.apiPost.mock.calls[0]?.[1] as FormData
+    expect (formData.get ('tag')).toBe ('虹夏')
+    expect (formData.get ('url')).toBe ('https://example.com/ref')
+    expect (toastApi.toast).toHaveBeenCalledWith ({ title: '送信成功!' })
+  })
+})