1) combobox.e2e.ts:139:7 › combobox › [keyboard / arrowdown / no-loop] ─────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-part=item]').filter({ hasText: 'Malta' }) Expected string: "" Received string: serializes to the same string Call log: - expect.toHaveAttribute with timeout 10000ms - waiting for locator('[data-part=item]').filter({ hasText: 'Malta' }) 14 × locator resolved to <li role="option" tabindex="-1" data-value="MT" data-testid="MT" data-part="item" data-scope="combobox" data-state="unchecked" id="combobox::R6m::option:MT">…</li> - unexpected value "null" at models/combobox.model.ts:90 88 | seeItemIsHighlighted = async (text: string) => { 89 | const item = this.getItem(text) > 90 | await expect(item).toHaveAttribute("data-highlighted", "") | ^ 91 | } 92 | 93 | seeItemIsChecked = async (text: string) => { at ComboboxModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/combobox.model.ts:90:24) at /home/runner/work/zag/zag/e2e/combobox.e2e.ts:144:13

tags-input.e2e.ts:38:7 › tags-input › delete tag by clearing its content and hit enter: e2e/models/tags-input.model.ts#L78

1) tags-input.e2e.ts:38:7 › tags-input › delete tag by clearing its content and hit enter ──────── Error: Timed out 10000ms waiting for expect(locator).toBeHidden() Locator: locator('[data-testid=vue-tag]') Expected: hidden Received: visible Call log: - expect.toBeHidden with timeout 10000ms - waiting for locator('[data-testid=vue-tag]') 14 × locator resolved to <div dir="ltr" data-value="Vue" data-highlighted="" data-testid="vue-tag" data-scope="tags-input" data-part="item-preview" id="tags-input::R6m::tag:Vue:1">…</div> - unexpected value "visible" at models/tags-input.model.ts:78 76 | 77 | async dontSeeTag(value: string) { > 78 | await expect(this.getTag(value)).toBeHidden() | ^ 79 | } 80 | 81 | async seeInputIsFocused() { at TagsInputModel.dontSeeTag (/home/runner/work/zag/zag/e2e/models/tags-input.model.ts:78:38) at /home/runner/work/zag/zag/e2e/tags-input.e2e.ts:47: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

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