feat(defects): file a defect via a board-section modal (T5)

POST /api/defects validates the body with arktype (known section, uuid
project, non-empty trimmed verbatim) and resolves the reporter through a dev
seam (getReporter, ADR 0002) until OAuth lands. DefectForm is a DaisyUI modal
opened by a section click — pick a project, describe the problem, submit.

tests/defect-form.nuxt.spec.ts

@@ -0,0 +1,73 @@
+// @vitest-environment nuxt
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
+import { flushPromises } from '@vue/test-utils'
+import { defineEventHandler, readBody } from 'h3'
+import DefectForm from '../app/components/DefectForm.vue'
+
+let filed: { sectionId: string; projectId: string; verbatim: string } | null
+
+beforeEach(() => {
+  filed = null
+  registerEndpoint(
+    '/api/projects',
+    defineEventHandler(() => [{ id: 'p1', name: 'Acme' }]),
+  )
+  registerEndpoint(
+    '/api/defects',
+    defineEventHandler(async (event) => {
+      filed = await readBody(event)
+      return { id: 'd1', ...filed, reporterEmail: 'dev@theodo.com' }
+    }),
+  )
+})
+
+async function pickProject(wrapper: Awaited<ReturnType<typeof mountSuspended>>) {
+  await wrapper.find('[data-test="project-input"]').trigger('focus')
+  await wrapper.find('[data-test="project-option"]').trigger('click')
+}
+
+describe('DefectForm', () => {
+  it('opens for the clicked section and shows its name', async () => {
+    const wrapper = await mountSuspended(DefectForm, { props: { sectionId: 'macroplan' } })
+    await flushPromises()
+
+    expect(wrapper.find('dialog').classes()).toContain('modal-open')
+    expect(wrapper.text()).toContain('Macroplan')
+  })
+
+  it('is closed when no section is selected', async () => {
+    const wrapper = await mountSuspended(DefectForm, { props: { sectionId: null } })
+    expect(wrapper.find('dialog').classes()).not.toContain('modal-open')
+  })
+
+  it('cannot submit until both a project and verbatim are provided', async () => {
+    const wrapper = await mountSuspended(DefectForm, { props: { sectionId: 'macroplan' } })
+    await flushPromises()
+
+    expect(wrapper.find('[data-test="submit"]').attributes('disabled')).toBeDefined()
+
+    await pickProject(wrapper)
+    // project but no verbatim → still blocked
+    expect(wrapper.find('[data-test="submit"]').attributes('disabled')).toBeDefined()
+
+    await wrapper.find('[data-test="verbatim"]').setValue('builds are flaky')
+    expect(wrapper.find('[data-test="submit"]').attributes('disabled')).toBeUndefined()
+  })
+
+  it('files the defect with the section, chosen project and verbatim, then emits filed', async () => {
+    const wrapper = await mountSuspended(DefectForm, { props: { sectionId: 'macroplan' } })
+    await flushPromises()
+
+    await pickProject(wrapper)
+    await wrapper.find('[data-test="verbatim"]').setValue('builds are flaky')
+    await wrapper.find('form').trigger('submit')
+
+    await vi.waitFor(() => expect(wrapper.emitted('filed')).toBeTruthy())
+    expect(filed).toEqual({
+      sectionId: 'macroplan',
+      projectId: 'p1',
+      verbatim: 'builds are flaky',
+    })
+  })
+})