@cssints/apg-specs 0.0.0-stage → 0.5.1

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

@@ -0,0 +1,875 @@
+{
+  "pattern": "tabs",
+  "source": "base-ui",
+  "commit": "19511bb171f3b360b006c94cf6d07e53cb446505",
+  "license": "MIT",
+  "scenarios": [
+    {
+      "id": "tabs.base-ui.selected-prop-drives-aria",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L236",
+      "upstreamTest": "should pass selected prop to children",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 2,
+        "selected": 1
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "false" },
+              "tab:1": { "aria-selected": "true" }
+            }
+          }
+        }
+      ],
+      "notes": "Controlled value 1 marks only the second tab selected."
+    },
+    {
+      "id": "tabs.base-ui.first-enabled-skipping-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L286",
+      "upstreamTest": "should select the second tab when the first one is disabled",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 2,
+        "disabled": [0]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "false" },
+              "tab:1": { "aria-selected": "true" }
+            },
+            "visible": ["tabpanel:1"]
+          }
+        }
+      ],
+      "notes": "With no explicit value the first enabled tab becomes selected; the disabled panel stays hidden."
+    },
+    {
+      "id": "tabs.base-ui.third-enabled-when-first-two-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L314",
+      "upstreamTest": "should select the third tab when first two tabs are disabled",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 4,
+        "disabled": [0, 1]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "false" },
+              "tab:1": { "aria-selected": "false" },
+              "tab:2": { "aria-selected": "true" },
+              "tab:3": { "aria-selected": "false" }
+            }
+          }
+        }
+      ],
+      "notes": "The first non-disabled tab (index 2) is auto-selected."
+    },
+    {
+      "id": "tabs.base-ui.explicit-value-points-at-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L404",
+      "upstreamTest": "should still honor explicit value prop even if it points to a disabled tab",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 0,
+        "disabled": [0]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "true" },
+              "tab:1": { "aria-selected": "false" },
+              "tab:2": { "aria-selected": "false" }
+            }
+          }
+        }
+      ],
+      "notes": "An explicit selection wins even when it names a disabled tab; auto-fallback applies only to implicit defaults."
+    },
+    {
+      "id": "tabs.base-ui.no-selection-all-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L467",
+      "upstreamTest": "does not select any tab when all tabs are disabled",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "disabled": [0, 1, 2]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "false" },
+              "tab:1": { "aria-selected": "false" },
+              "tab:2": { "aria-selected": "false" }
+            },
+            "visible": []
+          }
+        }
+      ],
+      "notes": "All panels hidden when no tab can be selected."
+    },
+    {
+      "id": "tabs.base-ui.disabled-selected-tab-keeps-tabindex-on-previous",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L432",
+      "upstreamTest": "does not set tabIndex=0 on disabled tabs when they are programmatically selected",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 1,
+        "disabled": [0]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "tabindex": "-1" },
+              "tab:1": { "tabindex": "0" },
+              "tab:2": { "tabindex": "-1" }
+            }
+          }
+        },
+        { "event": "prop", "prop": "selectedKey", "value": 0 },
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "true", "tabindex": "-1" },
+              "tab:1": { "tabindex": "0" }
+            }
+          }
+        }
+      ],
+      "notes": "Programmatically selecting a disabled tab marks it selected but leaves the roving tab stop on the previously highlighted enabled tab."
+    },
+    {
+      "id": "tabs.base-ui.arrow-next-activates",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1637",
+      "upstreamTest": "moves focus to the next tab while activating it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 1
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:1" },
+        { "event": "key", "key": "ArrowRight", "target": "tab:1" },
+        {
+          "expect": {
+            "focus": "tab:2",
+            "attrs": { "tab:2": { "aria-selected": "true" } },
+            "events": { "onValueChange": ["tab:2"] }
+          }
+        }
+      ],
+      "notes": "activateOnFocus=true: arrow moves focus and commits the selection."
+    },
+    {
+      "id": "tabs.base-ui.arrow-next-focus-only",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1528",
+      "upstreamTest": "moves focus to the next tab without activating it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "manual",
+        "items": 3,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        { "event": "key", "key": "ArrowRight", "target": "tab:0" },
+        {
+          "expect": {
+            "focus": "tab:1",
+            "attrs": {
+              "tab:0": { "aria-selected": "true" },
+              "tab:1": { "aria-selected": "false" }
+            },
+            "events": { "onValueChange": [] }
+          }
+        }
+      ],
+      "notes": "activateOnFocus=false: arrow moves focus without selecting and without firing onValueChange."
+    },
+    {
+      "id": "tabs.base-ui.arrow-previous-activates",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1427",
+      "upstreamTest": "moves focus to the previous tab while activating it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 1
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:1" },
+        { "event": "key", "key": "ArrowLeft", "target": "tab:1" },
+        {
+          "expect": {
+            "focus": "tab:0",
+            "attrs": { "tab:0": { "aria-selected": "true" } },
+            "events": { "onValueChange": ["tab:0"] }
+          }
+        }
+      ],
+      "notes": "activateOnFocus=true previous direction."
+    },
+    {
+      "id": "tabs.base-ui.arrow-wraps-across-ends",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1291",
+      "upstreamTest": "moves focus to the last tab while activating it if focus is on the first tab",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        { "event": "key", "key": "ArrowLeft", "target": "tab:0" },
+        {
+          "expect": {
+            "focus": "tab:2",
+            "attrs": { "tab:2": { "aria-selected": "true" } }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "tab:2" },
+        {
+          "expect": {
+            "focus": "tab:0",
+            "attrs": { "tab:0": { "aria-selected": "true" } }
+          }
+        }
+      ],
+      "notes": "APG allows optional wrapping; base-ui wraps by default."
+    },
+    {
+      "id": "tabs.base-ui.rtl-arrow-mapping",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1281",
+      "upstreamTest": "when focus is on a tab element in a horizontal rtl tablist ArrowRight moves focus to the previous tab while activating it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 1,
+        "direction": "rtl"
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:1" },
+        { "event": "key", "key": "ArrowRight", "target": "tab:1" },
+        {
+          "expect": {
+            "focus": "tab:0",
+            "attrs": { "tab:0": { "aria-selected": "true" } }
+          }
+        },
+        { "event": "key", "key": "ArrowLeft", "target": "tab:0" },
+        {
+          "expect": {
+            "focus": "tab:1",
+            "attrs": { "tab:1": { "aria-selected": "true" } }
+          }
+        }
+      ],
+      "notes": "In RTL the horizontal previous/next keys are mirrored."
+    },
+    {
+      "id": "tabs.base-ui.vertical-arrow-mapping",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1282",
+      "upstreamTest": "when focus is on a tab element in a vertical tablist ArrowDown moves focus to the next tab while activating it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 1
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:1" },
+        { "event": "key", "key": "ArrowDown", "target": "tab:1" },
+        {
+          "expect": {
+            "focus": "tab:2",
+            "attrs": { "tab:2": { "aria-selected": "true" } }
+          }
+        },
+        { "event": "key", "key": "ArrowUp", "target": "tab:2" },
+        {
+          "expect": {
+            "focus": "tab:1",
+            "attrs": { "tab:1": { "aria-selected": "true" } }
+          }
+        }
+      ],
+      "notes": "Vertical tablists use ArrowUp/ArrowDown."
+    },
+    {
+      "id": "tabs.base-ui.arrow-focuses-disabled-without-activating",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1673",
+      "upstreamTest": "ArrowRight moves focus to a disabled tab without activating it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 0,
+        "disabled": [1]
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        { "event": "key", "key": "ArrowRight", "target": "tab:0" },
+        {
+          "expect": {
+            "focus": "tab:1",
+            "attrs": {
+              "tab:0": { "aria-selected": "true" },
+              "tab:1": { "aria-selected": "false" }
+            },
+            "events": { "onValueChange": [] }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "tab:1" },
+        { "expect": { "focus": "tab:2" } }
+      ],
+      "notes": "A disabled tab is focusable for roving focus but is never activated; the next arrow moves on to the following tab."
+    },
+    {
+      "id": "tabs.base-ui.home-end-activates",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1784",
+      "upstreamTest": "when `activateOnFocus = true`, moves focus to the first tab while activating it (Home)",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        { "event": "key", "key": "End", "target": "tab:0" },
+        {
+          "expect": {
+            "focus": "tab:2",
+            "attrs": { "tab:2": { "aria-selected": "true" } },
+            "events": { "onValueChange": ["tab:2"] }
+          }
+        },
+        { "event": "key", "key": "Home", "target": "tab:2" },
+        {
+          "expect": {
+            "focus": "tab:0",
+            "attrs": { "tab:0": { "aria-selected": "true" } },
+            "events": { "onValueChange": ["tab:2", "tab:0"] }
+          }
+        }
+      ],
+      "notes": "Home/End always move focus to the first/last tab regardless of orientation; automatic activation commits them."
+    },
+    {
+      "id": "tabs.base-ui.home-end-focus-only",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1756",
+      "upstreamTest": "when `activateOnFocus = false`, moves focus to the first tab without activating it (Home)",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "activation": "manual",
+        "items": 3,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        { "event": "key", "key": "End", "target": "tab:0" },
+        {
+          "expect": {
+            "focus": "tab:2",
+            "attrs": { "tab:2": { "aria-selected": "false" } },
+            "events": { "onValueChange": [] }
+          }
+        },
+        { "event": "key", "key": "Home", "target": "tab:2" },
+        {
+          "expect": {
+            "focus": "tab:0",
+            "attrs": { "tab:0": { "aria-selected": "true" } }
+          }
+        }
+      ],
+      "notes": "Manual activation: Home/End move focus only."
+    },
+    {
+      "id": "tabs.base-ui.modifier-keys-do-not-navigate",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1714",
+      "upstreamTest": "does not move focus when modifier key: Shift is pressed",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        {
+          "event": "key",
+          "key": "ArrowRight",
+          "value": { "modifiers": ["Shift"] },
+          "target": "tab:0"
+        },
+        {
+          "expect": {
+            "focus": "tab:0",
+            "attrs": { "tab:0": { "aria-selected": "true" } },
+            "events": { "onValueChange": [] }
+          }
+        }
+      ],
+      "notes": "Arrow keys with any modifier (Shift/Control/Alt/Meta) are left to the browser."
+    },
+    {
+      "id": "tabs.base-ui.aria-orientation-default-absent",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1189",
+      "upstreamTest": "does not add aria-orientation by default",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 1,
+        "selected": 0
+      },
+      "steps": [
+        { "expect": { "attrs": { "tablist": { "aria-orientation": null } } } }
+      ],
+      "notes": "Horizontal is the implicit ARIA default, so aria-orientation is omitted."
+    },
+    {
+      "id": "tabs.base-ui.aria-orientation-vertical",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1201",
+      "upstreamTest": "adds the proper aria-orientation when vertical",
+      "apg": "aria",
+      "config": {
+        "orientation": "vertical",
+        "activation": "automatic",
+        "items": 1,
+        "selected": 0
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "tablist": { "aria-orientation": "vertical" } }
+          }
+        }
+      ],
+      "notes": "Vertical orientation is exposed on the tablist."
+    },
+    {
+      "id": "tabs.base-ui.click-selects",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1215",
+      "upstreamTest": "selects the clicked tab",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "manual",
+        "items": 3,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "click", "target": "tab:1" },
+        {
+          "expect": {
+            "attrs": { "tab:1": { "aria-selected": "true" } },
+            "visible": ["tabpanel:1"]
+          }
+        }
+      ],
+      "notes": "Pointer click selects even with activateOnFocus=false."
+    },
+    {
+      "id": "tabs.base-ui.click-disabled-does-not-select",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L1245",
+      "upstreamTest": "does not select the clicked disabled tab",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "manual",
+        "items": 3,
+        "selected": 0,
+        "disabled": [1]
+      },
+      "steps": [
+        { "event": "click", "target": "tab:1" },
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "true" },
+              "tab:1": { "aria-selected": "false" }
+            },
+            "visible": ["tabpanel:0"]
+          }
+        }
+      ],
+      "notes": "Disabled tabs ignore pointer activation."
+    },
+    {
+      "id": "tabs.base-ui.keyboard-activation-enter-space",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/tab/TabsTab.test.tsx#L218",
+      "upstreamTest": "activates the focused tab with Enter/Space when `activateOnFocus` is false",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "manual",
+        "items": 2,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        { "event": "key", "key": "ArrowRight", "target": "tab:0" },
+        {
+          "expect": {
+            "focus": "tab:1",
+            "attrs": { "tab:1": { "aria-selected": "false" } }
+          }
+        },
+        { "event": "key", "key": "Enter", "target": "tab:1" },
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "false" },
+              "tab:1": { "aria-selected": "true" }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "tab:1" },
+        { "event": "key", "key": " ", "target": "tab:0" },
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "true" },
+              "tab:1": { "aria-selected": "false" }
+            }
+          }
+        }
+      ],
+      "notes": "Manual activation is committed with either Enter or Space."
+    },
+    {
+      "id": "tabs.base-ui.onvaluechange-initial-and-pointer",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L622",
+      "upstreamTest": "calls onValueChange when auto-selecting the first tab on mount",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "tab:0": { "aria-selected": "true" } },
+            "events": { "onValueChange": ["tab:0"] }
+          }
+        },
+        {
+          "event": "pointerdown",
+          "value": { "button": "primary" },
+          "target": "tab:1"
+        },
+        { "expect": { "events": { "onValueChange": ["tab:0", "tab:1"] } } }
+      ],
+      "notes": "Implicit first-tab selection fires onValueChange with reason 'initial'; activateOnFocus makes pointerdown commit too."
+    },
+    {
+      "id": "tabs.base-ui.onvaluechange-not-repeated",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L560",
+      "upstreamTest": "should not call onValueChange when already active",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 2,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "click", "target": "tab:0" },
+        {
+          "expect": {
+            "events": { "onValueChange": [] },
+            "attrs": { "tab:0": { "aria-selected": "true" } }
+          }
+        },
+        {
+          "event": "click",
+          "value": { "button": "secondary" },
+          "target": "tab:1"
+        },
+        { "expect": { "events": { "onValueChange": [] } } }
+      ],
+      "notes": "Re-clicking the active tab and non-primary button clicks do not change value."
+    },
+    {
+      "id": "tabs.base-ui.disabled-selected-becomes-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L872",
+      "upstreamTest": "calls onValueChange when the selected tab becomes disabled",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 0
+      },
+      "steps": [
+        { "event": "prop", "prop": "disabled", "value": [0] },
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "aria-selected": "false" },
+              "tab:1": { "aria-selected": "true" }
+            },
+            "events": { "onValueChange": ["tab:1"] }
+          }
+        }
+      ],
+      "notes": "When the selected tab is disabled after mount, selection falls through to the next enabled tab."
+    },
+    {
+      "id": "tabs.base-ui.onvaluechange-initial-null-all-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L751",
+      "upstreamTest": "calls onValueChange with null when all tabs are initially disabled",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 2,
+        "disabled": [0, 1]
+      },
+      "steps": [{ "expect": { "events": { "onValueChange": [null] } } }],
+      "notes": "With no selectable tab the initial callback reports null."
+    },
+    {
+      "id": "tabs.base-ui.roving-tabindex",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/root/TabsRoot.test.tsx#L50",
+      "upstreamTest": "puts the selected child in tab order",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 2,
+        "selected": 1
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "tabindex": "-1" },
+              "tab:1": { "tabindex": "0" }
+            }
+          }
+        },
+        { "event": "prop", "prop": "selectedKey", "value": 0 },
+        {
+          "expect": {
+            "attrs": {
+              "tab:0": { "tabindex": "0" },
+              "tab:1": { "tabindex": "-1" }
+            }
+          }
+        }
+      ],
+      "notes": "Roving tabindex follows the selected value; only one tab is in the page tab order."
+    },
+    {
+      "id": "tabs.base-ui.loop-focus-false-no-wrap",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/list/TabsList.test.tsx#L62",
+      "upstreamTest": "does not wrap focus past the first tab when `loopFocus` is false",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 3,
+        "selected": 0,
+        "loopFocus": false
+      },
+      "steps": [
+        { "event": "focus", "target": "tab:0" },
+        { "event": "key", "key": "ArrowLeft", "target": "tab:0" },
+        { "expect": { "focus": "tab:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "tab:0" },
+        { "event": "key", "key": "ArrowRight", "target": "tab:1" },
+        { "event": "key", "key": "ArrowRight", "target": "tab:2" },
+        { "expect": { "focus": "tab:2" } }
+      ],
+      "notes": "loopFocus=false stops at the list edges instead of wrapping; the first arrow pair also confirms focus stays put at the start."
+    },
+    {
+      "id": "tabs.base-ui.tablist-named-aria-label",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/tabs/list/TabsList.test.tsx#L267",
+      "upstreamTest": "can be named via `aria-label`",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "activation": "automatic",
+        "items": 1,
+        "selected": 0,
+        "ariaLabel": "Tabs"
+      },
+      "steps": [
+        { "expect": { "attrs": { "tablist": { "aria-label": "Tabs" } } } }
+      ],
+      "notes": "aria-label on the tablist provides the accessible name."
+    }
+  ],
+  "skipped": [
+    {
+      "upstreamTest": "sets the aria-labelledby attribute on tab panels to the corresponding tab id",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L67",
+      "reason": "generated element-id relationships are not portable across libraries"
+    },
+    {
+      "upstreamTest": "sets the aria-controls attribute on tabs to the corresponding tab panel id",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L92",
+      "reason": "generated element-id relationships are not portable across libraries"
+    },
+    {
+      "upstreamTest": "syncs aria-controls to the mounted tab panel when keepMounted is false",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L138",
+      "reason": "generated element-id relationships and mount lifecycle"
+    },
+    {
+      "upstreamTest": "cleans and replaces panel registrations in Strict Mode",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L167",
+      "reason": "React StrictMode/ref-registration API"
+    },
+    {
+      "upstreamTest": "should support values of different types",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L252",
+      "reason": "React API accepting object/function/symbol values"
+    },
+    {
+      "upstreamTest": "does not cancel automatic value changes",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L690",
+      "reason": "React eventDetails.cancel API"
+    },
+    {
+      "upstreamTest": "does not move an uncontrolled selection when a user-initiated change is canceled",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L721",
+      "reason": "React eventDetails.cancel API"
+    },
+    {
+      "upstreamTest": "does not emit missing when an enabled tab appears after all tabs were disabled",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L777",
+      "reason": "React re-render lifecycle"
+    },
+    {
+      "upstreamTest": "calls onValueChange when the selected tab is removed",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L978",
+      "reason": "React re-render lifecycle"
+    },
+    {
+      "upstreamTest": "calls onValueChange with null when the selected tab is removed and no tabs remain",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L1009",
+      "reason": "React re-render lifecycle"
+    },
+    {
+      "upstreamTest": "keeps a roving focus entry point when a controlled selected tab is removed",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L1148",
+      "reason": "React controlled-state lifecycle"
+    },
+    {
+      "upstreamTest": "should set the `data-activation-direction` attribute ...",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L1978",
+      "reason": "indicator/animation direction state"
+    },
+    {
+      "upstreamTest": "keeps a nested root independent from the one hosting its panel",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L2342",
+      "reason": "nested tablists outside the single tablist/tab/tabpanel target model"
+    },
+    {
+      "upstreamTest": "works inside Popover / Dialog",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L2399",
+      "reason": "integration with unrelated React components"
+    },
+    {
+      "upstreamTest": "highlight synchronization on external value change relative to focus",
+      "upstream": "packages/react/src/tabs/root/TabsRoot.test.tsx#L2485",
+      "reason": "React controlled async-state API"
+    },
+    {
+      "upstreamTest": "skips a natively disabled tab in a single keypress",
+      "upstream": "packages/react/src/tabs/list/TabsList.test.tsx#L132",
+      "reason": "distinguishes native `disabled` elements from aria-disabled tabs, which the scenario config does not model"
+    },
+    {
+      "upstreamTest": "roving focus after tab removal",
+      "upstream": "packages/react/src/tabs/list/TabsList.test.tsx#L160",
+      "reason": "React re-render lifecycle"
+    },
+    {
+      "upstreamTest": "renders as an anchor and toggles selection when `nativeButton` is false",
+      "upstream": "packages/react/src/tabs/tab/TabsTab.test.tsx#L34",
+      "reason": "React polymorphic render API"
+    },
+    {
+      "upstreamTest": "throws a descriptive error when rendered outside <Tabs.List>",
+      "upstream": "packages/react/src/tabs/tab/TabsTab.test.tsx#L101",
+      "reason": "React component-tree validation error"
+    },
+    {
+      "upstreamTest": "does not activate a tab focused by a held secondary-button press",
+      "upstream": "packages/react/src/tabs/tab/TabsTab.test.tsx#L164",
+      "reason": "React pointer-gesture bookkeeping"
+    },
+    {
+      "upstreamTest": "exposes tab activation direction through the render prop",
+      "upstream": "packages/react/src/tabs/tab/TabsTab.test.tsx#L245",
+      "reason": "React render-prop/animation state"
+    },
+    {
+      "upstreamTest": "sets the panel index data attribute",
+      "upstream": "packages/react/src/tabs/panel/TabsPanel.test.tsx#L64",
+      "reason": "library-specific data-* attribute"
+    },
+    {
+      "upstreamTest": "keeps the surviving registration when a shadowed panel unmounts",
+      "upstream": "packages/react/src/tabs/panel/TabsPanel.test.tsx#L28",
+      "reason": "React panel registration API"
+    },
+    {
+      "upstreamTest": "renders a panel that suspends when opened",
+      "upstream": "packages/react/src/tabs/panel/TabsPanel.test.tsx#L78",
+      "reason": "React Suspense integration"
+    },
+    {
+      "upstreamTest": "triggers enter animation via data-starting-style when mounting",
+      "upstream": "packages/react/src/tabs/panel/TabsPanel.test.tsx#L149",
+      "reason": "animation/styling"
+    },
+    {
+      "upstreamTest": "TabsIndicator tests",
+      "upstream": "packages/react/src/tabs/indicator/TabsIndicator.test.tsx",
+      "reason": "indicator-animation file"
+    }
+  ]
+}