1) e2e/popover.e2e.ts:53:7 › popover › [keyboard / non-modal] on tab outside: should move focus to next tabbable element after button Error: Timed out 10000ms waiting for expect(locator).toBeFocused() Locator: locator('[data-testid=button\\-after]') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 10000ms - waiting for locator('[data-testid=button\\-after]') 14 × locator resolved to <button data-testid="button-after">Button :after</button> - unexpected value "inactive" at models/popover.model.ts:87 85 | 86 | seeButtonAfterIsFocused() { > 87 | return expect(this.buttonAfter).toBeFocused() | ^ 88 | } 89 | 90 | seeButtonBeforeIsFocused() { at PopoverModel.seeButtonAfterIsFocused (/home/runner/work/zag/zag/e2e/models/popover.model.ts:87:37) at /home/runner/work/zag/zag/e2e/popover.e2e.ts:57:13

e2e/menu-option.e2e.ts:26:7 › menu option › keyboard: e2e/models/menu.model.ts#L63

1) e2e/menu-option.e2e.ts:26:7 › menu option › keyboard, should check/uncheck radio item ───────── Error: Timed out 10000ms waiting for expect(locator).not.toBeVisible() Locator: locator('[data-scope=menu][data-part=content]') Expected: not visible Received: visible Call log: - expect.not.toBeVisible with timeout 10000ms - waiting for locator('[data-scope=menu][data-part=content]') 14 × locator resolved to <div role="menu" tabindex="0" data-scope="menu" data-state="open" data-part="content" id="menu::R6m::content" aria-activedescendant="desc" data-placement="bottom-start" aria-labelledby="menu::R6m::trigger">…</div> - unexpected value "visible" at models/menu.model.ts:63 61 | 62 | dontSeeDropdown = async () => { > 63 | await expect(this.content).not.toBeVisible() | ^ 64 | } 65 | 66 | seeItemIsHighlighted = async (text: string) => { at MenuModel.dontSeeDropdown (/home/runner/work/zag/zag/e2e/models/menu.model.ts:63:36) at /home/runner/work/zag/zag/e2e/menu-option.e2e.ts:30:13

e2e/tags-input.e2e.ts:26:7 › tags-input › deletes tag with backspace when input value is empty: e2e/models/tags-input.model.ts#L70

1) e2e/tags-input.e2e.ts:26:7 › tags-input › deletes tag with backspace when input value is empty Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-testid=svelte-tag]') Expected string: "" Received string: serializes to the same string Call log: - expect.toHaveAttribute with timeout 10000ms - waiting for locator('[data-testid=svelte-tag]') 14 × locator resolved to <div dir="ltr" data-value="Svelte" data-scope="tags-input" data-testid="svelte-tag" data-part="item-preview" id="tags-input::R6m::tag:Svelte:2">…</div> - unexpected value "null" at models/tags-input.model.ts:70 68 | 69 | async seeTagIsHighlighted(value: string) { > 70 | await expect(this.getTag(value)).toHaveAttribute("data-highlighted", "") | ^ 71 | } 72 | 73 | async seeTag(value: string) { at TagsInputModel.seeTagIsHighlighted (/home/runner/work/zag/zag/e2e/models/tags-input.model.ts:70:38) at /home/runner/work/zag/zag/e2e/tags-input.e2e.ts:30:13

e2e/tags-input.e2e.ts:117:7 › tags-input › edit tag with enter key: e2e/models/tags-input.model.ts#L90

2) e2e/tags-input.e2e.ts:117:7 › tags-input › edit tag with enter key ──────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toBeFocused() Locator: locator('[data-testid=svelte-input]') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 10000ms - waiting for locator('[data-testid=svelte-input]') 14 × locator resolved to <input value="" dir="ltr" hidden="" tabindex="-1" data-part="item-input" data-scope="tags-input" data-testid="svelte-input" id="tags-input::R6m::tag:Svelte:2:input" aria-label="Editing tag Svelte. Press enter to save or escape to cancel."/> - unexpected value "inactive" at models/tags-input.model.ts:90 88 | 89 | async seeTagInputIsFocused(value: string) { > 90 | await expect(this.getTagInput(value)).toBeFocused() | ^ 91 | } 92 | 93 | async dontSeeTagInput(value: string) { at TagsInputModel.seeTagInputIsFocused (/home/runner/work/zag/zag/e2e/models/tags-input.model.ts:90:43) at /home/runner/work/zag/zag/e2e/tags-input.e2e.ts:124:13

e2e/menu.e2e.ts:48:7 › menu › with keyboard: e2e/models/menu.model.ts#L63

1) e2e/menu.e2e.ts:48:7 › menu › with keyboard, can select item ────────────────────────────────── Error: Timed out 10000ms waiting for expect(locator).not.toBeVisible() Locator: locator('[data-scope=menu][data-part=content]') Expected: not visible Received: visible Call log: - expect.not.toBeVisible with timeout 10000ms - waiting for locator('[data-scope=menu][data-part=content]') 14 × locator resolved to <ul role="menu" tabindex="0" data-scope="menu" data-state="open" data-part="content" id="menu::R6m::content" data-placement="bottom-start" aria-labelledby="menu::R6m::trigger">…</ul> - unexpected value "visible" at models/menu.model.ts:63 61 | 62 | dontSeeDropdown = async () => { > 63 | await expect(this.content).not.toBeVisible() | ^ 64 | } 65 | 66 | seeItemIsHighlighted = async (text: string) => { at MenuModel.dontSeeDropdown (/home/runner/work/zag/zag/e2e/models/menu.model.ts:63:36) at /home/runner/work/zag/zag/e2e/menu.e2e.ts:52:13

e2e/navigation-menu.e2e.ts:79:7 › navigation-menu › tab navigation: e2e/models/navigation-menu.model.ts#L67

2) e2e/navigation-menu.e2e.ts:79:7 › navigation-menu › tab navigation ──────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toBeFocused() Locator: locator('[data-scope="navigation-menu"][data-part="link"][data-value="pricing"]') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 10000ms - waiting for locator('[data-scope="navigation-menu"][data-part="link"][data-value="pricing"]') 14 × locator resolved to <a href="#" dir="ltr" data-part="link" data-value="pricing" data-scope="navigation-menu" data-ownedby="nav-menu::R6m::content:pricing">Pricing</a> - unexpected value "inactive" at models/navigation-menu.model.ts:67 65 | 66 | async seeLinkIsFocused(value: string) { > 67 | await expect(this.getLink(value)).toBeFocused() | ^ 68 | } 69 | } 70 | at NavigationMenuModel.seeLinkIsFocused (/home/runner/work/zag/zag/e2e/models/navigation-menu.model.ts:67:39) at /home/runner/work/zag/zag/e2e/navigation-menu.e2e.ts:90:13

e2e/number-input.e2e.ts:133:7 › number input › dec longpress: should spin value downwards: e2e/models/number-input.model.ts#L44

3) e2e/number-input.e2e.ts:133:7 › number input › dec longpress: should spin value downwards ───── Error: Timed out 10000ms waiting for expect(locator).toHaveValue(expected) Locator: locator('[data-testid=input]') Expected string: "10" Received string: "0" Call log: - expect.toHaveValue with timeout 10000ms - waiting for locator('[data-testid=input]') 2 × locator resolved to <input dir="ltr" value="8" type="text" data-part="input" role="spinbutton" autocorrect="off" aria-valuemin="0" aria-valuenow="8" autocomplete="off" spellcheck="false" data-testid="input" inputmode="decimal" aria-valuemax="100" data-scope="number-input" pattern="[0-9]*(.[0-9]+)?" id="number-input::R6m::input" aria-roledescription="numberfield"/> - unexpected value "8" - locator resolved to <input dir="ltr" value="6" type="text" data-part="input" role="spinbutton" autocorrect="off" aria-valuemin="0" aria-valuenow="6" autocomplete="off" spellcheck="false" data-testid="input" inputmode="decimal" aria-valuemax="100" data-scope="number-input" pattern="[0-9]*(.[0-9]+)?" id="number-input::R6m::input" aria-roledescription="numberfield"/> - unexpected value "6" - locator resolved to <input dir="ltr" value="1" type="text" data-part="input" role="spinbutton" autocorrect="off" aria-valuemin="0" aria-valuenow="1" autocomplete="off" spellcheck="false" data-testid="input" inputmode="decimal" aria-valuemax="100" data-scope="number-input" pattern="[0-9]*(.[0-9]+)?" id="number-input::R6m::input" aria-roledescription="numberfield"/> - unexpected value "1" 10 × locator resolved to <input dir="ltr" value="0" type="text" data-part="input" role="spinbutton" autocorrect="off" aria-valuemin="0" aria-valuenow="0" autocomplete="off" spellcheck="false" data-testid="input" inputmode="decimal" aria-valuemax="100" data-scope="number-input" pattern="[0-9]*(.[0-9]+)?" id="number-input::R6m::input" aria-roledescription="numberfield"/> - unexpected value "0" at models/number-input.model.ts:44 42 | 43 | async seeInputHasValue(value: string) { > 44 | await expect(this.input).toHaveValue(value) | ^ 45 | } 46 | 47 | async seeInputIsInvalid() { at NumberInputModel.seeInputHasValue (/home/runner/work/zag/zag/e2e/models/number-input.model.ts:44:30) at /home/runner/work/zag/zag/e2e/number-input.e2e.ts:141:13

e2e/toggle-group.e2e.ts:84:7 › toggle-group › [keyboard] focus loop: e2e/models/toggle-group.model.ts#L34

1) e2e/toggle-group.e2e.ts:84:7 › toggle-group › [keyboard] focus loop ─────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toBeFocused() Locator: locator('[data-part=item]').nth(1) Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 10000ms - waiting for locator('[data-part=item]').nth(1) 14 × locator resolved to <button role="radio" type="button" tabindex="-1" data-part="item" data-state="off" aria-checked="false" data-scope="toggle-group" data-orientation="horizontal" id="toggle-group::R6m::italic" data-ownedby="toggle-group::R6m:">I</button> - unexpected value "inactive" at models/toggle-group.model.ts:34 32 | 33 | seeItemIsFocused(item: Item) { > 34 | return expect(this.__item(item)).toBeFocused() | ^ 35 | } 36 | 37 | seeItemIsNotFocused(item: Item) { at ToggleGroupModel.seeItemIsFocused (/home/runner/work/zag/zag/e2e/models/toggle-group.model.ts:34:38) at /home/runner/work/zag/zag/e2e/toggle-group.e2e.ts:90:13

ESLint