1) 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

popover.e2e.ts:82:7 › popover › [pointer] when clicking outside: e2e/models/popover.model.ts#L79

1) popover.e2e.ts:82:7 › popover › [pointer] when clicking outside, should re-focus the button on click non-focusable element Error: Timed out 10000ms waiting for expect(locator).toBeFocused() Locator: locator('[data-scope=popover][data-part=trigger]') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 10000ms - waiting for locator('[data-scope=popover][data-part=trigger]') 14 × locator resolved to <button type="button" data-state="open" data-part="trigger" data-scope="popover" aria-expanded="true" aria-haspopup="dialog" data-placement="bottom" id="popover::R6m::trigger" data-testid="popover-trigger" aria-controls="popover::R6m::content">…</button> - unexpected value "not focused" at models/popover.model.ts:79 77 | 78 | seeTriggerIsFocused() { > 79 | return expect(this.trigger).toBeFocused() | ^ 80 | } 81 | 82 | seeContentIsFocused() { at PopoverModel.seeTriggerIsFocused (/home/runner/work/zag/zag/e2e/models/popover.model.ts:79:33) at /home/runner/work/zag/zag/e2e/popover.e2e.ts:85:13

popover.e2e.ts:82:7 › popover › [pointer] when clicking outside: e2e/models/popover.model.ts#L79

1) popover.e2e.ts:82:7 › popover › [pointer] when clicking outside, should re-focus the button on click non-focusable element Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toBeFocused() Locator: locator('[data-scope=popover][data-part=trigger]') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 10000ms - waiting for locator('[data-scope=popover][data-part=trigger]') 14 × locator resolved to <button type="button" data-state="open" data-part="trigger" data-scope="popover" aria-expanded="true" aria-haspopup="dialog" data-placement="bottom" id="popover::R6m::trigger" data-testid="popover-trigger" aria-controls="popover::R6m::content">…</button> - unexpected value "not focused" at models/popover.model.ts:79 77 | 78 | seeTriggerIsFocused() { > 79 | return expect(this.trigger).toBeFocused() | ^ 80 | } 81 | 82 | seeContentIsFocused() { at PopoverModel.seeTriggerIsFocused (/home/runner/work/zag/zag/e2e/models/popover.model.ts:79:33) at /home/runner/work/zag/zag/e2e/popover.e2e.ts:85:13

popover.e2e.ts:82:7 › popover › [pointer] when clicking outside: e2e/models/popover.model.ts#L79

1) popover.e2e.ts:82:7 › popover › [pointer] when clicking outside, should re-focus the button on click non-focusable element Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toBeFocused() Locator: locator('[data-scope=popover][data-part=trigger]') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 10000ms - waiting for locator('[data-scope=popover][data-part=trigger]') 14 × locator resolved to <button type="button" data-state="open" data-part="trigger" data-scope="popover" aria-expanded="true" aria-haspopup="dialog" data-placement="bottom" id="popover::R6m::trigger" data-testid="popover-trigger" aria-controls="popover::R6m::content">…</button> - unexpected value "not focused" at models/popover.model.ts:79 77 | 78 | seeTriggerIsFocused() { > 79 | return expect(this.trigger).toBeFocused() | ^ 80 | } 81 | 82 | seeContentIsFocused() { at PopoverModel.seeTriggerIsFocused (/home/runner/work/zag/zag/e2e/models/popover.model.ts:79:33) at /home/runner/work/zag/zag/e2e/popover.e2e.ts:85:13

End-to-end Tests (6)

Process completed with exit code 1.

ESLint

The following actions use a deprecated Node.js version and will be forced to run on node20: actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/

Unit Tests