parent
e6e438b62a
commit
a4cbe0c0b9
@ -0,0 +1,58 @@
|
||||
import { describe, expect, it } from 'vitest';
|
||||
|
||||
import { MorfoInvariantError, validateMorfo } from './schema';
|
||||
|
||||
const baseMorfo = {
|
||||
name: 'Sample',
|
||||
kebab: 'sample',
|
||||
scope: ['soma'],
|
||||
parts: [
|
||||
{
|
||||
name: 'Provider',
|
||||
kebab: 'provider',
|
||||
kind: 'public',
|
||||
defaultElement: 'div',
|
||||
optional: false,
|
||||
data: [],
|
||||
aria: []
|
||||
}
|
||||
]
|
||||
} as const;
|
||||
|
||||
function withDataAttr(attr: string) {
|
||||
return {
|
||||
...baseMorfo,
|
||||
parts: [
|
||||
{
|
||||
...baseMorfo.parts[0],
|
||||
data: [{ attr }]
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
describe('validateMorfo — data attrs', () => {
|
||||
it('accepts public lowercase data attrs', () => {
|
||||
expect(() => validateMorfo(withDataAttr('data-state'))).not.toThrow();
|
||||
expect(() => validateMorfo(withDataAttr('data-last-action'))).not.toThrow();
|
||||
});
|
||||
|
||||
it('rejects attrs outside the data-* namespace', () => {
|
||||
expect(() => validateMorfo(withDataAttr('aria-expanded'))).toThrow(MorfoInvariantError);
|
||||
expect(() => validateMorfo(withDataAttr('aria-expanded'))).toThrow(/must start with "data-"/);
|
||||
});
|
||||
|
||||
it('reserves data-_ attrs for provider-private DOM state outside morfo', () => {
|
||||
expect(() => validateMorfo(withDataAttr('data-_debug'))).toThrow(MorfoInvariantError);
|
||||
expect(() => validateMorfo(withDataAttr('data-_debug'))).toThrow(
|
||||
/reserved private prefix "data-_"/
|
||||
);
|
||||
});
|
||||
|
||||
it('rejects non-kebab public data attrs', () => {
|
||||
expect(() => validateMorfo(withDataAttr('data-lastAction'))).toThrow(MorfoInvariantError);
|
||||
expect(() => validateMorfo(withDataAttr('data-lastAction'))).toThrow(
|
||||
/lowercase kebab-case/
|
||||
);
|
||||
});
|
||||
});
|
||||
Loading…
Reference in new issue