@cssints/apg-specs 0.0.0-stage → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (260) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +65 -2
  3. package/dist/apg/accordion.bridge.d.mts +35 -0
  4. package/dist/apg/accordion.bridge.mjs +326 -0
  5. package/dist/apg/accordion.model.json +8397 -0
  6. package/dist/apg/alert.bridge.d.mts +22 -0
  7. package/dist/apg/alert.bridge.mjs +86 -0
  8. package/dist/apg/alert.model.json +871 -0
  9. package/dist/apg/alertdialog.bridge.d.mts +21 -0
  10. package/dist/apg/alertdialog.bridge.mjs +221 -0
  11. package/dist/apg/alertdialog.model.json +5232 -0
  12. package/dist/apg/breadcrumb.bridge.d.mts +26 -0
  13. package/dist/apg/breadcrumb.bridge.mjs +120 -0
  14. package/dist/apg/breadcrumb.model.json +574 -0
  15. package/dist/apg/button.bridge.d.mts +35 -0
  16. package/dist/apg/button.bridge.mjs +208 -0
  17. package/dist/apg/button.model.json +5814 -0
  18. package/dist/apg/carousel.bridge.d.mts +44 -0
  19. package/dist/apg/carousel.bridge.mjs +262 -0
  20. package/dist/apg/carousel.model.json +8963 -0
  21. package/dist/apg/checkbox-group.bridge.d.mts +25 -0
  22. package/dist/apg/checkbox-group.bridge.mjs +276 -0
  23. package/dist/apg/checkbox-group.model.json +3863 -0
  24. package/dist/apg/checkbox.bridge.d.mts +34 -0
  25. package/dist/apg/checkbox.bridge.mjs +253 -0
  26. package/dist/apg/checkbox.model.json +3158 -0
  27. package/dist/apg/combobox-autocomplete.bridge.d.mts +14 -0
  28. package/dist/apg/combobox-autocomplete.bridge.mjs +326 -0
  29. package/dist/apg/combobox-autocomplete.model.json +11586 -0
  30. package/dist/apg/combobox-dialog.bridge.d.mts +17 -0
  31. package/dist/apg/combobox-dialog.bridge.mjs +250 -0
  32. package/dist/apg/combobox-dialog.model.json +8981 -0
  33. package/dist/apg/combobox-grid.bridge.d.mts +17 -0
  34. package/dist/apg/combobox-grid.bridge.mjs +227 -0
  35. package/dist/apg/combobox-grid.model.json +8554 -0
  36. package/dist/apg/combobox-select-only.bridge.d.mts +24 -0
  37. package/dist/apg/combobox-select-only.bridge.mjs +304 -0
  38. package/dist/apg/combobox-select-only.model.json +7846 -0
  39. package/dist/apg/combobox-tree.bridge.d.mts +17 -0
  40. package/dist/apg/combobox-tree.bridge.mjs +211 -0
  41. package/dist/apg/combobox-tree.model.json +9345 -0
  42. package/dist/apg/dialog-modal.bridge.d.mts +35 -0
  43. package/dist/apg/dialog-modal.bridge.mjs +186 -0
  44. package/dist/apg/dialog-modal.model.json +7580 -0
  45. package/dist/apg/disclosure.bridge.d.mts +25 -0
  46. package/dist/apg/disclosure.bridge.mjs +202 -0
  47. package/dist/apg/disclosure.model.json +4703 -0
  48. package/dist/apg/feed.bridge.d.mts +31 -0
  49. package/dist/apg/feed.bridge.mjs +246 -0
  50. package/dist/apg/feed.model.json +4523 -0
  51. package/dist/apg/grid-selection.bridge.d.mts +13 -0
  52. package/dist/apg/grid-selection.bridge.mjs +160 -0
  53. package/dist/apg/grid-selection.model.json +6974 -0
  54. package/dist/apg/grid-sort.bridge.d.mts +12 -0
  55. package/dist/apg/grid-sort.bridge.mjs +138 -0
  56. package/dist/apg/grid-sort.model.json +3799 -0
  57. package/dist/apg/grid.bridge.d.mts +54 -0
  58. package/dist/apg/grid.bridge.mjs +441 -0
  59. package/dist/apg/grid.model.json +3802 -0
  60. package/dist/apg/link.bridge.d.mts +24 -0
  61. package/dist/apg/link.bridge.mjs +126 -0
  62. package/dist/apg/link.model.json +694 -0
  63. package/dist/apg/listbox-multi.bridge.d.mts +10 -0
  64. package/dist/apg/listbox-multi.bridge.mjs +261 -0
  65. package/dist/apg/listbox-multi.model.json +10893 -0
  66. package/dist/apg/listbox-rearrangeable.bridge.d.mts +20 -0
  67. package/dist/apg/listbox-rearrangeable.bridge.mjs +237 -0
  68. package/dist/apg/listbox-rearrangeable.model.json +17592 -0
  69. package/dist/apg/listbox-shared.d.mts +58 -0
  70. package/dist/apg/listbox-shared.mjs +171 -0
  71. package/dist/apg/listbox-single.bridge.d.mts +10 -0
  72. package/dist/apg/listbox-single.bridge.mjs +196 -0
  73. package/dist/apg/listbox-single.model.json +8024 -0
  74. package/dist/apg/listbox-typeahead.bridge.d.mts +10 -0
  75. package/dist/apg/listbox-typeahead.bridge.mjs +153 -0
  76. package/dist/apg/listbox-typeahead.model.json +5615 -0
  77. package/dist/apg/menu-button.bridge.d.mts +29 -0
  78. package/dist/apg/menu-button.bridge.mjs +259 -0
  79. package/dist/apg/menu-button.model.json +5706 -0
  80. package/dist/apg/menu-checkable.bridge.d.mts +25 -0
  81. package/dist/apg/menu-checkable.bridge.mjs +226 -0
  82. package/dist/apg/menu-checkable.model.json +4277 -0
  83. package/dist/apg/menu-menubar.bridge.d.mts +27 -0
  84. package/dist/apg/menu-menubar.bridge.mjs +273 -0
  85. package/dist/apg/menu-menubar.model.json +9540 -0
  86. package/dist/apg/meter.bridge.d.mts +28 -0
  87. package/dist/apg/meter.bridge.mjs +159 -0
  88. package/dist/apg/meter.model.json +1185 -0
  89. package/dist/apg/player.bridge.d.mts +24 -0
  90. package/dist/apg/player.bridge.mjs +342 -0
  91. package/dist/apg/player.model.json +11013 -0
  92. package/dist/apg/radio.bridge.d.mts +35 -0
  93. package/dist/apg/radio.bridge.mjs +371 -0
  94. package/dist/apg/radio.model.json +5011 -0
  95. package/dist/apg/slider-multithumb.bridge.d.mts +34 -0
  96. package/dist/apg/slider-multithumb.bridge.mjs +365 -0
  97. package/dist/apg/slider-multithumb.model.json +5774 -0
  98. package/dist/apg/slider.bridge.d.mts +54 -0
  99. package/dist/apg/slider.bridge.mjs +359 -0
  100. package/dist/apg/slider.model.json +4881 -0
  101. package/dist/apg/spinbutton.bridge.d.mts +41 -0
  102. package/dist/apg/spinbutton.bridge.mjs +327 -0
  103. package/dist/apg/spinbutton.model.json +7571 -0
  104. package/dist/apg/switch.bridge.d.mts +30 -0
  105. package/dist/apg/switch.bridge.mjs +243 -0
  106. package/dist/apg/switch.model.json +3159 -0
  107. package/dist/apg/tabs.bridge.d.mts +41 -0
  108. package/dist/apg/tabs.bridge.mjs +294 -0
  109. package/dist/apg/tabs.model.json +7659 -0
  110. package/dist/apg/timeline.bridge.d.mts +36 -0
  111. package/dist/apg/timeline.bridge.mjs +265 -0
  112. package/dist/apg/timeline.model.json +6189 -0
  113. package/dist/apg/toolbar.bridge.d.mts +25 -0
  114. package/dist/apg/toolbar.bridge.mjs +307 -0
  115. package/dist/apg/toolbar.model.json +6616 -0
  116. package/dist/apg/tooltip.bridge.d.mts +36 -0
  117. package/dist/apg/tooltip.bridge.mjs +208 -0
  118. package/dist/apg/tooltip.model.json +8295 -0
  119. package/dist/apg/treegrid.bridge.d.mts +28 -0
  120. package/dist/apg/treegrid.bridge.mjs +311 -0
  121. package/dist/apg/treegrid.model.json +17358 -0
  122. package/dist/apg/treeview.bridge.d.mts +26 -0
  123. package/dist/apg/treeview.bridge.mjs +396 -0
  124. package/dist/apg/treeview.model.json +13745 -0
  125. package/dist/apg/windowsplitter.bridge.d.mts +36 -0
  126. package/dist/apg/windowsplitter.bridge.mjs +242 -0
  127. package/dist/apg/windowsplitter.model.json +6253 -0
  128. package/dist/canvas/camera.model.json +6568 -0
  129. package/dist/canvas/canvas.bridge.d.mts +190 -0
  130. package/dist/canvas/canvas.bridge.mjs +729 -0
  131. package/dist/canvas/pointer.model.json +17095 -0
  132. package/dist/scenario.d.mts +233 -0
  133. package/dist/scenario.mjs +313 -0
  134. package/package.json +57 -4
  135. package/scenarios/apg/README.md +221 -0
  136. package/scenarios/apg/accordion.base-ui.json +1005 -0
  137. package/scenarios/apg/accordion.react-aria.json +929 -0
  138. package/scenarios/apg/alert.base-ui.json +81 -0
  139. package/scenarios/apg/alert.react-aria.json +98 -0
  140. package/scenarios/apg/alertdialog.base-ui.json +331 -0
  141. package/scenarios/apg/alertdialog.react-aria.json +225 -0
  142. package/scenarios/apg/breadcrumb.react-aria.json +312 -0
  143. package/scenarios/apg/button.ariakit.json +136 -0
  144. package/scenarios/apg/button.base-ui.json +747 -0
  145. package/scenarios/apg/button.react-aria.json +443 -0
  146. package/scenarios/apg/carousel.apg.json +909 -0
  147. package/scenarios/apg/checkbox.ariakit.json +299 -0
  148. package/scenarios/apg/checkbox.base-ui.json +1126 -0
  149. package/scenarios/apg/checkbox.react-aria.json +518 -0
  150. package/scenarios/apg/combobox.ariakit.json +945 -0
  151. package/scenarios/apg/combobox.base-ui.json +2444 -0
  152. package/scenarios/apg/combobox.react-aria.json +845 -0
  153. package/scenarios/apg/dialog-modal.ariakit.json +1102 -0
  154. package/scenarios/apg/dialog-modal.base-ui.json +775 -0
  155. package/scenarios/apg/dialog-modal.react-aria.json +638 -0
  156. package/scenarios/apg/disclosure.apg.json +349 -0
  157. package/scenarios/apg/disclosure.ariakit.json +163 -0
  158. package/scenarios/apg/disclosure.base-ui.json +451 -0
  159. package/scenarios/apg/disclosure.react-aria.json +643 -0
  160. package/scenarios/apg/feed.apg.json +442 -0
  161. package/scenarios/apg/grid.ariakit.json +197 -0
  162. package/scenarios/apg/grid.base-ui.json +720 -0
  163. package/scenarios/apg/grid.react-aria.json +969 -0
  164. package/scenarios/apg/landmarks.ariakit.json +93 -0
  165. package/scenarios/apg/landmarks.react-aria.json +330 -0
  166. package/scenarios/apg/link.ariakit.json +83 -0
  167. package/scenarios/apg/link.base-ui.json +88 -0
  168. package/scenarios/apg/link.react-aria.json +186 -0
  169. package/scenarios/apg/listbox.ariakit.json +78 -0
  170. package/scenarios/apg/listbox.base-ui.json +163 -0
  171. package/scenarios/apg/listbox.react-aria.json +1118 -0
  172. package/scenarios/apg/menu-button.ariakit.json +924 -0
  173. package/scenarios/apg/menu-button.base-ui.json +1155 -0
  174. package/scenarios/apg/menu-button.react-aria.json +1080 -0
  175. package/scenarios/apg/menubar.ariakit.json +758 -0
  176. package/scenarios/apg/menubar.base-ui.json +673 -0
  177. package/scenarios/apg/meter.base-ui.json +243 -0
  178. package/scenarios/apg/meter.react-aria.json +201 -0
  179. package/scenarios/apg/radio.ariakit.json +459 -0
  180. package/scenarios/apg/radio.base-ui.json +581 -0
  181. package/scenarios/apg/radio.react-aria.json +576 -0
  182. package/scenarios/apg/slider-multithumb.base-ui.json +316 -0
  183. package/scenarios/apg/slider-multithumb.react-aria.json +363 -0
  184. package/scenarios/apg/slider.base-ui.json +544 -0
  185. package/scenarios/apg/slider.react-aria.json +456 -0
  186. package/scenarios/apg/spinbutton.base-ui.json +1688 -0
  187. package/scenarios/apg/spinbutton.react-aria.json +426 -0
  188. package/scenarios/apg/switch.base-ui.json +456 -0
  189. package/scenarios/apg/switch.react-aria.json +303 -0
  190. package/scenarios/apg/table.ariakit.json +65 -0
  191. package/scenarios/apg/table.react-aria.json +221 -0
  192. package/scenarios/apg/tabs.ariakit.json +329 -0
  193. package/scenarios/apg/tabs.base-ui.json +875 -0
  194. package/scenarios/apg/tabs.react-aria.json +644 -0
  195. package/scenarios/apg/toolbar.ariakit.json +595 -0
  196. package/scenarios/apg/toolbar.base-ui.json +1189 -0
  197. package/scenarios/apg/toolbar.react-aria.json +383 -0
  198. package/scenarios/apg/tooltip.ariakit.json +441 -0
  199. package/scenarios/apg/tooltip.base-ui.json +411 -0
  200. package/scenarios/apg/tooltip.react-aria.json +454 -0
  201. package/scenarios/apg/treegrid.apg.json +2558 -0
  202. package/scenarios/apg/treegrid.react-aria.json +5094 -0
  203. package/scenarios/apg/treeview.apg.json +928 -0
  204. package/scenarios/apg/windowsplitter.apg.json +557 -0
  205. package/scenarios/canvas/README.md +69 -0
  206. package/scenarios/canvas/camera.contract.json +237 -0
  207. package/scenarios/canvas/camera.excalidraw.json +57 -0
  208. package/scenarios/canvas/marquee.excalidraw.json +122 -0
  209. package/scenarios/canvas/pan.excalidraw.json +46 -0
  210. package/scenarios/canvas/pointer.contract.json +528 -0
  211. package/scenarios/parts.json +291 -0
  212. package/shared/aria.qnt +186 -0
  213. package/shared/details-group.qnt +50 -0
  214. package/shared/focusgroup.qnt +152 -0
  215. package/shared/invokers.qnt +81 -0
  216. package/shared/popover.qnt +71 -0
  217. package/specs/apg/STATIC.md +103 -0
  218. package/specs/apg/accordion.qnt +578 -0
  219. package/specs/apg/alert.qnt +131 -0
  220. package/specs/apg/alertdialog.qnt +455 -0
  221. package/specs/apg/breadcrumb.qnt +88 -0
  222. package/specs/apg/button.qnt +445 -0
  223. package/specs/apg/carousel.qnt +732 -0
  224. package/specs/apg/checkbox-group.qnt +388 -0
  225. package/specs/apg/checkbox.qnt +394 -0
  226. package/specs/apg/combobox-autocomplete.qnt +764 -0
  227. package/specs/apg/combobox-dialog.qnt +627 -0
  228. package/specs/apg/combobox-grid.qnt +632 -0
  229. package/specs/apg/combobox-select-only.qnt +626 -0
  230. package/specs/apg/combobox-tree.qnt +633 -0
  231. package/specs/apg/dialog-modal.qnt +499 -0
  232. package/specs/apg/disclosure.qnt +309 -0
  233. package/specs/apg/feed.qnt +485 -0
  234. package/specs/apg/grid-selection.qnt +512 -0
  235. package/specs/apg/grid-sort.qnt +330 -0
  236. package/specs/apg/grid.qnt +360 -0
  237. package/specs/apg/link.qnt +119 -0
  238. package/specs/apg/listbox-multi.qnt +799 -0
  239. package/specs/apg/listbox-rearrangeable.qnt +801 -0
  240. package/specs/apg/listbox-single.qnt +511 -0
  241. package/specs/apg/listbox-typeahead.qnt +396 -0
  242. package/specs/apg/menu-button.qnt +363 -0
  243. package/specs/apg/menu-checkable.qnt +304 -0
  244. package/specs/apg/menu-menubar.qnt +531 -0
  245. package/specs/apg/meter.qnt +129 -0
  246. package/specs/apg/player.qnt +1081 -0
  247. package/specs/apg/radio.qnt +394 -0
  248. package/specs/apg/slider-multithumb.qnt +441 -0
  249. package/specs/apg/slider.qnt +396 -0
  250. package/specs/apg/spinbutton.qnt +494 -0
  251. package/specs/apg/switch.qnt +389 -0
  252. package/specs/apg/tabs.qnt +412 -0
  253. package/specs/apg/timeline.qnt +612 -0
  254. package/specs/apg/toolbar.qnt +364 -0
  255. package/specs/apg/tooltip.qnt +553 -0
  256. package/specs/apg/treegrid.qnt +983 -0
  257. package/specs/apg/treeview.qnt +1004 -0
  258. package/specs/apg/windowsplitter.qnt +487 -0
  259. package/specs/canvas/camera.qnt +407 -0
  260. package/specs/canvas/pointer.qnt +841 -0
@@ -0,0 +1,1155 @@
1
+ {
2
+ "pattern": "menu-button",
3
+ "source": "base-ui",
4
+ "commit": "19511bb171f3b360b006c94cf6d07e53cb446505",
5
+ "license": "MIT",
6
+ "scenarios": [
7
+ {
8
+ "id": "menu-button.base-ui.popup-horizontal-aria-orientation",
9
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L195",
10
+ "upstreamTest": "sets aria-orientation on a horizontal popup",
11
+ "apg": "aria",
12
+ "config": { "orientation": "horizontal", "items": ["Open", "Save"] },
13
+ "steps": [
14
+ { "event": "prop", "set": { "open": true } },
15
+ {
16
+ "expect": {
17
+ "attrs": { "menu": { "aria-orientation": "horizontal" } }
18
+ }
19
+ }
20
+ ]
21
+ },
22
+ {
23
+ "id": "menu-button.base-ui.popup-vertical-omits-aria-orientation",
24
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L201",
25
+ "upstreamTest": "does not render aria-orientation on a vertical popup",
26
+ "apg": "aria",
27
+ "config": { "items": ["Open", "Save"] },
28
+ "steps": [
29
+ { "event": "prop", "set": { "open": true } },
30
+ { "expect": { "attrs": { "menu": { "aria-orientation": null } } } }
31
+ ]
32
+ },
33
+ {
34
+ "id": "menu-button.base-ui.arrow-keys-move-highlight",
35
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L209",
36
+ "upstreamTest": "changes the highlighted item using the arrow keys",
37
+ "apg": "keyboard",
38
+ "config": { "items": ["Item 1", "Item 2", "Item 3"] },
39
+ "steps": [
40
+ { "event": "focus", "target": "trigger" },
41
+ { "event": "key", "key": "Enter", "target": "trigger" },
42
+ { "expect": { "focus": "menuitem:0" } },
43
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
44
+ { "expect": { "focus": "menuitem:1" } },
45
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:1" },
46
+ { "expect": { "focus": "menuitem:2" } },
47
+ { "event": "key", "key": "ArrowUp", "target": "menuitem:2" },
48
+ { "expect": { "focus": "menuitem:1" } }
49
+ ]
50
+ },
51
+ {
52
+ "id": "menu-button.base-ui.arrow-and-text-navigation-across-groups",
53
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L243",
54
+ "upstreamTest": "navigates across grouped items with arrow keys and text",
55
+ "apg": "keyboard",
56
+ "config": { "groups": [["Apple", "Banana"], ["Cherry"]] },
57
+ "steps": [
58
+ { "event": "key", "key": "Enter", "target": "trigger" },
59
+ { "expect": { "focus": "menuitem:0" } },
60
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
61
+ { "expect": { "focus": "menuitem:1" } },
62
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:1" },
63
+ { "expect": { "focus": "menuitem:2" } },
64
+ { "event": "focus", "target": "menuitem:0" },
65
+ { "event": "type", "text": "c", "target": "menuitem:0" },
66
+ { "expect": { "focus": "menuitem:2" } }
67
+ ]
68
+ },
69
+ {
70
+ "id": "menu-button.base-ui.home-end-move-highlight",
71
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L322",
72
+ "upstreamTest": "changes the highlighted item using the Home and End keys",
73
+ "apg": "keyboard",
74
+ "config": { "items": ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5"] },
75
+ "steps": [
76
+ { "event": "key", "key": "Enter", "target": "trigger" },
77
+ { "expect": { "focus": "menuitem:0" } },
78
+ { "event": "key", "key": "End", "target": "menuitem:0" },
79
+ { "expect": { "focus": "menuitem:4" } },
80
+ { "event": "key", "key": "Home", "target": "menuitem:4" },
81
+ { "expect": { "focus": "menuitem:0" } }
82
+ ]
83
+ },
84
+ {
85
+ "id": "menu-button.base-ui.keyboard-navigation-includes-disabled-items",
86
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L349",
87
+ "upstreamTest": "includes disabled items during keyboard navigation",
88
+ "apg": "keyboard",
89
+ "config": { "items": ["Item 1", "Item 2", "Item 3"], "disabled": [2] },
90
+ "steps": [
91
+ { "event": "key", "key": "Enter", "target": "trigger" },
92
+ { "expect": { "focus": "menuitem:0" } },
93
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
94
+ { "expect": { "focus": "menuitem:1" } },
95
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:1" },
96
+ {
97
+ "expect": {
98
+ "focus": "menuitem:2",
99
+ "attrs": { "menuitem:2": { "aria-disabled": "true" } }
100
+ }
101
+ }
102
+ ],
103
+ "notes": "Base UI focuses disabled items so they remain discoverable but does not activate them."
104
+ },
105
+ {
106
+ "id": "menu-button.base-ui.focus-first-item-on-keyboard-open",
107
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1422",
108
+ "upstreamTest": "focuses the first item after the menu is opened by keyboard",
109
+ "apg": "keyboard",
110
+ "config": { "items": ["Item 1", "Item 2", "Item 3"] },
111
+ "steps": [
112
+ { "event": "focus", "target": "trigger" },
113
+ { "event": "key", "key": "Enter", "target": "trigger" },
114
+ {
115
+ "expect": {
116
+ "attrs": {
117
+ "menuitem:0": { "tabindex": "0" },
118
+ "menuitem:1": { "tabindex": "-1" },
119
+ "menuitem:2": { "tabindex": "-1" }
120
+ }
121
+ }
122
+ }
123
+ ]
124
+ },
125
+ {
126
+ "id": "menu-button.base-ui.arrow-down-opens-first-item",
127
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1442",
128
+ "upstreamTest": "focuses the first item when down arrow key opens the menu",
129
+ "apg": "keyboard",
130
+ "config": { "items": ["Item 1", "Item 2"] },
131
+ "steps": [
132
+ { "event": "focus", "target": "trigger" },
133
+ { "event": "key", "key": "ArrowDown", "target": "trigger" },
134
+ { "expect": { "focus": "menuitem:0", "visible": ["menu"] } }
135
+ ]
136
+ },
137
+ {
138
+ "id": "menu-button.base-ui.arrow-up-opens-last-item",
139
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1460",
140
+ "upstreamTest": "focuses the last item when up arrow key opens the menu",
141
+ "apg": "keyboard",
142
+ "config": { "items": ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5"] },
143
+ "steps": [
144
+ { "event": "focus", "target": "trigger" },
145
+ { "event": "key", "key": "ArrowUp", "target": "trigger" },
146
+ { "expect": { "focus": "menuitem:4", "visible": ["menu"] } }
147
+ ]
148
+ },
149
+ {
150
+ "id": "menu-button.base-ui.focus-trigger-after-item-activation",
151
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1482",
152
+ "upstreamTest": "focuses the trigger after the menu is closed",
153
+ "apg": "keyboard",
154
+ "config": { "items": ["Item 1", "Item 2"] },
155
+ "steps": [
156
+ { "event": "click", "target": "trigger" },
157
+ { "event": "click", "target": "menuitem:0" },
158
+ { "expect": { "focus": "trigger", "hidden": ["menu"] } }
159
+ ]
160
+ },
161
+ {
162
+ "id": "menu-button.base-ui.tab-forward-closes-and-moves-next",
163
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1575",
164
+ "upstreamTest": "closes the menu and moves focus to the next element when tabbing forward from the open menu",
165
+ "apg": "keyboard",
166
+ "config": { "items": ["Item 1", "Item 2"], "modal": false },
167
+ "steps": [
168
+ { "event": "click", "target": "trigger" },
169
+ { "event": "focus", "target": "menuitem:0" },
170
+ { "event": "key", "key": "Tab", "target": "menuitem:0" },
171
+ { "expect": { "focus": "after", "hidden": ["menu"] } }
172
+ ]
173
+ },
174
+ {
175
+ "id": "menu-button.base-ui.shift-tab-closes-and-focuses-trigger",
176
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1602",
177
+ "upstreamTest": "closes the menu and moves focus to the trigger when shift-tabbing from the open menu",
178
+ "apg": "keyboard",
179
+ "config": { "items": ["Item 1", "Item 2"] },
180
+ "steps": [
181
+ { "event": "click", "target": "trigger" },
182
+ { "event": "focus", "target": "menuitem:0" },
183
+ { "event": "key", "key": "Shift+Tab", "target": "menuitem:0" },
184
+ { "expect": { "focus": "trigger", "hidden": ["menu"] } }
185
+ ]
186
+ },
187
+ {
188
+ "id": "menu-button.base-ui.escape-closes-only-current-submenu-by-default",
189
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1634",
190
+ "upstreamTest": "does not close the parent menu when the Escape key is pressed by default",
191
+ "apg": "keyboard",
192
+ "config": {
193
+ "items": ["Item 1", "Item 2", "Item 3"],
194
+ "submenu": { "at": 3, "items": ["Item 4.1"] }
195
+ },
196
+ "steps": [
197
+ { "event": "focus", "target": "trigger" },
198
+ { "event": "key", "key": "ArrowDown", "target": "trigger" },
199
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
200
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:1" },
201
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:2" },
202
+ { "event": "key", "key": "ArrowRight", "target": "menuitem:3" },
203
+ {
204
+ "expect": {
205
+ "visible": ["menu", "submenu:1"],
206
+ "focus": "menuitem:3/0"
207
+ }
208
+ },
209
+ { "event": "key", "key": "Escape", "target": "menuitem:3/0" },
210
+ { "expect": { "visible": ["menu"], "hidden": ["submenu:1"] } }
211
+ ]
212
+ },
213
+ {
214
+ "id": "menu-button.base-ui.close-parent-on-escape-closes-root",
215
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1677",
216
+ "upstreamTest": "closes the parent menu when the Escape key is pressed if closeParentOnEsc=true",
217
+ "apg": "extension",
218
+ "config": {
219
+ "items": ["Item 1", "Item 2", "Item 3"],
220
+ "submenu": { "at": 3, "items": ["Item 4.1"] },
221
+ "closeParentOnEsc": true
222
+ },
223
+ "steps": [
224
+ { "event": "focus", "target": "trigger" },
225
+ { "event": "key", "key": "ArrowDown", "target": "trigger" },
226
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
227
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:1" },
228
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:2" },
229
+ { "event": "key", "key": "ArrowRight", "target": "menuitem:3" },
230
+ { "event": "key", "key": "Escape", "target": "menuitem:3/0" },
231
+ { "expect": { "hidden": ["menu", "submenu:1"] } }
232
+ ]
233
+ },
234
+ {
235
+ "id": "menu-button.base-ui.open-on-hover-and-close-on-leave",
236
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2162",
237
+ "upstreamTest": "should open the menu when the trigger is hovered / should close the menu when the trigger is no longer hovered",
238
+ "apg": "mouse",
239
+ "config": { "items": ["Item 1", "Item 2"], "openOnHover": true },
240
+ "steps": [
241
+ { "event": "hover", "target": "trigger" },
242
+ { "expect": { "visible": ["menu"] } },
243
+ { "event": "unhover", "target": "trigger" },
244
+ { "expect": { "hidden": ["menu"] } }
245
+ ]
246
+ },
247
+ {
248
+ "id": "menu-button.base-ui.submenu-opens-on-hover-zero-delay",
249
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2203",
250
+ "upstreamTest": "opens the submenu on hover with zero delay",
251
+ "apg": "mouse",
252
+ "config": {
253
+ "items": ["Item 1", "Item 2"],
254
+ "submenu": { "at": 1, "items": ["Item 4.1"] },
255
+ "openOnHover": true
256
+ },
257
+ "steps": [
258
+ { "event": "hover", "target": "trigger" },
259
+ { "expect": { "visible": ["menu"] } },
260
+ { "event": "hover", "target": "menuitem:1" },
261
+ { "expect": { "visible": ["submenu:1"] } }
262
+ ]
263
+ },
264
+ {
265
+ "id": "menu-button.base-ui.submenu-open-on-click-when-open-on-hover-false",
266
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L900",
267
+ "upstreamTest": "opens submenu on click when openOnHover is false",
268
+ "apg": "mouse",
269
+ "config": {
270
+ "items": ["Item 1", "Item 2"],
271
+ "submenu": { "at": 1, "items": ["Item 4.1"] },
272
+ "openOnHover": false
273
+ },
274
+ "steps": [
275
+ { "event": "click", "target": "trigger" },
276
+ { "expect": { "visible": ["menu"], "hidden": ["submenu:1"] } },
277
+ { "event": "click", "target": "menuitem:1" },
278
+ { "expect": { "visible": ["submenu:1"], "focus": "menuitem:1/0" } }
279
+ ]
280
+ },
281
+ {
282
+ "id": "menu-button.base-ui.submenu-closes-after-hover-delay-on-sibling",
283
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2507",
284
+ "upstreamTest": "should close submenu after delay when hovering a sibling item",
285
+ "apg": "mouse",
286
+ "config": {
287
+ "items": ["Item 1", "Item 4"],
288
+ "submenu": { "at": 1, "items": ["Item 4.1"], "closeDelay": 100 },
289
+ "openOnHover": true
290
+ },
291
+ "steps": [
292
+ { "event": "hover", "target": "trigger" },
293
+ { "event": "hover", "target": "menuitem:1" },
294
+ { "expect": { "visible": ["submenu:1"] } },
295
+ { "event": "hover", "target": "menuitem:0" },
296
+ { "expect": { "visible": ["submenu:1"] } },
297
+ { "event": "wait", "ms": 100 },
298
+ { "expect": { "hidden": ["submenu:1"] } }
299
+ ],
300
+ "notes": "The submenu stays open for closeDelay after hovering a sibling, then closes."
301
+ },
302
+ {
303
+ "id": "menu-button.base-ui.typeahead-finds-item",
304
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L776",
305
+ "upstreamTest": "matches Item 2 after Item currently matches Item 1",
306
+ "apg": "keyboard",
307
+ "config": { "items": ["Item 1", "Item 2", "Item 3"] },
308
+ "steps": [
309
+ { "event": "prop", "set": { "open": true } },
310
+ { "event": "focus", "target": "menuitem:0" },
311
+ { "event": "type", "text": "Item 2", "target": "menuitem:0" },
312
+ { "expect": { "focus": "menuitem:1" } }
313
+ ]
314
+ },
315
+ {
316
+ "id": "menu-button.base-ui.space-opens-focused-submenu-trigger",
317
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L763",
318
+ "upstreamTest": "opens a focused submenu trigger with Space when not typing",
319
+ "apg": "keyboard",
320
+ "config": {
321
+ "items": ["Item 1", "Item 2"],
322
+ "submenu": { "at": 1, "items": ["Nested"] }
323
+ },
324
+ "steps": [
325
+ { "event": "prop", "set": { "open": true } },
326
+ { "event": "focus", "target": "menuitem:1" },
327
+ { "event": "key", "key": "Space", "target": "menuitem:1" },
328
+ { "expect": { "visible": ["submenu:1"] } }
329
+ ]
330
+ },
331
+ {
332
+ "id": "menu-button.base-ui.nested-open-and-close-with-arrow-keys",
333
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L859",
334
+ "upstreamTest": "opens a nested menu of a vertical LTR menu with ArrowRight and closes it with ArrowLeft",
335
+ "apg": "keyboard",
336
+ "config": {
337
+ "orientation": "vertical",
338
+ "direction": "ltr",
339
+ "items": ["Item 1", "Item 2", "Item 3", "Item 4"],
340
+ "submenu": { "at": 3, "items": ["Item 4.1"] }
341
+ },
342
+ "steps": [
343
+ { "event": "prop", "set": { "open": true } },
344
+ { "event": "focus", "target": "menuitem:3" },
345
+ { "event": "key", "key": "ArrowRight", "target": "menuitem:3" },
346
+ { "expect": { "visible": ["submenu:1"], "focus": "menuitem:3/0" } },
347
+ { "event": "key", "key": "ArrowLeft", "target": "menuitem:3/0" },
348
+ { "expect": { "hidden": ["submenu:1"], "focus": "menuitem:3" } }
349
+ ]
350
+ },
351
+ {
352
+ "id": "menu-button.base-ui.click-drag-release-activates-item",
353
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2675",
354
+ "upstreamTest": "triggers a menu item and closes the menu on click, drag, release",
355
+ "apg": "mouse",
356
+ "config": { "items": ["1", "2", "3"] },
357
+ "steps": [
358
+ { "event": "pointerdown", "target": "trigger" },
359
+ { "expect": { "visible": ["menu"] } },
360
+ { "event": "pointerup", "target": "menuitem:1" },
361
+ {
362
+ "expect": {
363
+ "hidden": ["menu"],
364
+ "events": { "onItemClick": [["menuitem:1"]] }
365
+ }
366
+ }
367
+ ]
368
+ },
369
+ {
370
+ "id": "menu-button.base-ui.open-change-cancel-prevents-open",
371
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2775",
372
+ "upstreamTest": "onOpenChange cancel() prevents opening while uncontrolled",
373
+ "apg": "extension",
374
+ "config": { "items": ["1"], "cancelOpen": true },
375
+ "steps": [
376
+ { "event": "click", "target": "trigger" },
377
+ { "expect": { "hidden": ["menu"] } }
378
+ ]
379
+ },
380
+ {
381
+ "id": "menu-button.base-ui.mouse-move-highlights-item",
382
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L3018",
383
+ "upstreamTest": "highlights an item on mouse move by default",
384
+ "apg": "mouse",
385
+ "config": { "items": ["1", "2", "3"] },
386
+ "steps": [
387
+ { "event": "prop", "set": { "open": true } },
388
+ { "event": "hover", "target": "menuitem:1" },
389
+ { "expect": { "attrs": { "menuitem:1": { "data-highlighted": "" } } } }
390
+ ]
391
+ },
392
+ {
393
+ "id": "menu-button.base-ui.mouse-move-does-not-highlight-when-disabled",
394
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L3047",
395
+ "upstreamTest": "does not highlight items from mouse movement when disabled",
396
+ "apg": "extension",
397
+ "config": { "items": ["1", "2", "3"], "highlightDisabled": true },
398
+ "steps": [
399
+ { "event": "prop", "set": { "open": true } },
400
+ { "event": "hover", "target": "menuitem:1" },
401
+ {
402
+ "expect": { "attrs": { "menuitem:1": { "data-highlighted": null } } }
403
+ }
404
+ ]
405
+ },
406
+ {
407
+ "id": "menu-button.base-ui.highlight-moves-dom-focus",
408
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L3465",
409
+ "upstreamTest": "moves DOM focus between items",
410
+ "apg": "keyboard",
411
+ "config": { "items": ["1", "2", "3"] },
412
+ "steps": [
413
+ { "event": "key", "key": "Enter", "target": "trigger" },
414
+ { "expect": { "focus": "menuitem:0" } },
415
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
416
+ { "expect": { "focus": "menuitem:1" } }
417
+ ]
418
+ },
419
+ {
420
+ "id": "menu-button.base-ui.highlight-wraps-around",
421
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L3481",
422
+ "upstreamTest": "wraps around, because Menu loops focus by default",
423
+ "apg": "keyboard",
424
+ "config": { "items": ["1", "2", "3"] },
425
+ "steps": [
426
+ { "event": "key", "key": "Enter", "target": "trigger" },
427
+ { "event": "key", "key": "ArrowUp", "target": "menuitem:0" },
428
+ { "expect": { "focus": "menuitem:2" } }
429
+ ]
430
+ },
431
+ {
432
+ "id": "menu-button.base-ui.item-calls-on-click",
433
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/item/MenuItem.test.tsx#L36",
434
+ "upstreamTest": "calls the onClick handler when clicked",
435
+ "apg": "keyboard",
436
+ "config": { "items": ["Item"] },
437
+ "steps": [
438
+ { "event": "prop", "set": { "open": true } },
439
+ { "event": "click", "target": "menuitem:0" },
440
+ { "expect": { "events": { "onItemClick": [["menuitem:0"]] } } }
441
+ ]
442
+ },
443
+ {
444
+ "id": "menu-button.base-ui.prevent-base-ui-handler-keeps-menu-open",
445
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/item/MenuItem.test.tsx#L58",
446
+ "upstreamTest": "does not close the menu when onClick prevents Base UI handler",
447
+ "apg": "extension",
448
+ "config": { "items": ["Item"], "preventClose": true },
449
+ "steps": [
450
+ { "event": "click", "target": "trigger" },
451
+ { "event": "click", "target": "menuitem:0" },
452
+ {
453
+ "expect": {
454
+ "visible": ["menu"],
455
+ "events": { "onItemClick": [["menuitem:0"]] }
456
+ }
457
+ }
458
+ ]
459
+ },
460
+ {
461
+ "id": "menu-button.base-ui.item-closes-on-click-by-default",
462
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/item/MenuItem.test.tsx#L179",
463
+ "upstreamTest": "closes the menu when the item is clicked by default",
464
+ "apg": "keyboard",
465
+ "config": { "items": ["Item"] },
466
+ "steps": [
467
+ { "event": "click", "target": "trigger" },
468
+ { "event": "click", "target": "menuitem:0" },
469
+ { "expect": { "hidden": ["menu"] } }
470
+ ]
471
+ },
472
+ {
473
+ "id": "menu-button.base-ui.close-on-click-false-keeps-menu-open",
474
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/item/MenuItem.test.tsx#L202",
475
+ "upstreamTest": "when closeOnClick=false does not close the menu when the item is clicked",
476
+ "apg": "extension",
477
+ "config": { "items": ["Item"], "closeOnClick": false },
478
+ "steps": [
479
+ { "event": "click", "target": "trigger" },
480
+ { "event": "click", "target": "menuitem:0" },
481
+ { "expect": { "visible": ["menu"] } }
482
+ ]
483
+ },
484
+ {
485
+ "id": "menu-button.base-ui.disabled-item-focusable-not-interactive",
486
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/item/MenuItem.test.tsx#L227",
487
+ "upstreamTest": "can be focused but not interacted with when disabled",
488
+ "apg": "extension",
489
+ "config": { "items": ["Item"], "disabled": [0] },
490
+ "steps": [
491
+ { "event": "prop", "set": { "open": true } },
492
+ { "event": "focus", "target": "menuitem:0" },
493
+ {
494
+ "expect": {
495
+ "focus": "menuitem:0",
496
+ "attrs": { "menuitem:0": { "aria-disabled": "true" } }
497
+ }
498
+ },
499
+ { "event": "key", "key": "Enter", "target": "menuitem:0" },
500
+ { "expect": { "events": { "onItemClick": [] } } },
501
+ { "event": "click", "target": "menuitem:0" },
502
+ { "expect": { "events": { "onItemClick": [] } } }
503
+ ]
504
+ },
505
+ {
506
+ "id": "menu-button.base-ui.natively-disabled-item-skipped-in-keyboard-nav",
507
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/item/MenuItem.test.tsx#L269",
508
+ "upstreamTest": "skips a natively disabled item during keyboard navigation",
509
+ "apg": "keyboard",
510
+ "config": { "items": ["1", "2", "3"], "nativeDisabled": [1] },
511
+ "steps": [
512
+ { "event": "prop", "set": { "open": true } },
513
+ { "event": "focus", "target": "menuitem:0" },
514
+ { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
515
+ { "expect": { "focus": "menuitem:2" } },
516
+ { "event": "key", "key": "ArrowUp", "target": "menuitem:2" },
517
+ { "expect": { "focus": "menuitem:0" } }
518
+ ]
519
+ },
520
+ {
521
+ "id": "menu-button.base-ui.checkbox-item-aria-and-state",
522
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L108",
523
+ "upstreamTest": "adds the state and ARIA attributes when checked",
524
+ "apg": "checkbox",
525
+ "config": {
526
+ "variant": "checkbox-items",
527
+ "items": ["Item"],
528
+ "checked": [0]
529
+ },
530
+ "steps": [
531
+ { "event": "prop", "set": { "open": true } },
532
+ {
533
+ "expect": {
534
+ "attrs": {
535
+ "menuitem:0": {
536
+ "role": "menuitemcheckbox",
537
+ "aria-checked": "true",
538
+ "data-checked": ""
539
+ }
540
+ }
541
+ }
542
+ }
543
+ ]
544
+ },
545
+ {
546
+ "id": "menu-button.base-ui.checkbox-item-toggles-on-click",
547
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L131",
548
+ "upstreamTest": "toggles the checked state when clicked",
549
+ "apg": "checkbox",
550
+ "config": { "variant": "checkbox-items", "items": ["Item"] },
551
+ "steps": [
552
+ { "event": "click", "target": "trigger" },
553
+ { "event": "click", "target": "menuitem:0" },
554
+ {
555
+ "expect": {
556
+ "attrs": {
557
+ "menuitem:0": { "aria-checked": "true", "data-checked": "" }
558
+ }
559
+ }
560
+ },
561
+ { "event": "click", "target": "menuitem:0" },
562
+ {
563
+ "expect": {
564
+ "attrs": {
565
+ "menuitem:0": { "aria-checked": "false", "data-unchecked": "" }
566
+ }
567
+ }
568
+ }
569
+ ]
570
+ },
571
+ {
572
+ "id": "menu-button.base-ui.checkbox-item-toggles-on-space",
573
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L160",
574
+ "upstreamTest": "toggles the checked state when Space is pressed",
575
+ "apg": "checkbox",
576
+ "config": { "variant": "checkbox-items", "items": ["Item"] },
577
+ "steps": [
578
+ { "event": "focus", "target": "trigger" },
579
+ { "event": "key", "key": "ArrowDown", "target": "trigger" },
580
+ { "expect": { "focus": "menuitem:0" } },
581
+ { "event": "key", "key": "Space", "target": "menuitem:0" },
582
+ { "expect": { "attrs": { "menuitem:0": { "data-checked": "" } } } },
583
+ { "event": "key", "key": "Space", "target": "menuitem:0" },
584
+ { "expect": { "attrs": { "menuitem:0": { "data-unchecked": "" } } } }
585
+ ]
586
+ },
587
+ {
588
+ "id": "menu-button.base-ui.checkbox-item-toggles-on-enter",
589
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L268",
590
+ "upstreamTest": "toggles the checked state when Enter is pressed",
591
+ "apg": "checkbox",
592
+ "config": { "variant": "checkbox-items", "items": ["Item"] },
593
+ "steps": [
594
+ { "event": "focus", "target": "trigger" },
595
+ { "event": "key", "key": "ArrowDown", "target": "trigger" },
596
+ { "event": "key", "key": "Enter", "target": "menuitem:0" },
597
+ { "expect": { "attrs": { "menuitem:0": { "data-checked": "" } } } }
598
+ ]
599
+ },
600
+ {
601
+ "id": "menu-button.base-ui.checkbox-item-keeps-state-when-reopened",
602
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L192",
603
+ "upstreamTest": "toggles with Space after closing during typeahead and reopening",
604
+ "apg": "checkbox",
605
+ "config": { "variant": "checkbox-items", "items": ["Settings"] },
606
+ "steps": [
607
+ { "event": "key", "key": "Enter", "target": "trigger" },
608
+ { "event": "type", "text": "s", "target": "menuitem:0" },
609
+ { "event": "key", "key": "Escape", "target": "menuitem:0" },
610
+ {
611
+ "expect": {
612
+ "focus": "trigger",
613
+ "attrs": { "menuitem:0": { "aria-checked": "false" } }
614
+ }
615
+ },
616
+ { "event": "key", "key": "Enter", "target": "trigger" },
617
+ { "event": "key", "key": "Space", "target": "menuitem:0" },
618
+ { "expect": { "attrs": { "menuitem:0": { "aria-checked": "true" } } } }
619
+ ]
620
+ },
621
+ {
622
+ "id": "menu-button.base-ui.checkbox-item-calls-on-checked-change",
623
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L302",
624
+ "upstreamTest": "calls onCheckedChange when the item is clicked",
625
+ "apg": "checkbox",
626
+ "config": { "variant": "checkbox-items", "items": ["Item"] },
627
+ "steps": [
628
+ { "event": "click", "target": "trigger" },
629
+ { "event": "click", "target": "menuitem:0" },
630
+ { "expect": { "events": { "onCheckedChange": [true] } } },
631
+ { "event": "click", "target": "menuitem:0" },
632
+ { "expect": { "events": { "onCheckedChange": [false] } } }
633
+ ]
634
+ },
635
+ {
636
+ "id": "menu-button.base-ui.checkbox-item-cancel-keeps-unchecked",
637
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L332",
638
+ "upstreamTest": "does not toggle when onCheckedChange cancels the event",
639
+ "apg": "checkbox",
640
+ "config": {
641
+ "variant": "checkbox-items",
642
+ "items": ["Item"],
643
+ "cancelCheckedChange": true
644
+ },
645
+ "steps": [
646
+ { "event": "click", "target": "trigger" },
647
+ { "event": "click", "target": "menuitem:0" },
648
+ {
649
+ "expect": {
650
+ "attrs": {
651
+ "menuitem:0": { "aria-checked": "false", "data-checked": null }
652
+ }
653
+ }
654
+ }
655
+ ]
656
+ },
657
+ {
658
+ "id": "menu-button.base-ui.checkbox-item-close-on-click",
659
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L396",
660
+ "upstreamTest": "when closeOnClick=true, closes the menu when the item is clicked",
661
+ "apg": "checkbox",
662
+ "config": {
663
+ "variant": "checkbox-items",
664
+ "items": ["Item"],
665
+ "closeOnClick": true
666
+ },
667
+ "steps": [
668
+ { "event": "click", "target": "trigger" },
669
+ { "event": "click", "target": "menuitem:0" },
670
+ { "expect": { "hidden": ["menu"] } }
671
+ ]
672
+ },
673
+ {
674
+ "id": "menu-button.base-ui.checkbox-item-keeps-menu-open-by-default",
675
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L419",
676
+ "upstreamTest": "does not close the menu when the item is clicked by default",
677
+ "apg": "checkbox",
678
+ "config": { "variant": "checkbox-items", "items": ["Item"] },
679
+ "steps": [
680
+ { "event": "click", "target": "trigger" },
681
+ { "event": "click", "target": "menuitem:0" },
682
+ { "expect": { "visible": ["menu"] } }
683
+ ]
684
+ },
685
+ {
686
+ "id": "menu-button.base-ui.checkbox-disabled-item-focusable-not-interactive",
687
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/checkbox-item/MenuCheckboxItem.test.tsx#L444",
688
+ "upstreamTest": "can be focused but not interacted with when disabled",
689
+ "apg": "extension",
690
+ "config": {
691
+ "variant": "checkbox-items",
692
+ "items": ["Item"],
693
+ "disabled": [0]
694
+ },
695
+ "steps": [
696
+ { "event": "prop", "set": { "open": true } },
697
+ { "event": "focus", "target": "menuitem:0" },
698
+ { "event": "click", "target": "menuitem:0" },
699
+ { "expect": { "events": { "onCheckedChange": [] } } }
700
+ ]
701
+ },
702
+ {
703
+ "id": "menu-button.base-ui.radio-item-selects-on-space-and-enter",
704
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/radio-item/MenuRadioItem.test.tsx#L177",
705
+ "upstreamTest": "selects the item when Space/Enter is pressed",
706
+ "apg": "keyboard",
707
+ "config": { "variant": "radio-items", "items": ["Item"] },
708
+ "steps": [
709
+ { "event": "focus", "target": "trigger" },
710
+ { "event": "key", "key": "ArrowDown", "target": "trigger" },
711
+ { "expect": { "focus": "menuitem:0" } },
712
+ { "event": "key", "key": "Space", "target": "menuitem:0" },
713
+ { "expect": { "attrs": { "menuitem:0": { "data-checked": "" } } } }
714
+ ]
715
+ },
716
+ {
717
+ "id": "menu-button.base-ui.radio-item-calls-on-value-change",
718
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/radio-item/MenuRadioItem.test.tsx#L247",
719
+ "upstreamTest": "calls onValueChange when the item is clicked",
720
+ "apg": "keyboard",
721
+ "config": { "variant": "radio-items", "items": ["Item"] },
722
+ "steps": [
723
+ { "event": "click", "target": "trigger" },
724
+ { "event": "click", "target": "menuitem:0" },
725
+ { "expect": { "events": { "onValueChange": [1] } } }
726
+ ]
727
+ },
728
+ {
729
+ "id": "menu-button.base-ui.radio-item-cancel-keeps-unchecked",
730
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/radio-item/MenuRadioItem.test.tsx#L274",
731
+ "upstreamTest": "does not select when onValueChange cancels the event",
732
+ "apg": "extension",
733
+ "config": {
734
+ "variant": "radio-items",
735
+ "items": ["Item"],
736
+ "cancelValueChange": true
737
+ },
738
+ "steps": [
739
+ { "event": "click", "target": "trigger" },
740
+ { "event": "click", "target": "menuitem:0" },
741
+ {
742
+ "expect": {
743
+ "attrs": {
744
+ "menuitem:0": { "aria-checked": "false", "data-checked": null }
745
+ }
746
+ }
747
+ }
748
+ ]
749
+ },
750
+ {
751
+ "id": "menu-button.base-ui.radio-item-keeps-state-when-reopened",
752
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/radio-item/MenuRadioItem.test.tsx#L305",
753
+ "upstreamTest": "keeps the state when closed and reopened",
754
+ "apg": "keyboard",
755
+ "config": {
756
+ "variant": "radio-items",
757
+ "items": ["Item"],
758
+ "keepMounted": true
759
+ },
760
+ "steps": [
761
+ { "event": "click", "target": "trigger" },
762
+ { "event": "click", "target": "menuitem:0" },
763
+ { "expect": { "attrs": { "menuitem:0": { "aria-checked": "true" } } } },
764
+ { "event": "click", "target": "trigger" },
765
+ { "expect": { "hidden": ["menu"] } },
766
+ { "event": "click", "target": "trigger" },
767
+ {
768
+ "expect": {
769
+ "attrs": {
770
+ "menuitem:0": { "aria-checked": "true", "data-checked": "" }
771
+ }
772
+ }
773
+ }
774
+ ]
775
+ },
776
+ {
777
+ "id": "menu-button.base-ui.radio-item-close-on-click",
778
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/radio-item/MenuRadioItem.test.tsx#L342",
779
+ "upstreamTest": "when closeOnClick=true, closes the menu when the item is clicked",
780
+ "apg": "keyboard",
781
+ "config": {
782
+ "variant": "radio-items",
783
+ "items": ["Item"],
784
+ "closeOnClick": true
785
+ },
786
+ "steps": [
787
+ { "event": "click", "target": "trigger" },
788
+ { "event": "click", "target": "menuitem:0" },
789
+ { "expect": { "hidden": ["menu"] } }
790
+ ]
791
+ },
792
+ {
793
+ "id": "menu-button.base-ui.radio-group-disabled-focusable-not-interactive",
794
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/radio-item/MenuRadioItem.test.tsx#L396",
795
+ "upstreamTest": "can be focused but not interacted with when a radio group is disabled",
796
+ "apg": "extension",
797
+ "config": {
798
+ "variant": "radio-items",
799
+ "items": ["one"],
800
+ "groupDisabled": true
801
+ },
802
+ "steps": [
803
+ { "event": "prop", "set": { "open": true } },
804
+ { "event": "focus", "target": "menuitem:0" },
805
+ { "event": "click", "target": "menuitem:0" },
806
+ { "expect": { "events": { "onValueChange": [] } } }
807
+ ]
808
+ },
809
+ {
810
+ "id": "menu-button.base-ui.trigger-aria-attributes",
811
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/trigger/MenuTrigger.test.tsx#L213",
812
+ "upstreamTest": "has the aria-haspopup attribute / aria-expanded=false when closed / aria-expanded=true when opened",
813
+ "apg": "aria",
814
+ "config": { "items": ["Open", "Save"] },
815
+ "steps": [
816
+ {
817
+ "expect": {
818
+ "attrs": {
819
+ "trigger": { "aria-haspopup": "menu", "aria-expanded": "false" }
820
+ }
821
+ }
822
+ },
823
+ { "event": "click", "target": "trigger" },
824
+ {
825
+ "expect": {
826
+ "attrs": {
827
+ "trigger": { "data-popup-open": "", "aria-expanded": "true" }
828
+ }
829
+ }
830
+ }
831
+ ]
832
+ },
833
+ {
834
+ "id": "menu-button.base-ui.trigger-toggles-on-click",
835
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/trigger/MenuTrigger.test.tsx#L116",
836
+ "upstreamTest": "toggles the menu state when clicked",
837
+ "apg": "keyboard",
838
+ "config": { "items": ["Open", "Save"] },
839
+ "steps": [
840
+ { "event": "click", "target": "trigger" },
841
+ { "expect": { "visible": ["menu"] } },
842
+ { "event": "click", "target": "trigger" },
843
+ { "expect": { "hidden": ["menu"] } }
844
+ ]
845
+ },
846
+ {
847
+ "id": "menu-button.base-ui.trigger-disabled-does-not-open",
848
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/trigger/MenuTrigger.test.tsx#L97",
849
+ "upstreamTest": "should not open the menu when clicked",
850
+ "apg": "extension",
851
+ "config": { "items": ["Open", "Save"], "triggerDisabled": true },
852
+ "steps": [
853
+ { "event": "click", "target": "trigger" },
854
+ {
855
+ "expect": {
856
+ "hidden": ["menu"],
857
+ "attrs": { "trigger": { "disabled": "" } }
858
+ }
859
+ }
860
+ ]
861
+ },
862
+ {
863
+ "id": "menu-button.base-ui.submenu-trigger-opens-with-arrow-right",
864
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/submenu-trigger/MenuSubmenuTrigger.test.tsx#L378",
865
+ "upstreamTest": "opens the submenu with ArrowRight and highlights a single item in LTR direction",
866
+ "apg": "keyboard",
867
+ "config": {
868
+ "direction": "ltr",
869
+ "items": ["1", "2"],
870
+ "submenu": { "at": 1, "items": ["2.1", "2.2"] }
871
+ },
872
+ "steps": [
873
+ { "event": "prop", "set": { "open": true } },
874
+ { "event": "focus", "target": "menuitem:1" },
875
+ { "event": "key", "key": "ArrowRight", "target": "menuitem:1" },
876
+ {
877
+ "expect": {
878
+ "focus": "menuitem:1/0",
879
+ "attrs": { "menuitem:1/0": { "data-highlighted": "" } }
880
+ }
881
+ }
882
+ ]
883
+ },
884
+ {
885
+ "id": "menu-button.base-ui.submenu-trigger-opens-with-arrow-left-rtl",
886
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/submenu-trigger/MenuSubmenuTrigger.test.tsx#L378",
887
+ "upstreamTest": "opens the submenu with ArrowLeft and highlights a single item in RTL direction",
888
+ "apg": "keyboard",
889
+ "config": {
890
+ "direction": "rtl",
891
+ "items": ["1", "2"],
892
+ "submenu": { "at": 1, "items": ["2.1", "2.2"] }
893
+ },
894
+ "steps": [
895
+ { "event": "prop", "set": { "open": true } },
896
+ { "event": "focus", "target": "menuitem:1" },
897
+ { "event": "key", "key": "ArrowLeft", "target": "menuitem:1" },
898
+ {
899
+ "expect": {
900
+ "focus": "menuitem:1/0",
901
+ "attrs": { "menuitem:1/0": { "data-highlighted": "" } }
902
+ }
903
+ }
904
+ ]
905
+ },
906
+ {
907
+ "id": "menu-button.base-ui.submenu-trigger-uses-label-for-text-navigation",
908
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/submenu-trigger/MenuSubmenuTrigger.test.tsx#L418",
909
+ "upstreamTest": "uses the label prop for text navigation",
910
+ "apg": "keyboard",
911
+ "config": {
912
+ "items": ["Alpha", "More"],
913
+ "submenu": { "at": 1, "items": ["Monthly"] },
914
+ "submenuLabel": "Reports"
915
+ },
916
+ "steps": [
917
+ { "event": "prop", "set": { "open": true } },
918
+ { "event": "focus", "target": "menuitem:0" },
919
+ { "event": "type", "text": "r", "target": "menuitem:0" },
920
+ { "expect": { "focus": "menuitem:1" } }
921
+ ]
922
+ },
923
+ {
924
+ "id": "menu-button.base-ui.submenu-trigger-disabled-attributes",
925
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/submenu-trigger/MenuSubmenuTrigger.test.tsx#L452",
926
+ "upstreamTest": "should render with disabled attributes when disabled prop is set",
927
+ "apg": "extension",
928
+ "config": {
929
+ "items": ["1", "Open submenu"],
930
+ "submenu": { "at": 1, "items": ["2.1"], "disabled": true }
931
+ },
932
+ "steps": [
933
+ { "event": "prop", "set": { "open": true } },
934
+ {
935
+ "expect": {
936
+ "attrs": {
937
+ "menuitem:1": { "data-disabled": "", "aria-disabled": "true" }
938
+ }
939
+ }
940
+ }
941
+ ]
942
+ },
943
+ {
944
+ "id": "menu-button.base-ui.disabled-submenu-trigger-does-not-open-on-hover",
945
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/submenu-trigger/MenuSubmenuTrigger.test.tsx#L483",
946
+ "upstreamTest": "does not open on hover when disabled",
947
+ "apg": "extension",
948
+ "config": {
949
+ "items": ["1", "Open submenu"],
950
+ "submenu": { "at": 1, "items": ["2.1"], "disabled": true }
951
+ },
952
+ "steps": [
953
+ { "event": "prop", "set": { "open": true } },
954
+ { "event": "hover", "target": "menuitem:1" },
955
+ { "expect": { "hidden": ["submenu:1"] } }
956
+ ]
957
+ },
958
+ {
959
+ "id": "menu-button.base-ui.submenu-focus-guard-closes-submenu",
960
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/submenu-trigger/MenuSubmenuTrigger.test.tsx#L107",
961
+ "upstreamTest": "keeps a submenu open on direct trigger focus but closes it on guard return",
962
+ "apg": "keyboard",
963
+ "config": {
964
+ "items": ["More", "Play Next"],
965
+ "submenu": { "at": 0, "items": ["Alpha"] }
966
+ },
967
+ "steps": [
968
+ { "event": "focus", "target": "trigger" },
969
+ { "event": "key", "key": "Enter", "target": "trigger" },
970
+ { "event": "key", "key": "ArrowRight", "target": "menuitem:0" },
971
+ { "expect": { "focus": "menuitem:0/0", "visible": ["submenu:1"] } },
972
+ { "event": "blur", "target": "menuitem:0/0" },
973
+ { "expect": { "focus": "menuitem:0" } }
974
+ ],
975
+ "notes": "Returning focus to the trigger via the focus guard collapses the submenu and lands on the trigger."
976
+ },
977
+ {
978
+ "id": "menu-button.base-ui.context-menu-nested-submenus-close-on-release-over-item",
979
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/context-menu/root/ContextMenuRoot.test.tsx#L41",
980
+ "upstreamTest": "closes nested submenus when releasing the context menu pointer over an item",
981
+ "apg": "extension",
982
+ "config": {
983
+ "variant": "context-menu",
984
+ "items": ["More options"],
985
+ "submenu": { "at": 0, "items": ["Deep action"], "defaultOpen": true }
986
+ },
987
+ "steps": [
988
+ { "event": "contextmenu", "target": "trigger" },
989
+ { "expect": { "visible": ["menu"] } },
990
+ { "event": "hover", "target": "menuitem:0" },
991
+ { "expect": { "visible": ["submenu:1"] } },
992
+ { "event": "pointerup", "button": 2, "target": "menuitem:0/0" },
993
+ {
994
+ "expect": {
995
+ "hidden": ["submenu:1", "menu"],
996
+ "events": {
997
+ "onSubmenuOpenChange": [false],
998
+ "onMenuOpenChange": [false]
999
+ }
1000
+ }
1001
+ }
1002
+ ]
1003
+ },
1004
+ {
1005
+ "id": "menu-button.base-ui.context-menu-does-not-activate-submenu-trigger-on-release",
1006
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/context-menu/root/ContextMenuRoot.test.tsx#L101",
1007
+ "upstreamTest": "does not activate a submenu trigger when releasing the context menu pointer over it",
1008
+ "apg": "extension",
1009
+ "config": {
1010
+ "variant": "context-menu",
1011
+ "items": ["More options"],
1012
+ "submenu": { "at": 0, "items": ["Deep action"] },
1013
+ "openOnHover": false
1014
+ },
1015
+ "steps": [
1016
+ { "event": "contextmenu", "target": "trigger" },
1017
+ { "expect": { "visible": ["menu"] } },
1018
+ { "event": "pointermove", "target": "body" },
1019
+ { "event": "pointerup", "button": 2, "target": "menuitem:0" },
1020
+ {
1021
+ "expect": {
1022
+ "hidden": ["submenu:1"],
1023
+ "events": { "onSubmenuOpenChange": [] }
1024
+ }
1025
+ }
1026
+ ]
1027
+ },
1028
+ {
1029
+ "id": "menu-button.base-ui.context-menu-ignores-mouseup-at-spawn-point",
1030
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/context-menu/root/ContextMenuRoot.test.tsx#L151",
1031
+ "upstreamTest": "ignores mouseup directly under the cursor when the context menu spawns there",
1032
+ "apg": "extension",
1033
+ "config": { "variant": "context-menu", "items": ["Action"] },
1034
+ "steps": [
1035
+ { "event": "contextmenu", "target": "trigger" },
1036
+ { "expect": { "visible": ["menu"] } },
1037
+ { "event": "pointerup", "button": 2, "target": "menuitem:0" },
1038
+ {
1039
+ "expect": {
1040
+ "visible": ["menu"],
1041
+ "events": { "onOpenChange": [[true]] }
1042
+ }
1043
+ }
1044
+ ]
1045
+ },
1046
+ {
1047
+ "id": "menu-button.base-ui.context-menu-disabled-does-not-open",
1048
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/context-menu/root/ContextMenuRoot.test.tsx#L260",
1049
+ "upstreamTest": "does not open when disabled",
1050
+ "apg": "extension",
1051
+ "config": {
1052
+ "variant": "context-menu",
1053
+ "items": ["Action"],
1054
+ "disabled": true
1055
+ },
1056
+ "steps": [
1057
+ { "event": "contextmenu", "target": "trigger" },
1058
+ { "expect": { "hidden": ["menu"] } }
1059
+ ]
1060
+ },
1061
+ {
1062
+ "id": "menu-button.base-ui.context-menu-returns-focus-on-shift-tab",
1063
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/context-menu/root/ContextMenuRoot.test.tsx#L286",
1064
+ "upstreamTest": "returns focus to the focused surface when closing with Shift+Tab",
1065
+ "apg": "extension",
1066
+ "config": { "variant": "context-menu", "items": ["Action"] },
1067
+ "steps": [
1068
+ { "event": "contextmenu", "target": "trigger" },
1069
+ { "event": "key", "key": "Shift+Tab", "target": "menu" },
1070
+ { "expect": { "hidden": ["menu"], "focus": "trigger" } }
1071
+ ]
1072
+ },
1073
+ {
1074
+ "id": "menu-button.base-ui.on-open-hover-nested-menus-keep-shared-focus",
1075
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2295",
1076
+ "upstreamTest": "should not close when submenu is hovered after root menu is hovered",
1077
+ "apg": "mouse",
1078
+ "config": {
1079
+ "items": ["Item 1", "Item 2", "Item 3", "Item 4"],
1080
+ "submenu": { "at": 3, "items": ["Item 4.1"] },
1081
+ "openOnHover": true
1082
+ },
1083
+ "steps": [
1084
+ { "event": "hover", "target": "trigger" },
1085
+ { "expect": { "visible": ["menu"] } },
1086
+ { "event": "hover", "target": "menu" },
1087
+ { "event": "hover", "target": "menuitem:3" },
1088
+ { "expect": { "visible": ["menu", "submenu:1"] } },
1089
+ { "event": "hover", "target": "submenu:1" },
1090
+ { "expect": { "visible": ["menu", "submenu:1"] } }
1091
+ ]
1092
+ },
1093
+ {
1094
+ "id": "menu-button.base-ui.submenu-hover-open-cancelled-when-pointer-leaves",
1095
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2616",
1096
+ "upstreamTest": "cancels a pending submenu hover-open when the pointer leaves via mouseout",
1097
+ "apg": "mouse",
1098
+ "config": {
1099
+ "items": ["Item 1", "Item 4"],
1100
+ "submenu": { "at": 1, "items": ["Item 4.1"], "openDelay": 100 }
1101
+ },
1102
+ "steps": [
1103
+ { "event": "prop", "set": { "open": true } },
1104
+ { "event": "hover", "target": "menuitem:1" },
1105
+ { "event": "unhover", "target": "menuitem:1" },
1106
+ { "event": "wait", "ms": 200 },
1107
+ { "expect": { "hidden": ["submenu:1"] } }
1108
+ ]
1109
+ },
1110
+ {
1111
+ "id": "menu-button.base-ui.item-keeps-dom-focus-when-scrolling-into-view",
1112
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2837",
1113
+ "upstreamTest": "does not leave a tabbable item after tabbing out of a keepMounted menu before close",
1114
+ "apg": "keyboard",
1115
+ "config": { "items": ["1", "2"], "keepMounted": true, "modal": false },
1116
+ "steps": [
1117
+ { "event": "click", "target": "trigger" },
1118
+ { "event": "focus", "target": "menuitem:0" },
1119
+ { "event": "key", "key": "Tab", "target": "menuitem:0" },
1120
+ {
1121
+ "expect": {
1122
+ "focus": "after",
1123
+ "attrs": { "menuitem:0": { "tabindex": "-1" } }
1124
+ }
1125
+ }
1126
+ ]
1127
+ }
1128
+ ],
1129
+ "skipped": [
1130
+ {
1131
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L1841",
1132
+ "reason": "Scroll locking is a platform/layout concern."
1133
+ },
1134
+ {
1135
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/root/MenuRoot.test.tsx#L2003",
1136
+ "reason": "onOpenChangeComplete animation-timing callbacks are out of scope."
1137
+ },
1138
+ {
1139
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/item/MenuItem.test.tsx#L101",
1140
+ "reason": "React re-render performance regression check."
1141
+ },
1142
+ {
1143
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/positioner/MenuPositioner.test.tsx",
1144
+ "reason": "Positioning (anchoring, flipping, collision) is out of scope."
1145
+ },
1146
+ {
1147
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/submenu-trigger/MenuSubmenuTrigger.test.tsx#L272",
1148
+ "reason": "Internal store trigger-id bookkeeping is a library implementation detail."
1149
+ },
1150
+ {
1151
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/trigger/MenuTrigger.test.tsx#L326",
1152
+ "reason": "Impatient-click timing thresholds are timer/platform-specific."
1153
+ }
1154
+ ]
1155
+ }