Function getMenuBarPattern

src/aria/private/menu/menu.spec.ts:65–102

(values: string[], opts?: {textDirection: 'ltr' | 'rtl'})

}

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

  const menubar = new MenuBarPattern<string>({
    items: items,
    activeItem: signal(undefined),
    orientation: signal('horizontal'),
    textDirection: signal(opts?.textDirection || 'ltr'),
    multi: signal(false),
    selectionMode: signal('explicit'),
    value: signal([]),
    wrap: signal(true),
    typeaheadDelay: signal(500),
    softDisabled: signal(true),
    focusMode: signal('activedescendant'),
    element: signal(document.createElement('div')),
    disabled: signal(false),
  });

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

  return menubar;
}

function getMenuPattern(
  parent: undefined | MenuItemPattern<string> | MenuTriggerPattern<string>,