@cssints/apg-specs 0.0.0-stage → 0.5.1

package/scenarios/apg/landmarks.ariakit.json

@@ -0,0 +1,93 @@
+{
+  "pattern": "landmarks",
+  "source": "ariakit",
+  "commit": "404c72257b879569feb08465da4ff9915fd873da",
+  "license": "MIT",
+  "skipped": [
+    {
+      "reason": "renders every nav row without repeated or important gap classes"
+    },
+    { "reason": "lets a nav disclosure override the defaults of its row" },
+    {
+      "reason": "keeps a disclosure badge beside the label without a description"
+    },
+    {
+      "reason": "keeps a disclosure badge beside a consumer label component with a description"
+    },
+    {
+      "reason": "keeps a bare fragment label separate from its description and badge"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "landmarks.ariakit.navigation-named-landmark",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L88",
+      "upstreamTest": "names a link by its label and describes it by its description",
+      "apg": "aria",
+      "config": { "label": "Link descriptions" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "navigation": {
+                "role": "navigation",
+                "aria-label": "Link descriptions"
+              }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "landmarks.ariakit.navigation-lists-its-rows",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L95",
+      "upstreamTest": "keeps anchor props, events, and refs on a wrapped link",
+      "apg": "aria",
+      "config": { "label": "Link wrappers", "items": 3 },
+      "steps": [
+        {
+          "expect": {
+            "visible": ["navigation", "listitem:0", "listitem:1", "listitem:2"]
+          }
+        }
+      ],
+      "notes": "Navigation rows are listitems; the wrapped link keeps its <li> parent."
+    },
+    {
+      "id": "landmarks.ariakit.single-link-nav-has-no-listitems",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L109",
+      "upstreamTest": "keeps anchor props, events, and refs on a wrapped link (single link nav)",
+      "apg": "aria",
+      "config": { "label": "Single link" },
+      "steps": [
+        {
+          "expect": { "visible": ["navigation", "link:0"] }
+        }
+      ],
+      "notes": "A navigation landmark that holds a lone link renders no list/listitem wrapper."
+    },
+    {
+      "id": "landmarks.ariakit.disclosure-button-labelled-and-described",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L60",
+      "upstreamTest": "keeps a disclosure badge beside a consumer label component with a description",
+      "apg": "extension",
+      "config": {
+        "labelId": "nav-pages-label",
+        "descriptionId": "nav-pages-description"
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "button": {
+                "aria-labelledby": "nav-pages-label",
+                "aria-describedby": "nav-pages-description"
+              }
+            }
+          }
+        }
+      ],
+      "notes": "The consumer label component supplies the accessible name; the description is exposed through aria-describedby."
+    }
+  ]
+}

package/scenarios/apg/landmarks.react-aria.json

@@ -0,0 +1,330 @@
+{
+  "pattern": "landmarks",
+  "source": "react-aria",
+  "commit": "99e610236887da619ad9d54a1cd87983166c043d",
+  "license": "Apache-2.0",
+  "skipped": [
+    {
+      "reason": "LandmarkManager > focuses the landmark again after toggling browser tabs"
+    },
+    {
+      "reason": "LandmarkManager > focuses the landmark again after toggling browser windows"
+    },
+    {
+      "reason": "LandmarkManager > cleans up event listeners if all landmarks are unmounted"
+    },
+    {
+      "reason": "LandmarkManager > landmark navigation fires custom event when wrapping forward/backward"
+    },
+    {
+      "reason": "LandmarkController > should ensure keyboard listeners are active"
+    },
+    {
+      "reason": "LandmarkController > should navigate forward/backward, should focus main"
+    },
+    {
+      "reason": "singleton > should store the landmark manager on the document"
+    },
+    { "reason": "singleton > should replace the singleton with a new version" },
+    {
+      "reason": "LandmarkManager > components that already handle focus management should handle focus themselves"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "landmarks.react-aria.roles-are-exposed",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L140",
+      "upstreamTest": "LandmarkManager > can tab into a landmark region",
+      "apg": "aria",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "navigation": { "role": "navigation" },
+              "main": { "role": "main" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.tab-enters-first-link",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L119",
+      "upstreamTest": "LandmarkManager > can tab into a landmark region",
+      "apg": "keyboard",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        { "event": "key", "key": "Tab" },
+        { "expect": { "focus": "link:0" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.f6-cycles-landmarks",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L149",
+      "upstreamTest": "LandmarkManager > can F6 to a landmark region",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } }
+      ],
+      "notes": "F6 landmark cycling is a react-aria extension, not part of the APG landmarks pattern."
+    },
+    {
+      "id": "landmarks.react-aria.f6-single-landmark",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L180",
+      "upstreamTest": "LandmarkManager > can F6 to a landmark region when there is only one landmark",
+      "apg": "extension",
+      "config": { "landmarks": ["main"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.f6-visits-nested-region",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L194",
+      "upstreamTest": "LandmarkManager > can F6 to a nested landmark region that is first",
+      "apg": "extension",
+      "config": { "landmarks": ["main", "region"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "region:0" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.shift-f6-moves-backward",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L398",
+      "upstreamTest": "LandmarkManager > can shift+F6 to a landmark region",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        { "event": "key", "key": "Shift+F6" },
+        { "expect": { "focus": "main" } },
+        { "event": "key", "key": "Shift+F6" },
+        { "expect": { "focus": "navigation" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.forward-navigation-wraps",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L336",
+      "upstreamTest": "LandmarkManager > landmark navigation forward wraps",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        { "event": "key", "key": "Tab" },
+        { "expect": { "focus": "link:0" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "link:0" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.alt-f6-jumps-to-main",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L912",
+      "upstreamTest": "LandmarkManager > can alt+F6 to main landmark",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "region", "main"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } },
+        { "event": "key", "key": "Alt+F6" },
+        { "expect": { "focus": "main" } },
+        { "event": "key", "key": "Alt+F6" },
+        { "expect": { "focus": "main" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.alt-f6-noop-without-main",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L952",
+      "upstreamTest": "LandmarkManager > alt+F6 does nothing if no main landmark",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "region"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } },
+        { "event": "key", "key": "Alt+F6" },
+        { "expect": { "focus": "navigation" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.tabindex-only-on-focused",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L1002",
+      "upstreamTest": "LandmarkManager > landmark has tabIndex=\"-1\" when focused",
+      "apg": "aria",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "navigation": { "tabindex": null },
+              "main": { "tabindex": null }
+            }
+          }
+        },
+        { "event": "key", "key": "F6" },
+        {
+          "expect": {
+            "attrs": {
+              "navigation": { "tabindex": "-1" },
+              "main": { "tabindex": null }
+            }
+          }
+        },
+        { "event": "key", "key": "F6" },
+        {
+          "expect": {
+            "attrs": {
+              "navigation": { "tabindex": null },
+              "main": { "tabindex": "-1" }
+            }
+          }
+        }
+      ],
+      "notes": "Only the currently focused landmark is made programmatically focusable."
+    },
+    {
+      "id": "landmarks.react-aria.tabindex-cleared-on-blur",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L1133",
+      "upstreamTest": "LandmarkManager > loses the tabIndex=-1 if something else is focused",
+      "apg": "aria",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "attrs": { "navigation": { "tabindex": "-1" } } } },
+        { "event": "key", "key": "Tab" },
+        {
+          "expect": {
+            "focus": "link:0",
+            "attrs": { "navigation": { "tabindex": null } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.skips-aria-hidden-landmarks",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L1412",
+      "upstreamTest": "LandmarkManager > skips over aria-hidden landmarks",
+      "apg": "extension",
+      "config": { "landmarks": ["main", "region", "region"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "region:1" } },
+        { "event": "key", "key": "Shift+F6" },
+        { "expect": { "focus": "main" } }
+      ],
+      "notes": "The first region sits inside an aria-hidden subtree and is skipped."
+    },
+    {
+      "id": "landmarks.react-aria.reclick-landmark-keeps-focus",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L1291",
+      "upstreamTest": "LandmarkManager > focus restores to previously focused landmark after blur and F6",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } },
+        { "event": "blur", "target": "navigation" },
+        { "expect": { "focus": null } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } }
+      ]
+    },
+    {
+      "id": "landmarks.react-aria.duplicate-roles-must-be-labelled",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L593",
+      "upstreamTest": "LandmarkManager > Should allow 2+ landmarks with same role if they are labelled",
+      "apg": "aria",
+      "config": {
+        "landmarks": ["navigation", "navigation"],
+        "labels": ["First nav", "Second nav"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "navigation:0": { "aria-label": "First nav" },
+              "navigation:1": { "aria-label": "Second nav" }
+            }
+          }
+        }
+      ],
+      "notes": "Warn-free when repeated landmark roles have unique labels."
+    },
+    {
+      "id": "landmarks.react-aria.unlabelled-duplicate-warns",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L634",
+      "upstreamTest": "LandmarkManager > Should warn if 2+ landmarks with same role are used but not labelled",
+      "apg": "aria",
+      "config": { "landmarks": ["navigation", "navigation"] },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "navigation:0": { "aria-label": null },
+              "navigation:1": { "aria-label": null }
+            }
+          }
+        }
+      ],
+      "notes": "React-aria emits a console warning here; the accessible-name gap is the modelled contract."
+    },
+    {
+      "id": "landmarks.react-aria.added-landmark-is-reachable",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L777",
+      "upstreamTest": "LandmarkManager > Should navigate to a landmark that has been added to the DOM",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "main"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } },
+        {
+          "event": "prop",
+          "target": "region:0",
+          "prop": "mounted",
+          "value": true
+        },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "region:0" } }
+      ],
+      "notes": "A region mounted later joins the F6 cycle in DOM order."
+    },
+    {
+      "id": "landmarks.react-aria.removed-landmark-is-skipped",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/landmark/useLandmark.test.tsx#L725",
+      "upstreamTest": "LandmarkManager > Should not navigate to a landmark that has been removed from the DOM",
+      "apg": "extension",
+      "config": { "landmarks": ["navigation", "region", "main"] },
+      "steps": [
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "navigation" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "region:0" } },
+        { "event": "key", "key": "F6" },
+        { "expect": { "focus": "main" } },
+        {
+          "event": "prop",
+          "target": "region:0",
+          "prop": "mounted",
+          "value": false
+        },
+        { "event": "key", "key": "Shift+F6" },
+        { "expect": { "focus": "navigation" } }
+      ]
+    }
+  ]
+}

package/scenarios/apg/link.ariakit.json

@@ -0,0 +1,83 @@
+{
+  "pattern": "link",
+  "source": "ariakit",
+  "commit": "404c72257b879569feb08465da4ff9915fd873da",
+  "license": "MIT",
+  "skipped": [
+    {
+      "reason": "ariakit-ui-link > keeps the focus ring against an inline link (visual)"
+    },
+    {
+      "reason": "ariakit-ui-link > offsets the focus ring of a standalone link (visual)"
+    },
+    {
+      "reason": "keeps anchor props, events, and refs on a wrapped link (class/parent styling assertions)"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "link.ariakit.named-by-label-described-by-description",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L88",
+      "upstreamTest": "names a link by its label and describes it by its description",
+      "apg": "aria",
+      "config": {
+        "labelId": "settings-link",
+        "descriptionId": "settings-description"
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "link": {
+                "href": "#settings",
+                "aria-labelledby": "settings-link",
+                "aria-describedby": "settings-description"
+              }
+            }
+          }
+        }
+      ],
+      "notes": "The label gives the accessible name; the description is exposed via aria-describedby."
+    },
+    {
+      "id": "link.ariakit.anchor-props-retained",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L95",
+      "upstreamTest": "keeps anchor props, events, and refs on a wrapped link",
+      "apg": "aria",
+      "config": { "title": "Overview destination" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "link": { "href": "#overview", "title": "Overview destination" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "link.ariakit.link-is-focusable",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L105",
+      "upstreamTest": "keeps anchor props, events, and refs on a wrapped link (focus)",
+      "apg": "aria",
+      "config": {},
+      "steps": [
+        { "event": "click", "target": "button" },
+        { "expect": { "focus": "link" } }
+      ],
+      "notes": "The wrapped anchor keeps its DOM node, so moving focus to it works."
+    },
+    {
+      "id": "link.ariakit.click-activates-link",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-nav/test.ts#L107",
+      "upstreamTest": "keeps anchor props, events, and refs on a wrapped link (activation)",
+      "apg": "keyboard",
+      "config": {},
+      "steps": [
+        { "event": "click", "target": "link" },
+        { "expect": { "events": { "onClick": ["A"] } } }
+      ],
+      "notes": "Clicking the anchor runs the consumer handler; the sandbox records the activated element tag."
+    }
+  ]
+}

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

@@ -0,0 +1,88 @@
+{
+  "pattern": "link",
+  "source": "base-ui",
+  "commit": "19511bb171f3b360b006c94cf6d07e53cb446505",
+  "license": "MIT",
+  "skipped": [
+    {
+      "reason": "NavigationMenu.Link > prop: closeOnClick (menu open state suite)"
+    },
+    {
+      "reason": "NavigationMenu.Link > keeps the menu open when a link loses focus without a related target"
+    },
+    {
+      "reason": "Menu.LinkItem > does not navigate when Space is pressed during an active typeahead session"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "link.base-ui.active-navigation-link-current",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/navigation-menu/link/NavigationMenuLink.test.tsx#L102",
+      "upstreamTest": "NavigationMenu.Link > prop: active > when true, renders with aria-current=\"page\"",
+      "apg": "aria",
+      "config": { "active": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "link": { "role": "link", "aria-current": "page" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "link.base-ui.inactive-navigation-link-no-current",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/navigation-menu/link/NavigationMenuLink.test.tsx#L118",
+      "upstreamTest": "NavigationMenu.Link > prop: active > when false, does not render with aria-current=\"page\"",
+      "apg": "aria",
+      "config": { "active": false },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "link": { "role": "link", "aria-current": null } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "link.base-ui.toolbar-link-renders-anchor",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/link/ToolbarLink.test.tsx#L38",
+      "upstreamTest": "Toolbar.Link > ARIA attributes > renders an anchor",
+      "apg": "aria",
+      "config": { "href": "https://base-ui.com" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "link": { "role": null } }
+          }
+        }
+      ],
+      "notes": "With href the part is a native anchor and reports the link role natively."
+    },
+    {
+      "id": "link.base-ui.menu-link-item-enter-activates",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/link-item/MenuLinkItem.test.tsx#L30",
+      "upstreamTest": "Menu.LinkItem > react-router <Link> activates with Enter and Space",
+      "apg": "extension",
+      "config": { "items": 2 },
+      "steps": [
+        { "event": "focus", "target": "link:1" },
+        { "event": "key", "key": "Enter", "target": "link:1" },
+        { "expect": { "events": { "onActivate": ["/two"] } } }
+      ],
+      "notes": "Menu items are role=menuitem; Enter activation follows the menu pattern, not the link pattern."
+    },
+    {
+      "id": "link.base-ui.menu-link-item-space-activates",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/menu/link-item/MenuLinkItem.test.tsx#L97",
+      "upstreamTest": "Menu.LinkItem > react-router <Link> activates with Enter and Space",
+      "apg": "extension",
+      "config": { "items": 2 },
+      "steps": [
+        { "event": "focus", "target": "link:1" },
+        { "event": "key", "key": " ", "target": "link:1" },
+        { "expect": { "events": { "onActivate": ["/two"] } } }
+      ],
+      "notes": "Unlike a plain link, a menu item activates on Space as well as Enter."
+    }
+  ]
+}