1c2a66df45
- 41 unit and component suites under admin/tests/{app,state,shell,list,form,relation,views,ui}
covering states and a11y roles; every src module is imported by a test
- typed fixture helper assigns each JSON fixture to its generated OpenAPI type
- fix: iconFor ignores inherited object members such as "constructor"
- fix: field controls import ./control instead of the registry (import cycle
left a renderer unregistered depending on module load order)
- fix: dropdown shows the placeholder for an unknown stored value next to an emptyOption
- fix: list announces a failed schema load even when the rows arrive after it
- tailwind no longer scans admin/tests; boardwalk/dist rebuilt
128 lines
4.3 KiB
TypeScript
128 lines
4.3 KiB
TypeScript
import { describe, expect, it } from 'vitest'
|
|
import CheckboxField from '../../src/components/form/fields/CheckboxField.vue'
|
|
import DropdownField from '../../src/components/form/fields/DropdownField.vue'
|
|
import NumberField from '../../src/components/form/fields/NumberField.vue'
|
|
import RelationField from '../../src/components/form/fields/RelationField.vue'
|
|
import SwitchField from '../../src/components/form/fields/SwitchField.vue'
|
|
import TextField from '../../src/components/form/fields/TextField.vue'
|
|
import TextareaField from '../../src/components/form/fields/TextareaField.vue'
|
|
import UnsupportedField from '../../src/components/form/fields/UnsupportedField.vue'
|
|
import RelationManager from '../../src/components/relation/RelationManager.vue'
|
|
import {
|
|
controlAttributes,
|
|
controlClass,
|
|
isRegistered,
|
|
needsRecord,
|
|
ownsLabel,
|
|
RELATION_MANAGER,
|
|
rendererFor,
|
|
toggleOn,
|
|
toggleValue,
|
|
} from '../../src/components/form/registry'
|
|
import * as control from '../../src/components/form/control'
|
|
import { formField } from '../fixtures/typed'
|
|
|
|
describe('field renderer registry (D-05)', () => {
|
|
it.each([
|
|
['text', TextField],
|
|
['textarea', TextareaField],
|
|
['number', NumberField],
|
|
['dropdown', DropdownField],
|
|
['switch', SwitchField],
|
|
['checkbox', CheckboxField],
|
|
['relation', RelationField],
|
|
[RELATION_MANAGER, RelationManager],
|
|
])('renders %s with its control', (type, component) => {
|
|
expect(rendererFor(type)).toBe(component)
|
|
})
|
|
|
|
it.each(['colorpicker', 'fileupload', '', 'TEXT', 'constructor'])('falls back to UnsupportedField for %j', (type) => {
|
|
expect(rendererFor(type)).toBe(UnsupportedField)
|
|
expect(isRegistered(type)).toBe(false)
|
|
})
|
|
|
|
it('edits values of every control type except the record-bound relation manager', () => {
|
|
expect(RELATION_MANAGER).toBe('relation-manager')
|
|
for (const type of ['text', 'textarea', 'number', 'dropdown', 'switch', 'checkbox', 'relation']) {
|
|
expect(isRegistered(type), type).toBe(true)
|
|
expect(needsRecord(type), type).toBe(false)
|
|
}
|
|
expect(isRegistered(RELATION_MANAGER)).toBe(false)
|
|
expect(needsRecord(RELATION_MANAGER)).toBe(true)
|
|
})
|
|
|
|
it('lets toggle cards and the relation manager render their own label', () => {
|
|
expect(ownsLabel('switch')).toBe(true)
|
|
expect(ownsLabel('checkbox')).toBe(true)
|
|
expect(ownsLabel(RELATION_MANAGER)).toBe(true)
|
|
expect(ownsLabel('text')).toBe(false)
|
|
expect(ownsLabel('relation')).toBe(false)
|
|
})
|
|
})
|
|
|
|
describe('control attributes', () => {
|
|
it('passes only allow-listed Winter attributes, lower-cased, and drops null and false', () => {
|
|
const field = formField('name')
|
|
field.attributes = {
|
|
placeholder: 'Type…',
|
|
MaxLength: 20,
|
|
readonly: true,
|
|
spellcheck: false,
|
|
pattern: null,
|
|
onclick: 'alert(1)',
|
|
onfocus: 'x',
|
|
style: 'color:red',
|
|
class: 'evil',
|
|
id: 'hijack',
|
|
autofocus: true,
|
|
}
|
|
expect(controlAttributes(field)).toEqual({ placeholder: 'Type…', maxlength: 20, readonly: true })
|
|
})
|
|
|
|
it('answers no attributes without a map', () => {
|
|
expect(controlAttributes(formField('code'))).toEqual({})
|
|
})
|
|
|
|
it('switches the border to danger when invalid', () => {
|
|
expect(controlClass(true)).toContain('border-danger')
|
|
expect(controlClass(false)).toContain('border-border-strong')
|
|
expect(controlClass(undefined)).not.toContain('border-danger')
|
|
})
|
|
})
|
|
|
|
describe('toggle values', () => {
|
|
it.each([
|
|
[true, true],
|
|
[1, true],
|
|
['1', true],
|
|
['true', true],
|
|
['yes', true],
|
|
[false, false],
|
|
[0, false],
|
|
['0', false],
|
|
['', false],
|
|
['False', false],
|
|
[null, false],
|
|
[undefined, false],
|
|
])('%j is %s', (value, on) => {
|
|
expect(toggleOn(value)).toBe(on)
|
|
})
|
|
|
|
it('keeps a numeric stored value numeric and sends booleans otherwise', () => {
|
|
expect(toggleValue(0, true)).toBe(1)
|
|
expect(toggleValue(1, false)).toBe(0)
|
|
expect(toggleValue(false, true)).toBe(true)
|
|
expect(toggleValue('1', false)).toBe(false)
|
|
expect(toggleValue(undefined, true)).toBe(true)
|
|
})
|
|
})
|
|
|
|
describe('control module', () => {
|
|
it('is what the registry re-exports, so field controls never import the registry', () => {
|
|
expect(controlAttributes).toBe(control.controlAttributes)
|
|
expect(controlClass).toBe(control.controlClass)
|
|
expect(toggleOn).toBe(control.toggleOn)
|
|
expect(toggleValue).toBe(control.toggleValue)
|
|
})
|
|
})
|