33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
 
|
import { describe, test, expect } from 'vitest';
|
||
|
|
import { Menu } from './Menu';
|
||
|
|
|
||
|
|
const toHtml = (Menu as any).toHtml;
|
||
|
|
|
||
|
|
describe('Menu.toHtml deterministic + unique scope ids (thread node id, no Math.random)', () => {
|
||
|
|
test('same node id -> identical output across calls (deterministic)', () => {
|
||
|
|
const { html: html1 } = toHtml({}, '', 'node-menu1');
|
||
|
|
const { html: html2 } = toHtml({}, '', 'node-menu1');
|
||
|
|
expect(html1).toBe(html2);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('different node ids -> different, non-colliding scope classes (identical default links, no collision)', () => {
|
||
|
|
const { html: html1 } = toHtml({}, '', 'node-menu1');
|
||
|
|
const { html: html2 } = toHtml({}, '', 'node-menu2');
|
||
|
|
const cls1 = html1.match(/\.([a-z0-9_]+-link):hover/)![1];
|
||
|
|
const cls2 = html2.match(/\.([a-z0-9_]+-link):hover/)![1];
|
||
|
|
expect(cls1).not.toBe(cls2);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('the anchor class= and the <style> hover rule use the SAME scope', () => {
|
||
|
|
const { html } = toHtml({}, '', 'node-menu1');
|
||
|
|
const hoverCls = html.match(/\.([a-z0-9_]+-link):hover/)![1];
|
||
|
|
expect(html).toContain(`class="${hoverCls}"`);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('no nodeId (legacy 2-arg call): still deterministic across repeated calls, not random', () => {
|
||
|
|
const { html: html1 } = toHtml({}, '');
|
||
|
|
const { html: html2 } = toHtml({}, '');
|
||
|
|
expect(html1).toBe(html2);
|
||
|
|
});
|
||
|
|
});
|