11c4e5466b
- WidgetField: skeleton and aria-busy, the 5000 ms whenDefined timeout, script failure, attributes only, fill-values and locale sync, one POST while busy, fill-key-only patching, danger toasts, unmount - PartialHost and partialNodes: exhaustive tag, attribute and URL allowlist, depth and node caps, skeleton sizes, empty, failure, busy refetch and ?id= only with a record - PartialField, ListToolbar, ListView, registry, formState, FormField and FormView: group labels, registered toolbar actions, header refetch rules, form context provision and asset loading
100 lines
3.7 KiB
TypeScript
100 lines
3.7 KiB
TypeScript
import { afterEach, describe, expect, it } from 'vitest'
|
|
import {
|
|
contextAllows,
|
|
DEFAULT_TAB,
|
|
editablePayload,
|
|
fieldErrors,
|
|
focusField,
|
|
initialValues,
|
|
panelDomId,
|
|
snapshot,
|
|
tabDomId,
|
|
tabOf,
|
|
} from '../../src/components/form/formState'
|
|
import { extensionFormSchemaFixture, formField, formSchemaFixture } from '../fixtures/typed'
|
|
|
|
afterEach(() => {
|
|
document.body.innerHTML = ''
|
|
})
|
|
|
|
describe('form state helpers', () => {
|
|
it('keys tabs by label with a default tab for untabbed fields', () => {
|
|
expect(tabOf(formField('name'))).toBe(DEFAULT_TAB)
|
|
expect(tabOf(formField('serial'))).toBe('tab:Details')
|
|
expect(tabDomId('field', 2)).toBe('field-tab-2')
|
|
expect(panelDomId('field', 2)).toBe('field-panel-2')
|
|
})
|
|
|
|
it('applies Winter context semantics', () => {
|
|
expect(contextAllows(formField('name'), 'create')).toBe(true)
|
|
expect(contextAllows(formField('serial'), 'update')).toBe(true)
|
|
expect(contextAllows(formField('serial'), 'create')).toBe(false)
|
|
expect(contextAllows(formField('batch'), 'create')).toBe(true)
|
|
expect(contextAllows(formField('batch'), 'update')).toBe(false)
|
|
expect(contextAllows({ ...formField('name'), context: [] }, 'update')).toBe(true)
|
|
expect(contextAllows({ ...formField('name'), context: null as unknown as undefined }, 'update')).toBe(true)
|
|
})
|
|
|
|
it('sends only editable, registered fields that hold a value', () => {
|
|
const fields = formSchemaFixture.data.fields
|
|
const body = editablePayload(fields, {
|
|
name: 'Blue',
|
|
code: undefined,
|
|
color: '#fff',
|
|
owner: 5,
|
|
members: [1],
|
|
tags: [3],
|
|
active: false,
|
|
unknown_key: 'x',
|
|
})
|
|
expect(body).toEqual({ name: 'Blue', tags: [3], active: false })
|
|
})
|
|
|
|
it('never sends widget or partial fields, even with a value under their name', () => {
|
|
const fields = [formField('name'), ...extensionFormSchemaFixture.data.fields.filter((field) => field.type === 'widget' || field.type === 'partial')]
|
|
expect(fields.map((field) => field.type)).toEqual(['text', 'widget', 'partial'])
|
|
expect(editablePayload(fields, { name: 'Blue', lookup: 'x', summary: { nodes: [] } })).toEqual({ name: 'Blue' })
|
|
expect(initialValues(fields.slice(1))).toEqual({})
|
|
})
|
|
|
|
it('starts a new record from defaults, toggles off and empty multiple relations', () => {
|
|
const fields = [
|
|
{ ...formField('name'), default: 'Unnamed' },
|
|
formField('active'),
|
|
formField('featured'),
|
|
formField('tags'),
|
|
formField('maker'),
|
|
{ ...formField('weight'), default: 0 },
|
|
]
|
|
expect(initialValues(fields)).toEqual({ name: 'Unnamed', active: false, featured: false, tags: [], weight: 0 })
|
|
})
|
|
|
|
it('normalizes 422 details into string lists and drops empty entries', () => {
|
|
expect(
|
|
fieldErrors({
|
|
name: ['Required', '', 3],
|
|
code: 'Taken',
|
|
empty: [],
|
|
blank: '',
|
|
nested: { a: 1 },
|
|
}),
|
|
).toEqual({ name: ['Required'], code: ['Taken'] })
|
|
expect(fieldErrors(undefined)).toEqual({})
|
|
})
|
|
|
|
it('snapshots records independently of key order', () => {
|
|
expect(snapshot({ a: 1, b: [2] })).toBe(snapshot({ b: [2], a: 1 }))
|
|
expect(snapshot({ a: 1 })).not.toBe(snapshot({ a: 2 }))
|
|
})
|
|
|
|
it('focuses a control by its id, making a non-control focusable first', () => {
|
|
document.body.innerHTML = '<input id="field-name"><div id="field-members"></div>'
|
|
expect(focusField('field', 'name')).toBe(true)
|
|
expect(document.activeElement?.id).toBe('field-name')
|
|
expect(focusField('field', 'members')).toBe(true)
|
|
expect(document.getElementById('field-members')?.getAttribute('tabindex')).toBe('-1')
|
|
expect(document.activeElement?.id).toBe('field-members')
|
|
expect(focusField('field', 'missing')).toBe(false)
|
|
})
|
|
})
|