@cssints/apg-specs 0.0.0-stage → 0.5.2

package/scenarios/apg/toolbar.ariakit.json

@@ -0,0 +1,595 @@
+{
+  "pattern": "toolbar",
+  "source": "ariakit",
+  "commit": "404c72257b879569feb08465da4ff9915fd873da",
+  "license": "MIT",
+  "skipped": [
+    {
+      "reason": "composite-navigation 'navigates a grid without focus shifting' - 2D grid model, not the toolbar roving model"
+    },
+    {
+      "reason": "composite-navigation 'navigates a grid with focus shifting' - 2D grid model"
+    },
+    {
+      "reason": "composite-navigation 'moves focus-visible with Ctrl+Home on a grid' - grid modifier/home key, not toolbar"
+    },
+    {
+      "reason": "composite-item-tabbable 'keeps a single tab stop per composite once hydrated' - multiple listbox composites with synthetic Tab, no toolbar part"
+    },
+    {
+      "reason": "composite-item-tabbable 'does not redirect focus to a non-focusable virtual focus owner' - console warning + virtual-focus implementation detail"
+    },
+    {
+      "reason": "composite-late-item-focus pending-move scenarios ('does not redirect a pending item move to the composite', 'does not replay ... after the active id cycles', 'before the first composite mount') - async store lifecycle, not observable keyboard model"
+    },
+    {
+      "reason": "toolbar-iframe-6316 / toolbar-pre-hydration / composite-iframe-* - iframe/hydration platform tests"
+    },
+    {
+      "reason": "composite-perf / composite-page-scroll / composite-superseded-move - performance and scroll internals"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "toolbar.ariakit.arrow-home-end",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/toolbar-keyboard-navigation/test.ts#L5",
+      "upstreamTest": "moves through toolbar items with keyboard commands",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Undo", "Redo", "separator", "Bold", "Italic", "Underline"],
+        "disabled": ["Redo"]
+      },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:3" } },
+        { "event": "key", "key": "End", "target": "item:3" },
+        { "expect": { "focus": "item:5" } },
+        { "event": "key", "key": "Home", "target": "item:5" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:0" } }
+      ],
+      "notes": "Disabled Redo and the separator are skipped; orthogonal arrow is a no-op."
+    },
+    {
+      "id": "toolbar.ariakit.enters-disabled-active-item",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/toolbar-keyboard-navigation/test.ts#L25",
+      "upstreamTest": "enters a toolbar whose active item is disabled",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Bold", "Italic", "Underline"],
+        "activeItem": 0,
+        "disabled": ["Bold"],
+        "externalBefore": true,
+        "externalAfter": true
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "Tab", "target": "item:1" },
+        { "expect": { "focus": null } },
+        { "event": "key", "key": "Tab", "modifiers": ["Shift"] },
+        { "expect": { "focus": "item:1" } }
+      ],
+      "notes": "The stored active item is disabled, so entry lands on the first enabled item; Shift+Tab re-entry is stable."
+    },
+    {
+      "id": "toolbar.ariakit.recovers-removed-active-item",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/toolbar-keyboard-navigation/test.ts#L40",
+      "upstreamTest": "recovers when the active toolbar item is removed",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Bold", "Italic", "Underline"]
+      },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        {
+          "event": "prop",
+          "target": "toolbar",
+          "set": { "removeItem": "item:1" }
+        },
+        { "event": "key", "key": "Tab", "modifiers": ["Shift"] },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:1" },
+        { "expect": { "focus": "item:0" } }
+      ],
+      "notes": "After removing Italic the DOM reindexes: Underline becomes item:1 and receives re-entry focus."
+    },
+    {
+      "id": "toolbar.ariakit.combobox-select-consumes-arrows",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/toolbar-keyboard-navigation/test.ts#L58",
+      "upstreamTest": "composes a ComboboxSelect with toolbar navigation",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Bold", "Italic", "Underline", "separator", "combobox"]
+      },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "End", "target": "item:0" },
+        { "expect": { "focus": "item:4" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:4" },
+        { "expect": { "focus": "option:0", "visible": ["popup"] } },
+        { "event": "key", "key": "ArrowDown", "target": "option:0" },
+        { "expect": { "focus": "option:1" } },
+        { "event": "key", "key": "Enter", "target": "option:1" },
+        { "expect": { "value": "Align Center", "focus": "item:4" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:4" },
+        { "expect": { "focus": "item:2" } }
+      ],
+      "notes": "The combobox consumes arrows while open; after selection the toolbar resumes roving focus. Nested control, not APG."
+    },
+    {
+      "id": "toolbar.ariakit.textbox-consumes-composing-enter",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/toolbar-container-focus/test.ts#L16",
+      "upstreamTest": "keeps focus in the field on composing Enter",
+      "apg": "extension",
+      "config": { "orientation": "horizontal", "items": ["textbox", "button"] },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        {
+          "event": "key",
+          "key": "Enter",
+          "isComposing": true,
+          "target": "item:0"
+        },
+        { "expect": { "focus": "item:0" } }
+      ],
+      "notes": "IME composition Enter (also the Safari keyCode 229 variant) must not trigger toolbar navigation. Nested control, not APG."
+    },
+    {
+      "id": "toolbar.ariakit.separator-orientation",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/toolbar-separator-6302/test.ts#L5",
+      "upstreamTest": "honors explicit toolbar separator orientation",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["separator", "separator", "separator"],
+        "separatorOrientations": ["vertical", "horizontal", "inherit"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-orientation": "vertical" },
+              "item:1": { "aria-orientation": "horizontal" },
+              "item:2": { "aria-orientation": "vertical" }
+            }
+          }
+        }
+      ],
+      "notes": "Explicit separator aria-orientation wins; unspecified falls back to the toolbar's orientation."
+    },
+    {
+      "id": "toolbar.ariakit.composite-menubar-horizontal",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/menubar-composite-orientation/test-chrome.ts#L4",
+      "upstreamTest": "renders role and orientation attributes for composite menubars > default",
+      "apg": "extension",
+      "config": { "role": "menubar", "orientation": "horizontal" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "toolbar": { "role": "menubar", "aria-orientation": "horizontal" }
+            }
+          }
+        }
+      ],
+      "notes": "Same composite model as toolbar; menubar, not toolbar."
+    },
+    {
+      "id": "toolbar.ariakit.composite-menubar-vertical",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/menubar-composite-orientation/test-chrome.ts#L13",
+      "upstreamTest": "renders role and orientation attributes for composite menubars > vertical",
+      "apg": "extension",
+      "config": { "role": "menubar", "orientation": "vertical" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "toolbar": { "role": "menubar", "aria-orientation": "vertical" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.composite-menubar-both-omits-orientation",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/menubar-composite-orientation/test-chrome.ts#L19",
+      "upstreamTest": "renders role and orientation attributes for composite menubars > both",
+      "apg": "extension",
+      "config": { "role": "menubar", "orientation": "both" },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "toolbar": { "role": "menubar", "aria-orientation": null }
+            }
+          }
+        }
+      ],
+      "notes": "Orientation 'both' navigates on two axes, so aria-orientation is omitted."
+    },
+    {
+      "id": "toolbar.ariakit.composite-false-omits-role",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/menubar-composite-orientation/test-chrome.ts#L24",
+      "upstreamTest": "omits menubar role and orientation when composite is false",
+      "apg": "extension",
+      "config": { "role": "menubar", "composite": false },
+      "steps": [
+        {
+          "expect": {
+            "attrs": { "toolbar": { "role": null, "aria-orientation": null } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.non-looping-composite",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-navigation/test.ts#L4",
+      "upstreamTest": "navigates a non-looping composite",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "both",
+        "loopFocus": false,
+        "items": ["Apple", "Grape", "Orange"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "data-active-item": "" } }
+          }
+        },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowUp", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "event": "key", "key": "ArrowDown", "target": "item:2" },
+        { "expect": { "focus": "item:2" } }
+      ],
+      "notes": "Both axes navigate; the composite does not wrap at either end."
+    },
+    {
+      "id": "toolbar.ariakit.focus-visible-follows-roving",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-navigation/test.ts#L35",
+      "upstreamTest": "moves focus-visible state to the next item",
+      "apg": "extension",
+      "config": {
+        "orientation": "both",
+        "items": ["Apple", "Grape", "Orange"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": {
+                "data-focus-visible": "true",
+                "data-active-item": "true"
+              }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": {
+              "item:0": {
+                "data-focus-visible": null,
+                "data-active-item": null
+              },
+              "item:1": {
+                "data-focus-visible": "true",
+                "data-active-item": "true"
+              }
+            }
+          }
+        }
+      ],
+      "notes": "data-focus-visible is a styling attribute; recorded as extension to the keyboard model."
+    },
+    {
+      "id": "toolbar.ariakit.alt-modified-arrow-moves-focus",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-navigation/test.ts#L83",
+      "upstreamTest": "moves focus-visible with an Alt-modified navigation key",
+      "apg": "extension",
+      "config": {
+        "orientation": "both",
+        "items": ["Apple", "Grape", "Orange"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "data-focus-visible": null } }
+          }
+        },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Alt"]
+        },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": { "item:1": { "data-focus-visible": "true" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.plain-shortcut-keeps-pointer-modality",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-navigation/test.ts#L130",
+      "upstreamTest": "keeps pointer modality on a modified non-navigation key",
+      "apg": "extension",
+      "config": {
+        "orientation": "both",
+        "items": ["Apple", "Grape", "Orange"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:2" },
+        {
+          "event": "key",
+          "key": "c",
+          "target": "item:2",
+          "modifiers": ["Control"]
+        },
+        {
+          "expect": {
+            "focus": "item:2",
+            "attrs": { "item:2": { "data-focus-visible": null } }
+          }
+        },
+        { "event": "focus", "target": "item:1" },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": { "item:1": { "data-focus-visible": null } }
+          }
+        }
+      ],
+      "notes": "A modified non-navigation key must not switch to keyboard modality."
+    },
+    {
+      "id": "toolbar.ariakit.includes-composite-element-in-focus-order",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-navigation/test.ts#L151",
+      "upstreamTest": "updates focus order through the deprecated prop",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Legacy one", "Legacy two"],
+        "includesBaseElement": true
+      },
+      "steps": [
+        { "event": "focus", "target": "item:1" },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "toolbar" } }
+      ],
+      "notes": "With includesBaseElement the container itself joins the focus order."
+    },
+    {
+      "id": "toolbar.ariakit.accessible-disabled-inherited-focusable",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L51",
+      "upstreamTest": "moves to an accessible disabled item inherited through composition",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Inherited one", "Inherited two"],
+        "disabledFocusable": ["Inherited two"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": {
+              "item:1": {
+                "aria-disabled": "true",
+                "disabled": null,
+                "data-truly-disabled": "false"
+              }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } }
+      ],
+      "notes": "aria-disabled but not natively disabled => still focusable."
+    },
+    {
+      "id": "toolbar.ariakit.accessible-disabled-resolved-below",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L69",
+      "upstreamTest": "moves to an accessible disabled item resolved below it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Rendered one", "Rendered two"],
+        "disabledFocusable": ["Rendered two"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        {
+          "expect": {
+            "attrs": {
+              "item:1": {
+                "aria-disabled": "true",
+                "disabled": null,
+                "data-truly-disabled": "false"
+              }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.skips-disabled-resolved-below",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L83",
+      "upstreamTest": "skips a disabled item resolved below it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Nested one", "Nested two", "Nested three"],
+        "disabled": ["Nested two"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        { "expect": { "attrs": { "item:1": { "disabled": "" } } } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.skips-disabled-inactive-focusable",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L91",
+      "upstreamTest": "skips a disabled item with an inactive Focusable",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Inactive one", "Inactive two", "Inactive three"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.skips-disabled-inactive-focusable-below",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L98",
+      "upstreamTest": "skips a disabled item with an inactive Focusable below it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": [
+          "Rendered inactive one",
+          "Rendered inactive two",
+          "Rendered inactive three"
+        ]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.moves-to-accessible-disabled-active-focusable",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L105",
+      "upstreamTest": "moves to an accessible disabled item with an active Focusable below it",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["Rendered active one", "Rendered active two"],
+        "accessibleDisabled": ["Rendered active two"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        {
+          "expect": {
+            "attrs": { "item:1": { "data-truly-disabled": "false" } }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.skips-direct-disabled-inactive-accessible",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L117",
+      "upstreamTest": "skips a directly disabled item with an inactive accessible Focusable",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": [
+          "Direct accessible inactive one",
+          "Direct accessible inactive two",
+          "Direct accessible inactive three"
+        ]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.skips-inherited-disabled-inactive-accessible",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-item-tabbable/test.ts#L124",
+      "upstreamTest": "skips an inherited disabled item with an inactive accessible Focusable",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": [
+          "Inherited accessible inactive one",
+          "Inherited accessible inactive two",
+          "Inherited accessible inactive three"
+        ]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.ariakit.late-item-not-refocused-after-focus-leaves",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-late-item-focus/test.ts#L5",
+      "upstreamTest": "does not refocus a late item after focus leaves the composite",
+      "apg": "keyboard",
+      "config": { "orientation": "horizontal", "items": ["First", "Second"] },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "Tab", "target": "item:1" },
+        { "expect": { "focus": null } },
+        {
+          "event": "prop",
+          "target": "toolbar",
+          "set": { "appendItem": "Late" }
+        },
+        { "expect": { "focus": null } }
+      ],
+      "notes": "Mounting a new item while focus is outside must not steal focus back into the composite."
+    },
+    {
+      "id": "toolbar.ariakit.only-latest-item-after-rapid-moves",
+      "upstream": "https://github.com/ariakit/ariakit/blob/404c72257b879569feb08465da4ff9915fd873da/app/src/sandbox/composite-late-item-focus/test.ts#L30",
+      "upstreamTest": "only focuses the latest item after rapid unresolved moves",
+      "apg": "keyboard",
+      "config": { "orientation": "horizontal", "items": ["First", "Second"] },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        {
+          "event": "prop",
+          "target": "toolbar",
+          "set": { "appendItems": ["Late", "Later"] }
+        },
+        { "expect": { "focus": "item:3" } }
+      ],
+      "notes": "After rapid moves and a late mount, only the latest requested item (item:3 'Later') holds focus, not 'Late'."
+    }
+  ]
+}