@cssints/apg-specs 0.0.0-stage → 0.5.2

package/scenarios/apg/menubar.base-ui.json

@@ -0,0 +1,673 @@
+{
+  "pattern": "menubar",
+  "source": "base-ui",
+  "commit": "19511bb171f3b360b006c94cf6d07e53cb446505",
+  "license": "MIT",
+  "scenarios": [
+    {
+      "id": "menubar.base-ui.click-trigger-toggles-menu",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L165",
+      "upstreamTest": "within click interactions: should open the menu after clicking on its trigger and close it when clicking again",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        {
+          "expect": {
+            "visible": ["menu:0"],
+            "attrs": {
+              "menuitem:0": { "aria-expanded": "true", "data-popup-open": "" }
+            }
+          }
+        },
+        { "event": "click", "target": "menuitem:0" },
+        { "expect": { "hidden": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.hover-does-not-open-without-open-submenu",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L190",
+      "upstreamTest": "should not open submenus on hover when no submenu is already open",
+      "apg": "mouse",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "hover", "target": "menuitem:0" },
+        { "expect": { "hidden": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.hover-switches-open-menu-when-submenu-open",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L204",
+      "upstreamTest": "should open submenus on hover when another submenu is already open",
+      "apg": "mouse",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        {
+          "expect": {
+            "visible": ["menu:0"],
+            "attrs": { "menubar": { "data-has-submenu-open": "" } }
+          }
+        },
+        { "event": "hover", "target": "menuitem:1" },
+        { "expect": { "visible": ["menu:1"], "hidden": ["menu:0"] } },
+        { "event": "hover", "target": "menuitem:2" },
+        { "expect": { "visible": ["menu:2"], "hidden": ["menu:1"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.hover-opens-nested-submenu",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L244",
+      "upstreamTest": "should open nested submenus on hover when parent menu is open",
+      "apg": "mouse",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        { "event": "hover", "target": "menuitem:0/2" },
+        {
+          "expect": {
+            "visible": ["submenu:1"],
+            "attrs": {
+              "menuitem:0/2": { "aria-expanded": "true", "data-popup-open": "" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.hover-nested-submenu-then-another-menu-closes-tree",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L273",
+      "upstreamTest": "should open another menu on hover when a nested submenu is open",
+      "apg": "mouse",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        { "event": "hover", "target": "menuitem:0/2" },
+        { "event": "hover", "target": "menuitem:0/2/0" },
+        { "expect": { "visible": ["menu:0", "submenu:1"] } },
+        { "event": "hover", "target": "menuitem:1" },
+        {
+          "expect": { "visible": ["menu:1"], "hidden": ["menu:0", "submenu:1"] }
+        }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.focus-does-not-open-menu-enter-opens",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L316",
+      "upstreamTest": "focuses a menubar item without immediately opening the menu",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "expect": { "hidden": ["menu:0"] } },
+        { "event": "key", "key": "Enter", "target": "menuitem:0" },
+        { "expect": { "visible": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.arrow-right-moves-between-triggers",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L399",
+      "upstreamTest": "should navigate between menubar items with arrow keys",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0" },
+        { "expect": { "focus": "menuitem:1", "hidden": ["menu:1"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.home-end-move-between-triggers",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L424",
+      "upstreamTest": "moves focus to the first and last triggers with Home and End",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "End", "target": "menuitem:0" },
+        { "expect": { "focus": "menuitem:2" } },
+        { "event": "key", "key": "Home", "target": "menuitem:2" },
+        { "expect": { "focus": "menuitem:0" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.space-opens-menu",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L445",
+      "upstreamTest": "should open the menu with Space key",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "Space", "target": "menuitem:0" },
+        { "expect": { "visible": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.arrow-within-menu-and-to-submenu-trigger",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L463",
+      "upstreamTest": "should navigate within the menu using arrow keys",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "Enter", "target": "menuitem:0" },
+        { "expect": { "focus": "menuitem:0/0" } },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/0" },
+        { "expect": { "focus": "menuitem:0/1" } },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/1" },
+        { "expect": { "focus": "menuitem:0/2" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.arrow-right-opens-submenu",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L499",
+      "upstreamTest": "should open the submenu with right arrow key",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "key", "key": "Enter", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/0" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/1" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/2" },
+        { "expect": { "focus": "menuitem:0/2" } },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0/2" },
+        { "expect": { "visible": ["submenu:1"], "focus": "menuitem:0/2/0" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.escape-closes-menu",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L541",
+      "upstreamTest": "should close the menu with Escape key",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "Enter", "target": "menuitem:0" },
+        { "event": "key", "key": "Escape", "target": "menu:0" },
+        { "expect": { "hidden": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.arrow-left-closes-submenu-and-returns-focus",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L566",
+      "upstreamTest": "should close submenu with left arrow key and return focus to submenu trigger",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "key", "key": "Enter", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/0" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/1" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/2" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0/2" },
+        { "event": "key", "key": "ArrowLeft", "target": "menuitem:0/2/0" },
+        { "expect": { "hidden": ["submenu:1"], "focus": "menuitem:0/2" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.arrow-right-closes-submenus-when-navigating-next",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L610",
+      "upstreamTest": "closes open submenus when navigating to the next menubar item with ArrowRight",
+      "apg": "keyboard",
+      "config": { "orientation": "horizontal", "items": ["File", "Edit"] },
+      "steps": [
+        { "event": "key", "key": "Enter", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/0" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/1" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0/1" },
+        { "expect": { "visible": ["submenu:1"] } },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0/1/0" },
+        {
+          "expect": {
+            "hidden": ["submenu:1", "menu:0"],
+            "visible": ["menu:1"],
+            "events": {
+              "onSubmenuOpenChange": [false],
+              "onMenuOpenChange": [true]
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.arrow-left-right-switch-open-menus",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L701",
+      "upstreamTest": "should navigate between menus using left/right arrow keys when menus are open",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "key", "key": "Enter", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menu:0" },
+        { "expect": { "hidden": ["menu:0"], "visible": ["menu:1"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.keyboard-after-mouse-open",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L733",
+      "upstreamTest": "should allow keyboard navigation after opening a menu with mouse click",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowDown", "target": "menu:0" },
+        { "expect": { "focus": "menuitem:0/0" } },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/0" },
+        { "expect": { "focus": "menuitem:0/1" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.click-trigger-then-keyboard-next-menu",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L760",
+      "upstreamTest": "should allow clicking a menu trigger then navigating to another menu with keyboard",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menu:0" },
+        { "expect": { "hidden": ["menu:0"], "visible": ["menu:1"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.touch-outside-closes-whole-tree",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L785",
+      "upstreamTest": "closes the entire tree on a single outside press after opening a submenu",
+      "apg": "extension",
+      "config": { "orientation": "horizontal", "items": ["File", "Edit"] },
+      "steps": [
+        {
+          "event": "pointerdown",
+          "pointerType": "touch",
+          "target": "menuitem:0"
+        },
+        { "event": "click", "target": "menuitem:0" },
+        { "expect": { "visible": ["menu:0"] } },
+        {
+          "event": "pointerdown",
+          "pointerType": "touch",
+          "target": "menuitem:0/2"
+        },
+        { "event": "click", "target": "menuitem:0/2" },
+        { "expect": { "visible": ["submenu:1"] } },
+        { "event": "pointerdown", "pointerType": "touch", "target": "outside" },
+        { "event": "click", "target": "outside" },
+        { "expect": { "hidden": ["submenu:1", "menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.close-on-click-nested-item-keeps-menu-open",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L342",
+      "upstreamTest": "should respect closeOnClick on nested items when the menu was opened on click",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:2" },
+        { "event": "hover", "target": "menuitem:2/2" },
+        { "expect": { "visible": ["submenu:1"] } },
+        { "event": "click", "target": "menuitem:2/2/1" },
+        { "expect": { "visible": ["submenu:1"] } }
+      ],
+      "notes": "A nested item with closeOnClick=false keeps its submenu open after activation."
+    },
+    {
+      "id": "menubar.base-ui.loop-focus-wraps-forward",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L950",
+      "upstreamTest": "when loopFocus == true: should loop around to the first item after the last one",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "loopFocus": true,
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:1" },
+        { "expect": { "focus": "menuitem:2" } },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:2" },
+        { "expect": { "focus": "menuitem:0" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.loop-focus-wraps-backward",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L968",
+      "upstreamTest": "when loopFocus == true: should loop around to the last item after the first one",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "loopFocus": true,
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowLeft", "target": "menuitem:0" },
+        { "expect": { "focus": "menuitem:2" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.no-loop-stays-on-last",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L988",
+      "upstreamTest": "when loopFocus == false: should stay on the last item when navigating beyond it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "loopFocus": false,
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:1" },
+        { "expect": { "focus": "menuitem:2" } },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:2" },
+        { "expect": { "focus": "menuitem:2" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.no-loop-stays-on-first",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1015",
+      "upstreamTest": "when loopFocus == false: should stay on the first item when navigating before it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "loopFocus": false,
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowLeft", "target": "menuitem:0" },
+        { "expect": { "focus": "menuitem:0" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.disabled-menubar-disables-children",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1030",
+      "upstreamTest": "disables child menus when menubar is disabled",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "disabled": true,
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "menuitem:0": { "disabled": "", "aria-disabled": "true" }
+            }
+          }
+        },
+        { "event": "click", "target": "menuitem:0" },
+        { "expect": { "hidden": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.role-and-orientation",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1104",
+      "upstreamTest": "sets role=menubar on the root element / sets aria-orientation on the root element",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [{ "expect": { "attrs": { "menubar": { "role": "menubar" } } } }]
+    },
+    {
+      "id": "menubar.base-ui.vertical-aria-orientation",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1110",
+      "upstreamTest": "sets aria-orientation on the root element",
+      "apg": "aria",
+      "config": { "orientation": "vertical", "items": ["File", "Edit"] },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "menubar": { "role": "menubar", "aria-orientation": "vertical" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.triggers-have-menuitem-role",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1190",
+      "upstreamTest": "sets role=menuitem on menu triggers",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "menuitem:0": { "role": "menuitem" },
+              "menuitem:1": { "role": "menuitem" },
+              "menuitem:2": { "role": "menuitem" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.vertical-main-axis-arrow-moves-between-triggers",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1115",
+      "upstreamTest": "moves between triggers with the main-axis arrow keys when vertical",
+      "apg": "keyboard",
+      "config": { "orientation": "vertical", "items": ["File", "Edit"] },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
+        { "expect": { "focus": "menuitem:1", "hidden": ["menu:1"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.vertical-opens-menu-with-cross-axis-key-ltr",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1152",
+      "upstreamTest": "opens a menu of a vertical LTR menubar with ArrowRight",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "direction": "ltr",
+        "items": ["File"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowLeft", "target": "menuitem:0" },
+        { "expect": { "hidden": ["menu:0"] } },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0" },
+        { "expect": { "visible": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.vertical-opens-menu-with-cross-axis-key-rtl",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1152",
+      "upstreamTest": "opens a menu of a vertical RTL menubar with ArrowLeft",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "direction": "rtl",
+        "items": ["File"]
+      },
+      "steps": [
+        { "event": "focus", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowRight", "target": "menuitem:0" },
+        { "expect": { "hidden": ["menu:0"] } },
+        { "event": "key", "key": "ArrowLeft", "target": "menuitem:0" },
+        { "expect": { "visible": ["menu:0"] } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.disabled-first-trigger-keeps-menubar-reachable",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1232",
+      "upstreamTest": "keeps the menubar reachable when the first trigger is disabled",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "firstDisabled": true,
+        "items": ["File", "Edit"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "menuitem:0": { "disabled": "", "tabindex": "-1" },
+              "menuitem:1": { "tabindex": "0" }
+            }
+          }
+        },
+        { "event": "key", "key": "Tab", "target": "body" },
+        { "expect": { "focus": "menuitem:1" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.disabled-menubar-disables-items",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1273",
+      "upstreamTest": "disables menu items while the menubar is disabled",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "disabled": true,
+        "items": ["File"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        {
+          "expect": { "attrs": { "menuitem:0/0": { "aria-disabled": "true" } } }
+        }
+      ],
+      "notes": "The menu is forced open for this scenario; clicking an item in a disabled menubar must not fire its action."
+    },
+    {
+      "id": "menubar.base-ui.triggerless-menu-keeps-outside-focus-on-close",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L117",
+      "upstreamTest": "keeps focus on an outside target when a triggerless menubar menu closes",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "triggerless": true,
+        "items": ["File"]
+      },
+      "steps": [
+        { "event": "click", "target": "outside" },
+        { "expect": { "hidden": ["menu:0"], "focus": "outside" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.contained-trigger-portal-ownership",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1198",
+      "upstreamTest": "renders contained top-level portal ownership as an allowed menubar child",
+      "apg": "extension",
+      "config": { "orientation": "horizontal", "items": ["File"] },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        {
+          "expect": {
+            "visible": ["menu:0"],
+            "attrs": { "menubar": { "data-has-submenu-open": "" } }
+          }
+        }
+      ],
+      "notes": "Aria-owns ownership of the contained popup is a library implementation detail; captured as submenu-open state."
+    },
+    {
+      "id": "menubar.base-ui.keyboard-after-mouse-open-navigates",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L733",
+      "upstreamTest": "mixed mouse and keyboard interactions: should allow keyboard navigation after opening a menu with mouse click",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        { "event": "key", "key": "ArrowDown", "target": "menu:0" },
+        { "expect": { "focus": "menuitem:0/0" } },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0/0" },
+        { "expect": { "focus": "menuitem:0/1" } }
+      ]
+    },
+    {
+      "id": "menubar.base-ui.open-new-menu-on-hover-after-click",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L1049",
+      "upstreamTest": "correctly opens new menu on hover after clicking on its trigger and entering from hover",
+      "apg": "mouse",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["File", "Edit", "View"]
+      },
+      "steps": [
+        { "event": "click", "target": "menuitem:0" },
+        { "event": "hover", "target": "menuitem:1" },
+        { "expect": { "visible": ["menu:1"], "hidden": ["menu:0"] } },
+        { "event": "click", "target": "menuitem:1" },
+        { "expect": { "hidden": ["menu:1"] } },
+        { "event": "hover", "target": "menuitem:1" },
+        { "expect": { "visible": ["menu:1"] } }
+      ]
+    }
+  ],
+  "skipped": [
+    {
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L817",
+      "reason": "Scroll locking of a viewport-covering touch submenu is a platform/layout concern."
+    },
+    {
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L49",
+      "reason": "Touch-click cooldown timing after a focus-open is a timer/platform concern."
+    },
+    {
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menubar/Menubar.test.tsx#L32",
+      "reason": "React context error message is a React API concern."
+    }
+  ]
+}