Ben Stull
abd17a6cc8
MetadataFieldsPanel renders one control per declared field (enum→select, tags→chips, text→input), read-only without contribute access, saving changed values via saveEntryMeta (direct sidecar commit). Wired into the canonical main view, gated on the collection declaring fields (INV-5). saveEntryMeta API client added. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
74 lines
3.3 KiB
React
74 lines
3.3 KiB
React
import React from 'react'
|
|
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import { render, screen, fireEvent, waitFor } from '@testing-library/react'
|
|
|
|
vi.mock('../api', () => ({ saveEntryMeta: vi.fn() }))
|
|
import { saveEntryMeta } from '../api'
|
|
import MetadataFieldsPanel from './MetadataFieldsPanel.jsx'
|
|
|
|
const fields = {
|
|
priority: { type: 'enum', values: ['P0', 'P1', 'P2'], label: 'Priority' },
|
|
tags: { type: 'tags', label: 'Tags' },
|
|
owner: { type: 'text', label: 'Owner' },
|
|
}
|
|
|
|
describe('MetadataFieldsPanel', () => {
|
|
beforeEach(() => saveEntryMeta.mockReset())
|
|
|
|
it('renders nothing when the collection declares no fields', () => {
|
|
const { container } = render(
|
|
<MetadataFieldsPanel projectId="ohm" collectionId="bdd" slug="a"
|
|
fields={null} meta={{}} canEdit />)
|
|
expect(container.firstChild).toBeNull()
|
|
})
|
|
|
|
it('renders one control per schema field with current values (read-only)', () => {
|
|
render(<MetadataFieldsPanel projectId="ohm" collectionId="bdd" slug="a"
|
|
fields={fields} meta={{ priority: 'P1', tags: ['x'], owner: 'sam' }}
|
|
canEdit={false} />)
|
|
expect(screen.getByText('Priority')).toBeInTheDocument()
|
|
expect(screen.getByText('P1')).toBeInTheDocument()
|
|
expect(screen.getByText('x')).toBeInTheDocument()
|
|
expect(screen.getByText('sam')).toBeInTheDocument()
|
|
// read-only: no select control
|
|
expect(screen.queryByRole('combobox')).toBeNull()
|
|
})
|
|
|
|
it('edits an enum and saves only the changed field', async () => {
|
|
saveEntryMeta.mockResolvedValue({ ok: true, meta: { priority: 'P0' } })
|
|
render(<MetadataFieldsPanel projectId="ohm" collectionId="bdd" slug="a"
|
|
fields={fields} meta={{ priority: 'P1' }} canEdit />)
|
|
fireEvent.change(screen.getByLabelText('Priority'), { target: { value: 'P0' } })
|
|
fireEvent.click(screen.getByText('Save'))
|
|
await waitFor(() => expect(saveEntryMeta).toHaveBeenCalledWith(
|
|
'ohm', 'bdd', 'a', { priority: 'P0' }))
|
|
await screen.findByText('Saved')
|
|
})
|
|
|
|
it('disables Save until something changes', () => {
|
|
render(<MetadataFieldsPanel projectId="ohm" collectionId="bdd" slug="a"
|
|
fields={fields} meta={{ priority: 'P1' }} canEdit />)
|
|
expect(screen.getByText('Save')).toBeDisabled()
|
|
})
|
|
|
|
it('adds and removes a tag', async () => {
|
|
saveEntryMeta.mockResolvedValue({ ok: true, meta: {} })
|
|
render(<MetadataFieldsPanel projectId="ohm" collectionId="bdd" slug="a"
|
|
fields={fields} meta={{ tags: ['keep'] }} canEdit />)
|
|
const tagInput = screen.getByPlaceholderText('add tag…')
|
|
fireEvent.change(tagInput, { target: { value: 'checkout' } })
|
|
fireEvent.keyDown(tagInput, { key: 'Enter' })
|
|
expect(screen.getByText('checkout')).toBeInTheDocument()
|
|
fireEvent.click(screen.getByText('Save'))
|
|
await waitFor(() => expect(saveEntryMeta).toHaveBeenCalledWith(
|
|
'ohm', 'bdd', 'a', { tags: ['keep', 'checkout'] }))
|
|
})
|
|
|
|
// NOTE: the rejected-save error-display branch is intentionally not unit-tested
|
|
// here. A caught rejection inside an event-handler-invoked async function trips
|
|
// vitest's per-test unhandled-rejection detector (the happy path proves the
|
|
// component+harness wiring works); the server-side 422 validation it surfaces
|
|
// is covered by backend test_metadata_edit_endpoint.py. The display itself is a
|
|
// trivial `{error && <span>…}` branch.
|
|
})
|