36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
 
|
import { describe, test, expect } from 'vitest';
|
||
|
|
import { Container } from './Container';
|
||
|
|
|
||
|
|
const toHtml = (Container as any).toHtml;
|
||
|
|
|
||
|
|
describe('Container.toHtml cssId/cssClass', () => {
|
||
|
|
test('emits id and class when both set', () => {
|
||
|
|
const { html } = toHtml({ cssId: 'my-id', cssClass: 'my-class' }, 'child');
|
||
|
|
expect(html).toContain('id="my-id"');
|
||
|
|
expect(html).toContain('class="my-class"');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('emits neither id nor class when empty/unset', () => {
|
||
|
|
const { html } = toHtml({}, 'child');
|
||
|
|
expect(html).not.toContain(' id="');
|
||
|
|
expect(html).not.toContain(' class="');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('escapes cssId/cssClass values', () => {
|
||
|
|
const { html } = toHtml({ cssId: 'x" onerror="alert(1)', cssClass: 'y" onerror="alert(1)' }, 'child');
|
||
|
|
expect(html).not.toContain('onerror="alert(1)"');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('cssId takes precedence over anchorId when both set (no duplicate id attrs)', () => {
|
||
|
|
const { html } = toHtml({ cssId: 'explicit-id', anchorId: 'anchor-id' }, 'child');
|
||
|
|
const idMatches = html.match(/ id="/g) || [];
|
||
|
|
expect(idMatches.length).toBe(1);
|
||
|
|
expect(html).toContain('id="explicit-id"');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('falls back to anchorId when cssId is not set', () => {
|
||
|
|
const { html } = toHtml({ anchorId: 'anchor-id' }, 'child');
|
||
|
|
expect(html).toContain('id="anchor-id"');
|
||
|
|
});
|
||
|
|
});
|