@cssints/apg-specs 0.0.0-stage → 0.5.1

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

@@ -0,0 +1,544 @@
+{
+  "pattern": "slider",
+  "source": "base-ui",
+  "commit": "19511bb171f3b360b006c94cf6d07e53cb446505",
+  "license": "MIT",
+  "skipped": [],
+  "scenarios": [
+    {
+      "id": "slider.base-ui.aria-attributes",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L172",
+      "upstreamTest": "SliderRoot > ARIA attributes > has the correct aria attributes",
+      "apg": "aria",
+      "config": { "thumbs": 1, "value": 30, "labelledBy": "labelId" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "thumb:0": {
+                "role": "slider",
+                "aria-valuenow": "30",
+                "aria-orientation": "horizontal",
+                "aria-labelledby": "labelId",
+                "step": "1"
+              }
+            }
+          }
+        }
+      ],
+      "notes": "base-ui renders a hidden input[type=range] as the slider control; role/tag is implementation, the ARIA value/orientation/step contract is what is ported."
+    },
+    {
+      "id": "slider.base-ui.aria-valuenow-updates-on-input-and-arrow",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L198",
+      "upstreamTest": "SliderRoot > ARIA attributes > should update aria-valuenow",
+      "apg": "aria",
+      "config": { "thumbs": 1, "value": 50 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "type", "target": "thumb:0", "value": 51 },
+        { "expect": { "attrs": { "thumb:0": { "aria-valuenow": "51" } } } },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        { "expect": { "attrs": { "thumb:0": { "aria-valuenow": "52" } } } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.aria-valuetext-from-getAriaValueText",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/thumb/SliderThumb.test.tsx#L74",
+      "upstreamTest": "SliderThumb > ARIA attributes > prefers getAriaValueText over a direct aria-valuetext prop",
+      "apg": "aria",
+      "config": { "thumbs": 1, "value": 50, "valueText": "50 percent" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "thumb:0": { "aria-valuetext": "50 percent" } }
+          }
+        }
+      ],
+      "notes": "The formatted text is supplied by the caller; the port asserts only that aria-valuetext reflects the derived text."
+    },
+    {
+      "id": "slider.base-ui.aria-orientation-vertical",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L489",
+      "upstreamTest": "SliderRoot > prop: orientation > sets the aria-orientation attribute",
+      "apg": "aria",
+      "config": { "thumbs": 1, "orientation": "vertical" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "thumb:0": { "aria-orientation": "vertical" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.arrow-right-increments-arrow-left-decrements",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2467",
+      "upstreamTest": "SliderRoot > keyboard interactions > ltr horizontal > key: ArrowRight increments the value",
+      "apg": "keyboard",
+      "config": {
+        "thumbs": 1,
+        "value": 20,
+        "orientation": "horizontal",
+        "dir": "ltr"
+      },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        {
+          "expect": {
+            "value": 21,
+            "attrs": { "thumb:0": { "aria-valuenow": "21" } }
+          }
+        },
+        { "event": "key", "target": "thumb:0", "key": "ArrowLeft" },
+        {
+          "expect": {
+            "value": 20,
+            "attrs": { "thumb:0": { "aria-valuenow": "20" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.arrow-up-increments-arrow-down-decrements",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2467",
+      "upstreamTest": "SliderRoot > keyboard interactions > ltr horizontal > key: ArrowUp increments the value / ArrowDown decrements the value",
+      "apg": "keyboard",
+      "config": {
+        "thumbs": 1,
+        "value": 20,
+        "orientation": "horizontal",
+        "dir": "ltr"
+      },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowUp" },
+        { "expect": { "value": 21 } },
+        { "event": "key", "target": "thumb:0", "key": "ArrowDown" },
+        { "expect": { "value": 20 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.rtl-horizontal-arrows-reverse",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2471",
+      "upstreamTest": "SliderRoot > keyboard interactions > rtl horizontal > key: ArrowLeft increments the value",
+      "apg": "keyboard",
+      "config": {
+        "thumbs": 1,
+        "value": 20,
+        "orientation": "horizontal",
+        "dir": "rtl"
+      },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowLeft" },
+        {
+          "expect": {
+            "value": 21,
+            "attrs": { "thumb:0": { "aria-valuenow": "21" } }
+          }
+        },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        { "expect": { "value": 20 } }
+      ],
+      "notes": "APG slider does not itself specify RTL arrow reversal; RTL is modelled as the horizontal mirror rule."
+    },
+    {
+      "id": "slider.base-ui.vertical-arrow-up-increments",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2469",
+      "upstreamTest": "SliderRoot > keyboard interactions > ltr vertical > key: ArrowUp increments the value",
+      "apg": "keyboard",
+      "config": {
+        "thumbs": 1,
+        "value": 20,
+        "orientation": "vertical",
+        "dir": "ltr"
+      },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowUp" },
+        { "expect": { "value": 21 } },
+        { "event": "key", "target": "thumb:0", "key": "ArrowDown" },
+        { "expect": { "value": 20 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.keyboard-rounds-fractional-value-to-step",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2617",
+      "upstreamTest": "SliderRoot > keyboard interactions > key: ArrowRight rounds fractional values to the configured step",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 0.2, "min": 0, "max": 1, "step": 0.1 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        {
+          "expect": {
+            "value": 0.3,
+            "attrs": { "thumb:0": { "aria-valuenow": "0.3" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.keyboard-corrects-invalid-value-to-step-grid",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L3039",
+      "upstreamTest": "SliderRoot > keyboard interactions > keypresses should correct invalid values",
+      "apg": "keyboard",
+      "config": {
+        "thumbs": 1,
+        "value": 5.4698,
+        "min": 0,
+        "max": 10,
+        "step": 1
+      },
+      "steps": [
+        { "expect": { "attrs": { "thumb:0": { "aria-valuenow": "5.4698" } } } },
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        {
+          "expect": {
+            "value": 6,
+            "attrs": { "thumb:0": { "aria-valuenow": "6" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.shift-arrow-right-uses-large-step",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2652",
+      "upstreamTest": "SliderRoot > keyboard interactions > key: ArrowRight increments the value by largeStep when Shift is pressed",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 20, "largeStep": 10 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        {
+          "event": "key",
+          "target": "thumb:0",
+          "key": "ArrowRight",
+          "modifiers": ["Shift"]
+        },
+        {
+          "expect": {
+            "value": 30,
+            "attrs": { "thumb:0": { "aria-valuenow": "30" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.shift-arrow-right-clamps-at-max",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2685",
+      "upstreamTest": "SliderRoot > keyboard interactions > key: ArrowRight stops at max when incrementing while Shift is pressed",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 20, "largeStep": 10, "max": 21 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        {
+          "event": "key",
+          "target": "thumb:0",
+          "key": "ArrowRight",
+          "modifiers": ["Shift"]
+        },
+        {
+          "expect": {
+            "value": 21,
+            "attrs": { "thumb:0": { "aria-valuenow": "21" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.page-up-page-down-use-large-step",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2866",
+      "upstreamTest": "SliderRoot > keyboard interactions > key: PageUp increments the value by largeStep / PageDown decrements",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 20, "largeStep": 5 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "PageUp" },
+        { "expect": { "value": 25 } },
+        { "event": "key", "target": "thumb:0", "key": "PageDown" },
+        { "expect": { "value": 20 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.page-up-clamps-at-max",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2933",
+      "upstreamTest": "SliderRoot > keyboard interactions > key: PageUp does not exceed max",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 20, "largeStep": 5, "max": 21 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "PageUp" },
+        { "expect": { "value": 21 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.home-and-end-jump-to-extremes",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2720",
+      "upstreamTest": "SliderRoot > keyboard interactions > key: End sets value to max / key: Home sets value to min",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 20, "min": 17, "max": 77 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "Home" },
+        { "expect": { "value": 17 } },
+        { "event": "key", "target": "thumb:0", "key": "End" },
+        { "expect": { "value": 77 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.arrow-right-at-max-stays",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L690",
+      "upstreamTest": "SliderRoot > prop: max > should not go more than the max",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 100, "step": 100, "max": 200 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        { "expect": { "value": 200 } },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        { "expect": { "value": 200 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.arrow-left-at-min-stays",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L765",
+      "upstreamTest": "SliderRoot > prop: min > should not go less than the min",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 1, "step": 1, "min": 0 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowLeft" },
+        { "expect": { "value": 0 } },
+        { "event": "key", "target": "thumb:0", "key": "ArrowLeft" },
+        { "expect": { "value": 0 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.input-clamps-to-min-and-max",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/thumb/SliderThumb.test.tsx#L411",
+      "upstreamTest": "SliderThumb > change > does not change the value beyond min and max",
+      "apg": "aria",
+      "config": { "thumbs": 1, "value": 50, "min": 40, "max": 60 },
+      "steps": [
+        { "event": "type", "target": "thumb:0", "value": 30 },
+        { "expect": { "value": 40, "events": { "onValueChange": [[40]] } } },
+        { "event": "type", "target": "thumb:0", "value": 30 },
+        { "expect": { "value": 40 } },
+        { "event": "type", "target": "thumb:0", "value": 70 },
+        {
+          "expect": { "value": 60, "events": { "onValueChange": [[40], [60]] } }
+        },
+        { "event": "type", "target": "thumb:0", "value": 70 },
+        { "expect": { "value": 60 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.pointer-track-press-sets-value-and-focus",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L1465",
+      "upstreamTest": "SliderRoot > events > should call handlers (track press)",
+      "apg": "pointer",
+      "config": { "thumbs": 1, "value": 0 },
+      "steps": [
+        { "event": "pointerdown", "target": "track", "position": 0.1 },
+        { "event": "pointerup", "target": "track", "position": 0.1 },
+        {
+          "expect": {
+            "value": 10,
+            "focus": "thumb:0",
+            "events": {
+              "onValueChange": [
+                [10, { "activeThumbIndex": 0, "reason": "trackPress" }]
+              ],
+              "onValueCommitted": [[10, { "reason": "trackPress" }]]
+            }
+          }
+        }
+      ],
+      "notes": "position is a fraction of the track's length; base-ui width was 100px so 0.1 maps to value 10."
+    },
+    {
+      "id": "slider.base-ui.pointer-track-drag-clamps-to-bounds",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L703",
+      "upstreamTest": "SliderRoot > prop: max > should reach right edge value",
+      "apg": "pointer",
+      "config": { "thumbs": 1, "value": 90, "min": 6, "max": 108, "step": 10 },
+      "steps": [
+        { "event": "pointerdown", "target": "track", "position": 0.2 },
+        { "event": "pointermove", "target": "track", "position": 1.0 },
+        { "expect": { "value": 106 } },
+        { "event": "pointermove", "target": "track", "position": 2.0 },
+        { "expect": { "value": 106 } },
+        { "event": "pointermove", "target": "track", "position": 0.5 },
+        { "expect": { "value": 56 } },
+        { "event": "pointermove", "target": "track", "position": -1.0 },
+        { "expect": { "value": 6 } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.pointer-down-on-thumb-does-not-change-value",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L1938",
+      "upstreamTest": "SliderRoot > prop: onValueChange > is not called when clicking on the thumb",
+      "apg": "pointer",
+      "config": { "thumbs": 1, "value": 50 },
+      "steps": [
+        { "event": "pointerdown", "target": "thumb:0", "position": 0.51 },
+        { "expect": { "value": 50, "events": { "onValueChange": [] } } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.right-click-on-track-does-not-change-value",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L1955",
+      "upstreamTest": "SliderRoot > prop: onValueChange > should not react to right clicks",
+      "apg": "pointer",
+      "config": { "thumbs": 1, "value": 50 },
+      "steps": [
+        {
+          "event": "pointerdown",
+          "target": "track",
+          "position": 0.41,
+          "button": 2
+        },
+        { "expect": { "value": 50, "events": { "onValueChange": [] } } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.pointer-drag-snaps-to-step",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L573",
+      "upstreamTest": "SliderRoot > prop: step > should round value to step precision",
+      "apg": "pointer",
+      "config": { "thumbs": 1, "value": 0.2, "min": 0, "max": 1, "step": 0.1 },
+      "steps": [
+        { "event": "pointerdown", "target": "track", "position": 0.2 },
+        { "event": "pointermove", "target": "track", "position": 0.8 },
+        {
+          "expect": {
+            "value": 0.8,
+            "attrs": { "thumb:0": { "aria-valuenow": "0.8" } }
+          }
+        },
+        { "event": "pointermove", "target": "track", "position": 0.4 },
+        {
+          "expect": {
+            "value": 0.4,
+            "attrs": { "thumb:0": { "aria-valuenow": "0.4" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.rtl-pointer-drag-mirrors-value",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L224",
+      "upstreamTest": "SliderRoot > rtl > should handle RTL",
+      "apg": "pointer",
+      "config": {
+        "thumbs": 1,
+        "value": 30,
+        "dir": "rtl",
+        "min": 0,
+        "max": 100
+      },
+      "steps": [
+        { "event": "pointerdown", "target": "track", "position": 0.2 },
+        { "event": "pointermove", "target": "track", "position": 0.22 },
+        {
+          "expect": {
+            "value": 78,
+            "events": {
+              "onValueChange": [[80], [78]]
+            }
+          }
+        }
+      ],
+      "notes": "Upstream drives this with touch events and asserts the mirrored values 80 then 78; ported as pointer with the same track fractions."
+    },
+    {
+      "id": "slider.base-ui.callback-reason-for-input-change",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L1971",
+      "upstreamTest": "SliderRoot > prop: onValueChange > provides the change reason for input events",
+      "apg": "extension",
+      "config": { "thumbs": 1, "value": 30 },
+      "steps": [
+        { "event": "type", "target": "thumb:0", "value": 35 },
+        {
+          "expect": {
+            "events": {
+              "onValueChange": [
+                [35, { "reason": "inputChange", "activeThumbIndex": 0 }]
+              ]
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.callback-reason-for-keyboard-change",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L1987",
+      "upstreamTest": "SliderRoot > prop: onValueChange > provides the change reason for keyboard interactions",
+      "apg": "extension",
+      "config": { "thumbs": 1, "value": 40 },
+      "steps": [
+        { "event": "focus", "target": "thumb:0" },
+        { "event": "key", "target": "thumb:0", "key": "ArrowRight" },
+        {
+          "expect": {
+            "events": { "onValueChange": [[41, { "reason": "keyboard" }]] }
+          }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.value-change-only-when-value-changes",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L2231",
+      "upstreamTest": "SliderRoot > prop: onValueChange > should fire only when the value changes",
+      "apg": "extension",
+      "config": { "thumbs": 1, "value": 20 },
+      "steps": [
+        { "event": "pointerdown", "target": "track", "position": 0.21 },
+        { "event": "pointermove", "target": "track", "position": 0.22 },
+        { "event": "pointermove", "target": "track", "position": 0.22 },
+        {
+          "expect": { "value": 22, "events": { "onValueChange": [[21], [22]] } }
+        }
+      ]
+    },
+    {
+      "id": "slider.base-ui.disabled-single-thumb-ignores-track-press",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/root/SliderRoot.test.tsx#L427",
+      "upstreamTest": "SliderRoot > prop: disabled > does not change a single disabled thumb when pressing the track",
+      "apg": "extension",
+      "config": { "thumbs": 1, "value": 20, "disabled": true },
+      "steps": [
+        { "event": "pointerdown", "target": "track", "position": 0.8 },
+        { "event": "pointerup", "target": "track", "position": 0.8 },
+        { "expect": { "value": 20, "events": { "onValueChange": [] } } }
+      ]
+    },
+    {
+      "id": "slider.base-ui.thumb-in-tab-sequence",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/thumb/SliderThumb.test.tsx#L469",
+      "upstreamTest": "SliderThumb > prop: tabIndex > does not apply tabIndex to the thumb element by default",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 50 },
+      "steps": [{ "expect": { "attrs": { "thumb:0": { "tabindex": "0" } } } }]
+    },
+    {
+      "id": "slider.base-ui.thumb-removed-from-tab-sequence",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/slider/thumb/SliderThumb.test.tsx#L483",
+      "upstreamTest": "SliderThumb > prop: tabIndex > can be removed from the tab sequence",
+      "apg": "keyboard",
+      "config": { "thumbs": 1, "value": 50, "thumbTabIndex": -1 },
+      "steps": [
+        { "event": "key", "target": "body", "key": "Tab" },
+        {
+          "expect": {
+            "focus": null,
+            "attrs": { "thumb:0": { "tabindex": "-1" } }
+          }
+        }
+      ]
+    }
+  ]
+}