Function getMenuPattern

src/aria/private/menu/menu.spec.ts:104–157

(
  parent: undefined | MenuItemPattern<string> | MenuTriggerPattern<string>,
  values: string[],
  opts?: {textDirection: 'ltr' | 'rtl'},
)

}

function getMenuPattern(
  parent: undefined | MenuItemPattern<string> | MenuTriggerPattern<string>,
  values: string[],
  opts?: {textDirection: 'ltr' | 'rtl'},
) {
  const items = signal<TestMenuItem[]>([]);

  const menu = new MenuPattern<string>({
    id: signal('menu-1'),
    items: items,
    parent: signal(parent) as any,
    activeItem: signal(undefined),
    typeaheadDelay: signal(500),
    wrap: signal(true),
    softDisabled: signal(true),
    multi: signal(false),
    focusMode: signal('activedescendant'),
    textDirection: signal(opts?.textDirection || 'ltr'),
    orientation: signal('vertical'),
    selectionMode: signal('explicit'),
    element: signal(document.createElement('div')),
    expansionDelay: signal(0),
    disabled: signal(false),
  });

  items.set(
    values.map((v, index) => {
      const element = document.createElement('div');
      element.role = 'menuitem';
      menu.inputs.element()?.appendChild(element);
      return new MenuItemPattern({
        value: signal(v),
        id: signal(`menuitem-${index}`),
        disabled: signal(false),
        searchTerm: signal(v),
        parent: signal(menu),
        element: signal(element),
        submenu: signal(undefined),
        role: signal('menuitem'),
      }) as TestMenuItem;
    }),
  );

  if (parent instanceof MenuTriggerPattern) {
    (parent.menu as WritableSignalLike<MenuPattern<string>>).set(menu);
    parent.inputs.element()?.appendChild(menu.inputs.element()!);
  } else if (parent instanceof MenuItemPattern) {
    (parent.submenu as WritableSignalLike<MenuPattern<string>>).set(menu);
    parent.inputs.element()?.appendChild(menu.inputs.element()!);
  }

  menu.inputs.activeItem.set(items()[0]);
  return menu;
}

describe('Standalone Menu Pattern', () => {
  let menu: MenuPattern<string>;