cb19b2df55
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.
74 lines
2.7 KiB
TypeScript
74 lines
2.7 KiB
TypeScript
// @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',
|
|
})
|
|
})
|
|
})
|