@cssints/apg-specs 0.0.0-stage → 0.5.1

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,581 @@
1
+ {
2
+ "pattern": "radio",
3
+ "source": "base-ui",
4
+ "commit": "19511bb171f3b360b006c94cf6d07e53cb446505",
5
+ "license": "MIT",
6
+ "scenarios": [
7
+ {
8
+ "id": "radio.base-ui.click-selects-and-fires-change",
9
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L39",
10
+ "upstreamTest": "<RadioGroup /> prop: onValueChange > should call onValueChange when an item is clicked",
11
+ "apg": "pointer",
12
+ "config": { "items": 1, "values": ["a"], "checked": null },
13
+ "steps": [
14
+ { "event": "click", "target": "radio:0" },
15
+ {
16
+ "expect": {
17
+ "checked": "radio:0",
18
+ "value": "a",
19
+ "events": { "onValueChange": ["a"] },
20
+ "attrs": { "radio:0": { "aria-checked": "true" } }
21
+ }
22
+ }
23
+ ]
24
+ },
25
+ {
26
+ "id": "radio.base-ui.space-selects-on-keyup",
27
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L74",
28
+ "upstreamTest": "<RadioGroup /> prop: onValueChange > should select an item with Space on keyup",
29
+ "apg": "keyboard",
30
+ "config": { "items": 1, "values": ["a"], "checked": null },
31
+ "steps": [
32
+ { "event": "focus", "target": "radio:0" },
33
+ {
34
+ "event": "key",
35
+ "key": "Space",
36
+ "phase": "down",
37
+ "target": "radio:0"
38
+ },
39
+ { "expect": { "checked": null, "events": { "onValueChange": [] } } },
40
+ { "event": "key", "key": "Space", "phase": "up", "target": "radio:0" },
41
+ {
42
+ "expect": {
43
+ "checked": "radio:0",
44
+ "events": { "onValueChange": ["a"] }
45
+ }
46
+ }
47
+ ],
48
+ "notes": "Space commits on keyup; the keydown alone must not change the value."
49
+ },
50
+ {
51
+ "id": "radio.base-ui.enter-does-not-select",
52
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L98",
53
+ "upstreamTest": "<RadioGroup /> prop: onValueChange > should not select an item with Enter",
54
+ "apg": "extension",
55
+ "config": { "items": 1, "values": ["a"], "checked": null },
56
+ "steps": [
57
+ { "event": "focus", "target": "radio:0" },
58
+ { "event": "key", "key": "Enter", "target": "radio:0" },
59
+ {
60
+ "expect": {
61
+ "checked": null,
62
+ "attrs": { "radio:0": { "aria-checked": "false" } },
63
+ "events": { "onValueChange": [] }
64
+ }
65
+ }
66
+ ],
67
+ "notes": "Enter is not a selection key for radios; only Space (keyup) selects."
68
+ },
69
+ {
70
+ "id": "radio.base-ui.cancel-click-keeps-unchecked",
71
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L118",
72
+ "upstreamTest": "<RadioGroup /> prop: onValueChange > does not change state when canceled via a root click",
73
+ "apg": "extension",
74
+ "config": {
75
+ "items": 1,
76
+ "values": ["a"],
77
+ "checked": null,
78
+ "cancelOnChange": true
79
+ },
80
+ "steps": [
81
+ { "event": "click", "target": "radio:0" },
82
+ {
83
+ "expect": {
84
+ "checked": null,
85
+ "attrs": {
86
+ "radio:0": { "aria-checked": "false" },
87
+ "radiogroup": {
88
+ "data-touched": null,
89
+ "data-dirty": null,
90
+ "data-filled": null
91
+ }
92
+ }
93
+ }
94
+ }
95
+ ],
96
+ "notes": "An onValueChange handler calling eventDetails.cancel() leaves the radio unchecked and the field pristine."
97
+ },
98
+ {
99
+ "id": "radio.base-ui.cancel-arrow-moves-focus-without-checking",
100
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L167",
101
+ "upstreamTest": "<RadioGroup /> prop: onValueChange > does not change state when canceled via arrow key navigation",
102
+ "apg": "extension",
103
+ "config": {
104
+ "items": 2,
105
+ "values": ["a", "b"],
106
+ "checked": null,
107
+ "cancelOnChange": true
108
+ },
109
+ "steps": [
110
+ { "event": "focus", "target": "radio:0" },
111
+ { "event": "key", "key": "ArrowDown", "target": "radio:0" },
112
+ {
113
+ "expect": {
114
+ "focus": "radio:1",
115
+ "checked": null,
116
+ "attrs": {
117
+ "radio:0": { "aria-checked": "false" },
118
+ "radio:1": { "aria-checked": "false" }
119
+ }
120
+ }
121
+ }
122
+ ],
123
+ "notes": "Cancelling the change on arrow navigation still moves focus but checks nothing."
124
+ },
125
+ {
126
+ "id": "radio.base-ui.disabled-group-aria",
127
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L200",
128
+ "upstreamTest": "<RadioGroup /> prop: disabled > should have the `aria-disabled` attribute",
129
+ "apg": "extension",
130
+ "config": { "items": 1, "values": ["a"], "groupDisabled": true },
131
+ "steps": [
132
+ {
133
+ "expect": {
134
+ "attrs": {
135
+ "radiogroup": { "aria-disabled": "true" },
136
+ "radio:0": {
137
+ "aria-disabled": "true",
138
+ "data-disabled": "true",
139
+ "disabled": "true"
140
+ }
141
+ }
142
+ }
143
+ }
144
+ ],
145
+ "notes": "The disabled group marks itself and each radio aria-disabled and disables the hidden native input."
146
+ },
147
+ {
148
+ "id": "radio.base-ui.enabled-group-has-no-aria-disabled",
149
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L213",
150
+ "upstreamTest": "<RadioGroup /> prop: disabled > should not have the aria attribute when `disabled` is not set",
151
+ "apg": "aria",
152
+ "config": { "items": 1, "values": ["a"] },
153
+ "steps": [
154
+ { "expect": { "attrs": { "radiogroup": { "aria-disabled": null } } } }
155
+ ]
156
+ },
157
+ {
158
+ "id": "radio.base-ui.disabled-not-checked-on-click",
159
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L218",
160
+ "upstreamTest": "<RadioGroup /> prop: disabled > should not change its state when clicked",
161
+ "apg": "extension",
162
+ "config": { "items": 1, "values": [""], "groupDisabled": true },
163
+ "steps": [
164
+ { "expect": { "attrs": { "radio:0": { "aria-checked": "false" } } } },
165
+ { "event": "click", "target": "radio:0" },
166
+ {
167
+ "expect": {
168
+ "checked": null,
169
+ "attrs": { "radio:0": { "aria-checked": "false" } }
170
+ }
171
+ }
172
+ ]
173
+ },
174
+ {
175
+ "id": "radio.base-ui.readonly-attribute",
176
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L236",
177
+ "upstreamTest": "<RadioGroup /> prop: readOnly > should have the `aria-readonly` attribute",
178
+ "apg": "aria",
179
+ "config": { "items": 1, "values": ["a"], "groupReadonly": true },
180
+ "steps": [
181
+ { "expect": { "attrs": { "radiogroup": { "aria-readonly": "true" } } } }
182
+ ]
183
+ },
184
+ {
185
+ "id": "radio.base-ui.readonly-absent-when-not-set",
186
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L242",
187
+ "upstreamTest": "<RadioGroup /> prop: readOnly > should not have the aria attribute when `readOnly` is not set",
188
+ "apg": "aria",
189
+ "config": { "items": 1, "values": ["a"] },
190
+ "steps": [
191
+ { "expect": { "attrs": { "radiogroup": { "aria-readonly": null } } } }
192
+ ]
193
+ },
194
+ {
195
+ "id": "radio.base-ui.readonly-no-change-on-click",
196
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L248",
197
+ "upstreamTest": "<RadioGroup /> prop: readOnly > should not change its state when clicked",
198
+ "apg": "extension",
199
+ "config": { "items": 1, "values": [""], "groupReadonly": true },
200
+ "steps": [
201
+ { "event": "click", "target": "radio:0" },
202
+ {
203
+ "expect": {
204
+ "checked": null,
205
+ "attrs": { "radio:0": { "aria-checked": "false" } }
206
+ }
207
+ }
208
+ ]
209
+ },
210
+ {
211
+ "id": "radio.base-ui.input-toggle-updates-state",
212
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L265",
213
+ "upstreamTest": "<RadioGroup /> should update its state if the underlying input is toggled",
214
+ "apg": "extension",
215
+ "config": { "items": 1, "values": [""], "checked": null },
216
+ "steps": [
217
+ { "event": "click", "target": "radio:0" },
218
+ { "expect": { "attrs": { "radio:0": { "aria-checked": "true" } } } }
219
+ ],
220
+ "notes": "Clicking the hidden native input must be reflected by the styled radio root."
221
+ },
222
+ {
223
+ "id": "radio.base-ui.name-on-inputs",
224
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L310",
225
+ "upstreamTest": "<RadioGroup /> should set the name attribute on each radio input",
226
+ "apg": "extension",
227
+ "config": { "items": 1, "values": ["a"], "name": "radio-group" },
228
+ "steps": [
229
+ {
230
+ "expect": {
231
+ "attrs": { "radio:0": { "name": "radio-group", "value": "a" } }
232
+ }
233
+ }
234
+ ],
235
+ "notes": "name and value land on the hidden input associated with each radio root."
236
+ },
237
+ {
238
+ "id": "radio.base-ui.arrow-navigation-selects",
239
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L757",
240
+ "upstreamTest": "<RadioGroup /> should automatically select radio upon navigation",
241
+ "apg": "keyboard",
242
+ "config": {
243
+ "items": 2,
244
+ "values": ["a", "b"],
245
+ "checked": null,
246
+ "fieldTracking": true
247
+ },
248
+ "steps": [
249
+ { "event": "focus", "target": "radio:0" },
250
+ {
251
+ "expect": {
252
+ "checked": null,
253
+ "attrs": {
254
+ "radio:0": { "aria-checked": "false" },
255
+ "radiogroup": { "data-touched": null }
256
+ }
257
+ }
258
+ },
259
+ { "event": "key", "key": "ArrowDown", "target": "radio:0" },
260
+ {
261
+ "expect": {
262
+ "focus": "radio:1",
263
+ "checked": "radio:1",
264
+ "attrs": {
265
+ "radio:0": { "aria-checked": "false" },
266
+ "radio:1": { "aria-checked": "true" },
267
+ "radiogroup": { "data-touched": "true" }
268
+ }
269
+ }
270
+ }
271
+ ]
272
+ },
273
+ {
274
+ "id": "radio.base-ui.arrow-to-disabled-does-not-select",
275
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L788",
276
+ "upstreamTest": "<RadioGroup /> should manage arrow key navigation > does not select on refocus after an ignored arrow (single)",
277
+ "apg": "extension",
278
+ "config": {
279
+ "items": 2,
280
+ "values": ["a", "b"],
281
+ "checked": null,
282
+ "disabled": [1]
283
+ },
284
+ "steps": [
285
+ { "event": "focus", "target": "radio:0" },
286
+ { "event": "key", "key": "ArrowDown", "target": "radio:0" },
287
+ {
288
+ "expect": {
289
+ "focus": "radio:0",
290
+ "checked": null,
291
+ "attrs": { "radio:0": { "aria-checked": "false" } }
292
+ }
293
+ },
294
+ { "event": "key", "key": "Tab", "target": "radio:0" },
295
+ { "event": "key", "key": "Shift+Tab" },
296
+ {
297
+ "expect": {
298
+ "focus": "radio:0",
299
+ "checked": null,
300
+ "attrs": { "radio:0": { "aria-checked": "false" } },
301
+ "events": { "onValueChange": [] }
302
+ }
303
+ }
304
+ ],
305
+ "notes": "The only arrow target is disabled, so the arrow is ignored and no selection is committed on refocus."
306
+ },
307
+ {
308
+ "id": "radio.base-ui.ltr-arrow-navigation",
309
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L833",
310
+ "upstreamTest": "<RadioGroup /> ltr > should manage arrow key navigation (ltr)",
311
+ "apg": "keyboard",
312
+ "config": {
313
+ "items": 3,
314
+ "values": ["a", "b", "c"],
315
+ "checked": null,
316
+ "direction": "ltr"
317
+ },
318
+ "steps": [
319
+ { "event": "focus", "target": "radio:0" },
320
+ { "event": "key", "key": "ArrowDown", "target": "radio:0" },
321
+ { "expect": { "focus": "radio:1" } },
322
+ { "event": "key", "key": "ArrowDown", "target": "radio:1" },
323
+ { "expect": { "focus": "radio:2" } },
324
+ { "event": "key", "key": "ArrowDown", "target": "radio:2" },
325
+ { "expect": { "focus": "radio:0" } },
326
+ { "event": "key", "key": "ArrowUp", "target": "radio:0" },
327
+ { "expect": { "focus": "radio:2" } },
328
+ { "event": "key", "key": "ArrowUp", "target": "radio:2" },
329
+ { "expect": { "focus": "radio:1" } },
330
+ { "event": "key", "key": "ArrowUp", "target": "radio:1" },
331
+ { "expect": { "focus": "radio:0" } },
332
+ { "event": "key", "key": "ArrowLeft", "target": "radio:0" },
333
+ { "expect": { "focus": "radio:2" } },
334
+ { "event": "key", "key": "ArrowRight", "target": "radio:2" },
335
+ { "expect": { "focus": "radio:0" } }
336
+ ],
337
+ "notes": "Vertical arrows always work; in ltr ArrowLeft moves back and ArrowRight moves forward, both wrapping."
338
+ },
339
+ {
340
+ "id": "radio.base-ui.rtl-arrow-navigation",
341
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L833",
342
+ "upstreamTest": "<RadioGroup /> rtl > should manage arrow key navigation (rtl)",
343
+ "apg": "keyboard",
344
+ "config": {
345
+ "items": 3,
346
+ "values": ["a", "b", "c"],
347
+ "checked": null,
348
+ "direction": "rtl"
349
+ },
350
+ "steps": [
351
+ { "event": "focus", "target": "radio:0" },
352
+ { "event": "key", "key": "ArrowDown", "target": "radio:0" },
353
+ { "expect": { "focus": "radio:1" } },
354
+ { "event": "key", "key": "ArrowDown", "target": "radio:1" },
355
+ { "expect": { "focus": "radio:2" } },
356
+ { "event": "key", "key": "ArrowUp", "target": "radio:2" },
357
+ { "expect": { "focus": "radio:1" } },
358
+ { "event": "key", "key": "ArrowUp", "target": "radio:1" },
359
+ { "expect": { "focus": "radio:0" } },
360
+ { "event": "key", "key": "ArrowRight", "target": "radio:0" },
361
+ { "expect": { "focus": "radio:2" } },
362
+ { "event": "key", "key": "ArrowLeft", "target": "radio:2" },
363
+ { "expect": { "focus": "radio:0" } }
364
+ ],
365
+ "notes": "In rtl the horizontal arrows invert: ArrowRight moves back and ArrowLeft moves forward."
366
+ },
367
+ {
368
+ "id": "radio.base-ui.shift-arrow-moves-focus",
369
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L909",
370
+ "upstreamTest": "<RadioGroup /> modifier keys > when Shift is pressed arrow keys move focus normally",
371
+ "apg": "extension",
372
+ "config": {
373
+ "items": 3,
374
+ "values": ["a", "b", "c"],
375
+ "checked": null,
376
+ "direction": "ltr"
377
+ },
378
+ "steps": [
379
+ { "event": "key", "key": "Tab" },
380
+ { "expect": { "focus": "radio:0" } },
381
+ {
382
+ "event": "key",
383
+ "key": "ArrowRight",
384
+ "target": "radio:0",
385
+ "modifiers": ["Shift"]
386
+ },
387
+ { "expect": { "focus": "radio:1" } },
388
+ {
389
+ "event": "key",
390
+ "key": "ArrowDown",
391
+ "target": "radio:1",
392
+ "modifiers": ["Shift"]
393
+ },
394
+ { "expect": { "focus": "radio:2" } }
395
+ ],
396
+ "notes": "Shift does not suppress arrow navigation."
397
+ },
398
+ {
399
+ "id": "radio.base-ui.initial-tab-stop-is-checked",
400
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L1027",
401
+ "upstreamTest": "<RadioGroup /> sets tabIndex=0 to the correct element initially",
402
+ "apg": "states",
403
+ "config": {
404
+ "items": 2,
405
+ "values": ["a", "b"],
406
+ "checked": "radio:1",
407
+ "flavor": "roving"
408
+ },
409
+ "steps": [
410
+ {
411
+ "expect": {
412
+ "attrs": {
413
+ "radio:0": { "tabindex": "-1" },
414
+ "radio:1": { "tabindex": "0" }
415
+ }
416
+ }
417
+ }
418
+ ]
419
+ },
420
+ {
421
+ "id": "radio.base-ui.root-checked-unchecked-attributes",
422
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio/root/RadioRoot.test.tsx#L19",
423
+ "upstreamTest": "<Radio.Root /> sets checked and unchecked data attributes",
424
+ "apg": "states",
425
+ "config": {
426
+ "items": 2,
427
+ "values": ["checked", "unchecked"],
428
+ "checked": "radio:0"
429
+ },
430
+ "steps": [
431
+ {
432
+ "expect": {
433
+ "attrs": {
434
+ "radio:0": { "data-checked": "true", "data-unchecked": null },
435
+ "radio:1": { "data-unchecked": "true", "data-checked": null }
436
+ }
437
+ }
438
+ }
439
+ ]
440
+ },
441
+ {
442
+ "id": "radio.base-ui.label-click-selects",
443
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L1043",
444
+ "upstreamTest": "<RadioGroup /> with native <label> > associates implicitly",
445
+ "apg": "pointer",
446
+ "config": { "items": 2, "values": ["apple", "banana"], "checked": null },
447
+ "steps": [
448
+ { "event": "click", "target": "radio:0" },
449
+ {
450
+ "expect": {
451
+ "checked": "radio:0",
452
+ "value": "apple",
453
+ "events": { "onValueChange": ["apple"] }
454
+ }
455
+ },
456
+ { "event": "click", "target": "radio:1" },
457
+ {
458
+ "expect": {
459
+ "checked": "radio:1",
460
+ "value": "banana",
461
+ "events": { "onValueChange": ["apple", "banana"] }
462
+ }
463
+ }
464
+ ],
465
+ "notes": "Clicking the wrapping native label selects the nested radio."
466
+ },
467
+ {
468
+ "id": "radio.base-ui.disabled-radio-aria-not-html",
469
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio/root/RadioRoot.test.tsx#L249",
470
+ "upstreamTest": "<Radio.Root /> prop: disabled > uses aria-disabled instead of HTML disabled",
471
+ "apg": "extension",
472
+ "config": { "items": 1, "values": ["a"], "disabled": [0] },
473
+ "steps": [
474
+ {
475
+ "expect": {
476
+ "attrs": {
477
+ "radio:0": { "aria-disabled": "true", "disabled": null }
478
+ }
479
+ }
480
+ }
481
+ ],
482
+ "notes": "The visible radio root stays focusable and exposes aria-disabled; only the hidden input is natively disabled."
483
+ },
484
+ {
485
+ "id": "radio.base-ui.null-value-selectable",
486
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio/root/RadioRoot.test.tsx#L43",
487
+ "upstreamTest": "<Radio.Root /> allows `null` value",
488
+ "apg": "extension",
489
+ "config": { "items": 2, "values": [null, "a"], "checked": null },
490
+ "steps": [
491
+ { "event": "click", "target": "radio:0" },
492
+ {
493
+ "expect": {
494
+ "checked": "radio:0",
495
+ "value": null,
496
+ "attrs": { "radio:0": { "aria-checked": "true" } }
497
+ }
498
+ },
499
+ { "event": "click", "target": "radio:1" },
500
+ {
501
+ "expect": {
502
+ "checked": "radio:1",
503
+ "value": "a",
504
+ "attrs": {
505
+ "radio:0": { "aria-checked": "false" },
506
+ "radio:1": { "aria-checked": "true" }
507
+ }
508
+ }
509
+ }
510
+ ],
511
+ "notes": "Null is a legal selected value distinct from \"no selection\" (-1/absent)."
512
+ }
513
+ ],
514
+ "skipped": [
515
+ {
516
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L24",
517
+ "upstreamTest": "<RadioGroup /> extra props > can override the built-in attributes",
518
+ "reason": "React prop-passthrough behaviour, not pattern behaviour."
519
+ },
520
+ {
521
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L30",
522
+ "upstreamTest": "<RadioGroup /> prop: id > is forwarded to the root element",
523
+ "reason": "DOM prop passthrough."
524
+ },
525
+ {
526
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L55",
527
+ "upstreamTest": "<RadioGroup /> should report keyboard modifier event properties when calling onCheckedChange",
528
+ "reason": "Callback event-detail shape is React/Base-UI specific."
529
+ },
530
+ {
531
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L282",
532
+ "upstreamTest": "<RadioGroup /> should place the style hooks on the root and subcomponents",
533
+ "reason": "Styling data-hooks."
534
+ },
535
+ {
536
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L323",
537
+ "upstreamTest": "<RadioGroup /> points inputRef / allows reading inputRef.current / supports inputRef as a function / detaches inputRef ...",
538
+ "reason": "React ref API internals."
539
+ },
540
+ {
541
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L695",
542
+ "upstreamTest": "<RadioGroup /> should return null when no radio is selected / form data tests / external form",
543
+ "reason": "Form serialization internals."
544
+ },
545
+ {
546
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L967",
547
+ "upstreamTest": "<RadioGroup /> style hooks > should apply data-checked and data-unchecked to radio root and indicator",
548
+ "reason": "Styling data-hooks; covered partly by root-checked-unchecked-attributes."
549
+ },
550
+ {
551
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L1102",
552
+ "upstreamTest": "<RadioGroup /> Field / Field.Root / Field.Label / Field.Description / validationMode",
553
+ "reason": "Field and validation internals."
554
+ },
555
+ {
556
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L1630",
557
+ "upstreamTest": "<RadioGroup /> Fieldset",
558
+ "reason": "Fieldset/legend wiring internals."
559
+ },
560
+ {
561
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio-group/RadioGroup.test.tsx#L1769",
562
+ "upstreamTest": "<RadioGroup /> Form > submits / native validation / required / portals",
563
+ "reason": "Form submission and validation internals."
564
+ },
565
+ {
566
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio/root/RadioRoot.test.tsx#L59",
567
+ "upstreamTest": "<Radio.Root /> associates `id` with the native button / aria-labelledby / aria-label precedence / onClick propagation",
568
+ "reason": "DOM/PointerEvent propagation and labelling internals; pointer selection already covered."
569
+ },
570
+ {
571
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio/root/RadioRoot.test.tsx#L279",
572
+ "upstreamTest": "<Radio.Root /> prop: readOnly > acquires the field focused state on focus",
573
+ "reason": "Field focused-state internals."
574
+ },
575
+ {
576
+ "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/radio/indicator/RadioIndicator.test.tsx#L22",
577
+ "upstreamTest": "<Radio.Indicator /> animation tests",
578
+ "reason": "Animation and styling."
579
+ }
580
+ ]
581
+ }