@cssints/apg-specs 0.0.0-stage → 0.5.1

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

@@ -0,0 +1,225 @@
+{
+  "pattern": "alertdialog",
+  "source": "react-aria",
+  "commit": "99e610236887da619ad9d54a1cd87983166c043d",
+  "license": "Apache-2.0",
+  "skipped": [
+    { "reason": "styling / theme wrappers and Spectrum visual variants" },
+    { "reason": "enter/exit animation timing" },
+    {
+      "reason": "React-API-only props that do not change observed behaviour (title/data-testid plumbing asserted purely structurally)"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "alertdialog.react-aria.primary-action-callback",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L21",
+      "upstreamTest": "AlertDialog > renders alert dialog with onPrimaryAction",
+      "apg": "wai-aria",
+      "config": { "variant": "confirmation" },
+      "steps": [
+        { "expect": { "visible": ["dialog"], "focus": "dialog" } },
+        { "event": "click", "target": "confirm" },
+        { "expect": { "events": { "onPrimaryAction": [1] } } }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.two-button-cancel-and-confirm",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L45",
+      "upstreamTest": "AlertDialog > renders 2 button alert dialog with onPrimaryAction / onCancel",
+      "apg": "wai-aria",
+      "config": { "variant": "confirmation", "cancelLabel": "cancel" },
+      "steps": [
+        { "expect": { "visible": ["dialog"], "focus": "dialog" } },
+        { "event": "click", "target": "cancel" },
+        { "expect": { "events": { "onCancel": [1], "onPrimaryAction": [] } } },
+        { "event": "click", "target": "confirm" },
+        { "expect": { "events": { "onPrimaryAction": [1], "onCancel": [1] } } }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.three-button-callbacks",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L79",
+      "upstreamTest": "AlertDialog > renders a 3 button alert dialog with onPrimaryAction / onCancel",
+      "apg": "wai-aria",
+      "config": {
+        "variant": "confirmation",
+        "secondaryActionLabel": "secondary",
+        "cancelLabel": "cancel"
+      },
+      "steps": [
+        { "expect": { "focus": "dialog" } },
+        { "event": "click", "target": "secondary" },
+        {
+          "expect": { "events": { "onSecondaryAction": [1], "onCancel": [] } }
+        },
+        { "event": "click", "target": "confirm" },
+        { "expect": { "events": { "onPrimaryAction": [1], "onCancel": [] } } },
+        { "event": "click", "target": "cancel" },
+        { "expect": { "events": { "onCancel": [1], "onPrimaryAction": [1] } } }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.disabled-confirm-not-fired",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L122",
+      "upstreamTest": "AlertDialog > disable its confirm button",
+      "apg": "extension",
+      "config": { "variant": "confirmation", "isPrimaryActionDisabled": true },
+      "steps": [
+        { "expect": { "focus": "dialog" } },
+        { "event": "click", "target": "confirm" },
+        { "expect": { "events": { "onPrimaryAction": [] } } }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.autofocus-confirm-button",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L146",
+      "upstreamTest": "AlertDialog > autofocus its confirm button",
+      "apg": "focus",
+      "config": { "variant": "confirmation", "autoFocusButton": "primary" },
+      "steps": [{ "expect": { "focus": "confirm" } }]
+    },
+    {
+      "id": "alertdialog.react-aria.autofocus-cancel-button",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L163",
+      "upstreamTest": "AlertDialog > autofocus its cancel button",
+      "apg": "focus",
+      "config": {
+        "variant": "confirmation",
+        "cancelLabel": "cancel",
+        "autoFocusButton": "cancel"
+      },
+      "steps": [{ "expect": { "focus": "cancel" } }]
+    },
+    {
+      "id": "alertdialog.react-aria.disabled-secondary-not-fired",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L181",
+      "upstreamTest": "AlertDialog > disable its secondary button",
+      "apg": "extension",
+      "config": {
+        "variant": "confirmation",
+        "isSecondaryActionDisabled": true
+      },
+      "steps": [
+        { "expect": { "focus": "dialog" } },
+        { "event": "click", "target": "secondary" },
+        { "expect": { "events": { "onPrimaryAction": [] } } }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.autofocus-secondary-button",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L206",
+      "upstreamTest": "AlertDialog > autofocus its secondary button",
+      "apg": "focus",
+      "config": {
+        "variant": "confirmation",
+        "secondaryActionLabel": "secondary",
+        "autoFocusButton": "secondary"
+      },
+      "steps": [{ "expect": { "focus": "secondary" } }]
+    },
+    {
+      "id": "alertdialog.react-aria.aria-describedby-points-to-content",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L250",
+      "upstreamTest": "AlertDialog > should have aria-describedby pointing to the content",
+      "apg": "wai-aria",
+      "config": { "variant": "confirmation" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "dialog": { "role": "alertdialog", "aria-describedby": "content" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.aria-describedby-custom",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/dialog/AlertDialog.test.js#L267",
+      "upstreamTest": "AlertDialog > accepts custom aria-describedby",
+      "apg": "wai-aria",
+      "config": { "variant": "confirmation", "ariaDescribedby": "content-id" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "dialog": { "aria-describedby": "content-id" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.components-role-alertdialog",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria-components/test/Dialog.test.js#L54",
+      "upstreamTest": "Dialog > works with modal",
+      "apg": "wai-aria",
+      "config": { "modal": true, "role": "alertdialog" },
+      "steps": [
+        { "event": "click", "target": "trigger" },
+        {
+          "expect": {
+            "visible": ["dialog"],
+            "attrs": {
+              "dialog": { "role": "alertdialog", "aria-labelledby": "title" }
+            }
+          }
+        },
+        { "event": "click", "target": "dismiss" },
+        { "expect": { "hidden": ["dialog"] } }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.use-dialog-describedby-from-content",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/dialog/useDialog.test.js#L73",
+      "upstreamTest": "useDialog > should set aria-describedby on alertdialog when content is rendered",
+      "apg": "wai-aria",
+      "config": { "role": "alertdialog", "showContent": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "dialog": { "role": "alertdialog", "aria-describedby": "content" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.s2-auto-describedby",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@react-spectrum/s2/test/AlertDialog.test.tsx#L37",
+      "upstreamTest": "AlertDialog > automatically links to the content with aria-describedby",
+      "apg": "wai-aria",
+      "config": { "title": "Test", "primaryActionLabel": "Test" },
+      "steps": [
+        { "event": "click", "target": "trigger" },
+        {
+          "expect": {
+            "visible": ["dialog"],
+            "attrs": {
+              "dialog": { "role": "alertdialog", "aria-describedby": "content" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "alertdialog.react-aria.s2-custom-describedby",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@react-spectrum/s2/test/AlertDialog.test.tsx#L60",
+      "upstreamTest": "AlertDialog > accepts custom aria-describedby",
+      "apg": "wai-aria",
+      "config": {
+        "title": "Test",
+        "primaryActionLabel": "Test",
+        "ariaDescribedby": "content-id"
+      },
+      "steps": [
+        { "event": "click", "target": "trigger" },
+        {
+          "expect": {
+            "attrs": { "dialog": { "aria-describedby": "content-id" } }
+          }
+        }
+      ]
+    }
+  ]
+}

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

@@ -0,0 +1,312 @@
+{
+  "pattern": "breadcrumb",
+  "source": "react-aria",
+  "commit": "99e610236887da619ad9d54a1cd87983166c043d",
+  "license": "Apache-2.0",
+  "skipped": [
+    { "reason": "Breadcrumbs > should render with default class" },
+    { "reason": "Breadcrumbs > should render with custom class" },
+    { "reason": "Breadcrumbs > should support refs" },
+    { "reason": "Breadcrumbs > should support render props" },
+    { "reason": "BreadcrumbItem > Handles custom element type (href)" },
+    {
+      "reason": "@adobe Breadcrumbs > Handles UNSAFE_className / size S / size M"
+    },
+    { "reason": "@adobe Breadcrumbs > collapse width suites" },
+    { "reason": "@adobe Breadcrumbs > should support RouterProvider" }
+  ],
+  "scenarios": [
+    {
+      "id": "breadcrumb.react-aria.list-and-current-link",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria-components/test/Breadcrumbs.test.js#L34",
+      "upstreamTest": "Breadcrumbs > should render with default class",
+      "apg": "aria",
+      "config": { "items": 3 },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "breadcrumb": { "role": "list" },
+              "item:0": { "role": "listitem" },
+              "item:1": { "role": "listitem" },
+              "item:2": { "role": "listitem" },
+              "link:0": { "aria-current": null },
+              "link:2": { "aria-current": "page" }
+            }
+          }
+        }
+      ],
+      "notes": "Only the last (current) item carries aria-current=page; ancestors must not."
+    },
+    {
+      "id": "breadcrumb.react-aria.label-on-list-and-items",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria-components/test/Breadcrumbs.test.js#L63",
+      "upstreamTest": "Breadcrumbs > should support DOM props",
+      "apg": "aria",
+      "config": { "items": 3, "aria-label": "test group" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "breadcrumb": { "aria-label": "test group" },
+              "item:0": { "aria-label": "test item" },
+              "item:2": { "aria-label": "test item" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.dynamic-collection-order",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria-components/test/Breadcrumbs.test.js#L106",
+      "upstreamTest": "Breadcrumbs > should support dynamic collections",
+      "apg": "aria",
+      "config": { "items": 3 },
+      "steps": [
+        {
+          "expect": {
+            "visible": ["breadcrumb", "item:0", "item:1", "item:2"]
+          }
+        }
+      ],
+      "notes": "Dynamic items render in data order; item text is checked by the upstream test."
+    },
+    {
+      "id": "breadcrumb.react-aria.nav-landmark-default-label",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/breadcrumbs/useBreadcrumbs.test.js#L23",
+      "upstreamTest": "useBreadcrumbs > handles defaults",
+      "apg": "aria",
+      "config": {},
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "nav": { "aria-label": "Breadcrumbs" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.nav-landmark-custom-label",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/breadcrumbs/useBreadcrumbs.test.js#L28",
+      "upstreamTest": "useBreadcrumbs > handles custom aria label",
+      "apg": "aria",
+      "config": { "aria-label": "test-label" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "nav": { "aria-label": "test-label" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.span-item-is-a-link",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/breadcrumbs/useBreadcrumbItem.test.js#L23",
+      "upstreamTest": "useBreadcrumbItem > handles span elements",
+      "apg": "aria",
+      "config": { "elementType": "span" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "item": { "role": "link", "aria-disabled": null } },
+            "focus": "item"
+          }
+        }
+      ],
+      "notes": "A non-native breadcrumb item takes role=link and is focusable (tabIndex 0)."
+    },
+    {
+      "id": "breadcrumb.react-aria.current-span-item",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/breadcrumbs/useBreadcrumbItem.test.js#L31",
+      "upstreamTest": "useBreadcrumbItem > handles isCurrent",
+      "apg": "aria",
+      "config": { "elementType": "span", "isCurrent": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "item": { "role": "link", "aria-current": "page" } },
+            "focus": null
+          }
+        }
+      ],
+      "notes": "The current item keeps role=link but is removed from the tab order."
+    },
+    {
+      "id": "breadcrumb.react-aria.disabled-span-item",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/breadcrumbs/useBreadcrumbItem.test.js#L38",
+      "upstreamTest": "useBreadcrumbItem > handles isDisabled",
+      "apg": "aria",
+      "config": { "elementType": "span", "isDisabled": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "item": { "role": "link", "aria-disabled": "true" } },
+            "focus": null
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.descendant-href-item-keeps-no-role",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria/test/breadcrumbs/useBreadcrumbItem.test.js#L45",
+      "upstreamTest": "useBreadcrumbItem > handles descendant link with href",
+      "apg": "aria",
+      "config": {},
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "item": { "role": null, "aria-disabled": null } },
+            "focus": "item"
+          }
+        }
+      ],
+      "notes": "A wrapping <a href> is natively focusable, so no role=link is added."
+    },
+    {
+      "id": "breadcrumb.react-aria.dom-props-on-items",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/react-aria-components/test/Breadcrumbs.test.js#L78",
+      "upstreamTest": "Breadcrumbs > should support custom render function",
+      "apg": "aria",
+      "config": { "items": 3 },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "breadcrumb": { "data-custom": "bar" },
+              "item:0": { "data-custom": "true" }
+            }
+          }
+        }
+      ],
+      "notes": "Render-prop DOM passthrough for the list and items."
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-current-item-marked",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/Breadcrumbs.test.js#L65",
+      "upstreamTest": "Breadcrumbs > Handles multiple items",
+      "apg": "aria",
+      "config": { "items": 3 },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-current": null },
+              "item:1": { "aria-current": null },
+              "item:2": { "aria-current": "page" }
+            },
+            "focus": "item:0"
+          }
+        }
+      ],
+      "notes": "Ancestor items are tabbable; the current item is tabIndex=-1 and aria-current=page."
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-single-current-item",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/Breadcrumbs.test.js#L84",
+      "upstreamTest": "Breadcrumbs > Handles single item and showRoot",
+      "apg": "aria",
+      "config": { "items": 1, "showRoot": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "item:0": { "aria-current": "page" } },
+            "focus": null
+          }
+        }
+      ],
+      "notes": "A lone current item is not in the tab order."
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-disabled-trail",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/Breadcrumbs.test.js#L190",
+      "upstreamTest": "Breadcrumbs > Handles isDisabled",
+      "apg": "aria",
+      "config": { "items": 2, "isDisabled": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-disabled": "true" },
+              "item:1": { "aria-disabled": "true" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-nav-label",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/Breadcrumbs.test.js#L373",
+      "upstreamTest": "Breadcrumbs > supports aria-label",
+      "apg": "aria",
+      "config": { "items": 1, "aria-label": "Test" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "nav": { "aria-label": "Test" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-nav-labelledby",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/Breadcrumbs.test.js#L383",
+      "upstreamTest": "Breadcrumbs > supports aria-labelledby",
+      "apg": "aria",
+      "config": { "items": 1, "aria-labelledby": "test" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "nav": { "aria-labelledby": "test" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-nav-describedby",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/Breadcrumbs.test.js#L396",
+      "upstreamTest": "Breadcrumbs > supports aria-describedby",
+      "apg": "aria",
+      "config": { "items": 1, "aria-describedby": "test" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "nav": { "aria-describedby": "test" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-item-current",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/BreadcrumbItem.test.js#L27",
+      "upstreamTest": "BreadcrumbItem > Handles current",
+      "apg": "aria",
+      "config": { "isCurrent": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "item": { "aria-current": "page" } },
+            "focus": null
+          }
+        }
+      ]
+    },
+    {
+      "id": "breadcrumb.react-aria.adobe-item-disabled-blocks-press",
+      "upstream": "https://github.com/adobe/react-spectrum/blob/99e610236887da619ad9d54a1cd87983166c043d/packages/@adobe/react-spectrum/test/breadcrumbs/BreadcrumbItem.test.js#L34",
+      "upstreamTest": "BreadcrumbItem > Handles disabled",
+      "apg": "aria",
+      "config": { "isDisabled": true },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "item": { "aria-disabled": "true" } },
+            "focus": null
+          }
+        },
+        { "event": "click", "target": "item" },
+        { "expect": { "events": { "onPress": [] } } }
+      ],
+      "notes": "A disabled breadcrumb item does not fire onPress."
+    }
+  ]
+}

package/scenarios/apg/button.ariakit.json

@@ -0,0 +1,136 @@
+{
+  "pattern": "button",
+  "source": "ariakit",
+  "commit": "404c72257b879569feb08465da4ff9915fd873da",
+  "license": "MIT",
+  "skipped": [
+    {
+      "reason": "visual/screenshot tests (@visual, capturePage/captureInView)"
+    },
+    {
+      "reason": "geometry/layout assertions (getBox, getCapsOffset, badge/shortcut sizing)"
+    },
+    {
+      "reason": "colour-scheme sweeps and CSS/animation (glider transitions, focus outline, clip-path)"
+    },
+    { "reason": "React 19 ref-prop, ref-cleanup and hydration/SSR tests" },
+    {
+      "reason": "sandbox-browser runner tests (test-chrome*, test-browser*) beyond behaviour ports"
+    },
+    {
+      "reason": "ariakit-specific data-focus-visible styling hooks and ref-reported native types"
+    },
+    { "reason": "tooltip/menu-button sandboxes whose pattern is not button" },
+    {
+      "reason": "switches: ariakit has no switch implementation or switch test under the scoped sandbox/examples dirs"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "button.ariakit.toggle-button-pressed-on-click",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/ariakit-ui-button/test.ts#L7",
+      "upstreamTest": "preserves the selected avatar color when its kind changes",
+      "apg": "aria",
+      "config": { "part": "button", "pressed": false, "toggle": true },
+      "steps": [
+        { "event": "prop", "set": {} },
+        { "expect": { "attrs": { "button": { "aria-pressed": "false" } } } },
+        { "event": "click", "target": "button" },
+        { "expect": { "attrs": { "button": { "aria-pressed": "true" } } } },
+        { "event": "click", "target": "button" },
+        { "expect": { "attrs": { "button": { "aria-pressed": "false" } } } }
+      ],
+      "notes": "Image colour assertions dropped; only the toggle-button aria-pressed cycle retained."
+    },
+    {
+      "id": "button.ariakit.native-button-types",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/native-button-semantics/test.ts#L42",
+      "upstreamTest": "declares native button types before refs run",
+      "apg": "extension",
+      "config": {
+        "types": {
+          "default": "button",
+          "submit": "submit",
+          "reset": "reset",
+          "custom": "none"
+        }
+      },
+      "steps": [
+        { "event": "prop", "set": {} },
+        {
+          "expect": {
+            "attrs": {
+              "button:default": { "type": "button" },
+              "button:submit": { "type": "submit" },
+              "button:reset": { "type": "reset" },
+              "button:custom": { "type": null }
+            }
+          }
+        }
+      ],
+      "notes": "Ref-reported types, toolbar items and menu buttons omitted."
+    },
+    {
+      "id": "button.ariakit.custom-element-button-role-and-tabindex",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/native-button-semantics/test.ts#L33",
+      "upstreamTest": "declares native button types before refs run",
+      "apg": "aria",
+      "config": { "render": "div" },
+      "steps": [
+        { "event": "prop", "set": {} },
+        {
+          "expect": {
+            "attrs": {
+              "button:custom": {
+                "role": "button",
+                "tabindex": "0",
+                "type": null
+              }
+            }
+          }
+        }
+      ],
+      "notes": "Non-native element receives role=button and tabindex=0 and no native type attribute."
+    },
+    {
+      "id": "button.ariakit.custom-element-and-disabled-semantics",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/native-button-semantics/test.ts#L50",
+      "upstreamTest": "preserves custom element semantics",
+      "apg": "states",
+      "config": {
+        "focusable": "custom-div",
+        "disabledLink": true,
+        "disabledButton": true
+      },
+      "steps": [
+        { "event": "prop", "set": {} },
+        {
+          "expect": {
+            "attrs": {
+              "button:focusable": { "tabindex": "0" },
+              "button:disabled-link": { "tabindex": "-1", "disabled": null },
+              "button:disabled": { "disabled": "" }
+            }
+          }
+        }
+      ],
+      "notes": "A disabled anchor uses tabindex=-1 and no disabled attribute; a disabled native button uses the disabled attribute."
+    },
+    {
+      "id": "button.ariakit.updates-custom-focusability",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/native-button-semantics/test.ts#L57",
+      "upstreamTest": "updates custom focusability",
+      "apg": "extension",
+      "config": { "focusable": true },
+      "steps": [
+        { "event": "prop", "set": {} },
+        { "expect": { "attrs": { "text:focusable": { "tabindex": "0" } } } },
+        { "event": "click", "target": "button:toggle-focusable" },
+        { "expect": { "attrs": { "text:focusable": { "tabindex": null } } } },
+        { "event": "click", "target": "button:toggle-focusable" },
+        { "expect": { "attrs": { "text:focusable": { "tabindex": "0" } } } }
+      ],
+      "notes": "Toggling a non-button element's focusable prop adds/removes tabindex."
+    }
+  ]
+}