Skip to content

feat(scroll-area): add dragging state to scroll area context and machine #7692

feat(scroll-area): add dragging state to scroll area context and machine

feat(scroll-area): add dragging state to scroll area context and machine #7692

Triggered via pull request August 20, 2025 18:28
Status Failure
Total duration 27m 41s
Artifacts

quality.yml

on: pull_request
Matrix: End-to-end Tests
Fit to window
Zoom out
Zoom in

Annotations

9 errors and 12 notices
e2e/tabs.e2e.ts:106:7 › tabs › manual: on navigate: e2e/models/tabs.model.ts#L31
1) e2e/tabs.e2e.ts:106:7 › tabs › manual: on navigate, select on enter ─────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toBeVisible() Locator: locator('[data-testid=agnes\\-tab\\-panel]') Expected: visible Received: hidden Call log: - Expect "toBeVisible" with timeout 10000ms - waiting for locator('[data-testid=agnes\\-tab\\-panel]') 14 × locator resolved to <div dir="ltr" hidden="" tabindex="0" role="tabpanel" data-scope="tabs" data-part="content" id="tabs:«R1m»:content-agnes" data-orientation="horizontal" data-testid="agnes-tab-panel" data-ownedby="tabs:«R1m»:list" aria-labelledby="tabs:«R1m»:trigger-agnes">…</div> - unexpected value "hidden" at models/tabs.model.ts:31 29 | 30 | seeTabContent = async (id: string) => { > 31 | await expect(this.getTabContent(id)).toBeVisible() | ^ 32 | } 33 | 34 | dontSeeTabContent = async (id: string) => { at TabsModel.seeTabContent (/home/runner/work/zag/zag/e2e/models/tabs.model.ts:31:42) at /home/runner/work/zag/zag/e2e/tabs.e2e.ts:114:13
e2e/popover.e2e.ts:60:7 › popover › [keyboard / non-modal] on shift-tab outside: should move focus to trigger: e2e/models/popover.model.ts#L75
1) e2e/popover.e2e.ts:60:7 › popover › [keyboard / non-modal] on shift-tab outside: should move focus to trigger 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:«R1m»:trigger" data-testid="popover-trigger" aria-controls="popover:«R1m»:content">…</button> - unexpected value "inactive" at models/popover.model.ts:75 73 | 74 | seeTriggerIsFocused() { > 75 | return expect(this.trigger).toBeFocused() | ^ 76 | } 77 | 78 | seeContentIsFocused() { at PopoverModel.seeTriggerIsFocused (/home/runner/work/zag/zag/e2e/models/popover.model.ts:75:33) at /home/runner/work/zag/zag/e2e/popover.e2e.ts:64:13
End-to-end Tests (4)
Process completed with exit code 1.
e2e/listbox.e2e.ts:22:7 › listbox › no highlighted item: e2e/models/listbox.model.ts#L48
2) e2e/listbox.e2e.ts:22:7 › listbox › no highlighted item, arrow up ───────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Zimbabwe' }) Expected string: "" Received string: serializes to the same string Call log: - Expect "toHaveAttribute" with timeout 10000ms - waiting for locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Zimbabwe' }) 14 × locator resolved to <li role="option" data-value="ZW" data-part="item" data-layout="list" data-scope="listbox" aria-selected="false" data-state="unchecked" id="select:«R1m»:option:ZW" data-orientation="vertical">…</li> - unexpected value "null" at models/listbox.model.ts:48 46 | 47 | seeItemIsHighlighted(value: string) { > 48 | return expect(this.getItem(value)).toHaveAttribute("data-highlighted", "") | ^ 49 | } 50 | 51 | seeNoItemIsHighlighted() { at ListboxModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/listbox.model.ts:48:40) at /home/runner/work/zag/zag/e2e/listbox.e2e.ts:25:13
e2e/listbox.e2e.ts:22:7 › listbox › no highlighted item: e2e/models/listbox.model.ts#L48
2) e2e/listbox.e2e.ts:22:7 › listbox › no highlighted item, arrow up ───────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Zimbabwe' }) Expected string: "" Received string: serializes to the same string Call log: - Expect "toHaveAttribute" with timeout 10000ms - waiting for locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Zimbabwe' }) 14 × locator resolved to <li role="option" data-value="ZW" data-part="item" data-layout="list" data-scope="listbox" aria-selected="false" data-state="unchecked" id="select:«R1m»:option:ZW" data-orientation="vertical">…</li> - unexpected value "null" at models/listbox.model.ts:48 46 | 47 | seeItemIsHighlighted(value: string) { > 48 | return expect(this.getItem(value)).toHaveAttribute("data-highlighted", "") | ^ 49 | } 50 | 51 | seeNoItemIsHighlighted() { at ListboxModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/listbox.model.ts:48:40) at /home/runner/work/zag/zag/e2e/listbox.e2e.ts:25:13
e2e/listbox.e2e.ts:22:7 › listbox › no highlighted item: e2e/models/listbox.model.ts#L48
2) e2e/listbox.e2e.ts:22:7 › listbox › no highlighted item, arrow up ───────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Zimbabwe' }) Expected string: "" Received string: serializes to the same string Call log: - Expect "toHaveAttribute" with timeout 10000ms - waiting for locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Zimbabwe' }) 14 × locator resolved to <li role="option" data-value="ZW" data-part="item" data-layout="list" data-scope="listbox" aria-selected="false" data-state="unchecked" id="select:«R1m»:option:ZW" data-orientation="vertical">…</li> - unexpected value "null" at models/listbox.model.ts:48 46 | 47 | seeItemIsHighlighted(value: string) { > 48 | return expect(this.getItem(value)).toHaveAttribute("data-highlighted", "") | ^ 49 | } 50 | 51 | seeNoItemIsHighlighted() { at ListboxModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/listbox.model.ts:48:40) at /home/runner/work/zag/zag/e2e/listbox.e2e.ts:25:13
e2e/listbox.e2e.ts:16:7 › listbox › no highlighted item: e2e/models/listbox.model.ts#L48
1) e2e/listbox.e2e.ts:16:7 › listbox › no highlighted item, arrow down ─────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Andorra' }) Expected string: "" Received string: serializes to the same string Call log: - Expect "toHaveAttribute" with timeout 10000ms - waiting for locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Andorra' }) 14 × locator resolved to <li role="option" data-value="AD" data-part="item" data-layout="list" data-scope="listbox" aria-selected="false" data-state="unchecked" id="select:«R1m»:option:AD" data-orientation="vertical">…</li> - unexpected value "null" at models/listbox.model.ts:48 46 | 47 | seeItemIsHighlighted(value: string) { > 48 | return expect(this.getItem(value)).toHaveAttribute("data-highlighted", "") | ^ 49 | } 50 | 51 | seeNoItemIsHighlighted() { at ListboxModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/listbox.model.ts:48:40) at /home/runner/work/zag/zag/e2e/listbox.e2e.ts:19:13
e2e/listbox.e2e.ts:16:7 › listbox › no highlighted item: e2e/models/listbox.model.ts#L48
1) e2e/listbox.e2e.ts:16:7 › listbox › no highlighted item, arrow down ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Andorra' }) Expected string: "" Received string: serializes to the same string Call log: - Expect "toHaveAttribute" with timeout 10000ms - waiting for locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Andorra' }) 14 × locator resolved to <li role="option" data-value="AD" data-part="item" data-layout="list" data-scope="listbox" aria-selected="false" data-state="unchecked" id="select:«R1m»:option:AD" data-orientation="vertical">…</li> - unexpected value "null" at models/listbox.model.ts:48 46 | 47 | seeItemIsHighlighted(value: string) { > 48 | return expect(this.getItem(value)).toHaveAttribute("data-highlighted", "") | ^ 49 | } 50 | 51 | seeNoItemIsHighlighted() { at ListboxModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/listbox.model.ts:48:40) at /home/runner/work/zag/zag/e2e/listbox.e2e.ts:19:13
e2e/listbox.e2e.ts:16:7 › listbox › no highlighted item: e2e/models/listbox.model.ts#L48
1) e2e/listbox.e2e.ts:16:7 › listbox › no highlighted item, arrow down ─────────────────────────── Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected) Locator: locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Andorra' }) Expected string: "" Received string: serializes to the same string Call log: - Expect "toHaveAttribute" with timeout 10000ms - waiting for locator('[data-scope=listbox][data-part=item]').filter({ hasText: 'Andorra' }) 14 × locator resolved to <li role="option" data-value="AD" data-part="item" data-layout="list" data-scope="listbox" aria-selected="false" data-state="unchecked" id="select:«R1m»:option:AD" data-orientation="vertical">…</li> - unexpected value "null" at models/listbox.model.ts:48 46 | 47 | seeItemIsHighlighted(value: string) { > 48 | return expect(this.getItem(value)).toHaveAttribute("data-highlighted", "") | ^ 49 | } 50 | 51 | seeNoItemIsHighlighted() { at ListboxModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/listbox.model.ts:48:40) at /home/runner/work/zag/zag/e2e/listbox.e2e.ts:19:13
🎭 Playwright Run Summary
1 flaky e2e/tabs.e2e.ts:106:7 › tabs › manual: on navigate, select on enter ──────────────────────────── 1 skipped 30 passed (58.4s)
🎭 Playwright Run Summary
11 skipped 10 passed (21.4s)
🎭 Playwright Run Summary
1 skipped 35 passed (1.0m)
🎭 Playwright Run Summary
1 flaky e2e/popover.e2e.ts:60:7 › popover › [keyboard / non-modal] on shift-tab outside: should move focus to trigger 1 skipped 32 passed (1.0m)
🎭 Playwright Run Summary
22 passed (1.0m)
🎭 Playwright Run Summary
40 passed (1.0m)
🎭 Playwright Run Summary
2 skipped 29 passed (46.7s)
🎭 Playwright Run Summary
11 skipped 19 passed (33.3s)
🎭 Playwright Run Summary
4 skipped 26 passed (40.9s)
🎭 Playwright Run Summary
2 skipped 31 passed (1.4m)
🎭 Playwright Run Summary
2 failed e2e/listbox.e2e.ts:16:7 › listbox › no highlighted item, arrow down ──────────────────────────── e2e/listbox.e2e.ts:22:7 › listbox › no highlighted item, arrow up ────────────────────────────── 2 skipped 38 passed (2.4m)
🎭 Playwright Run Summary
1 skipped 23 passed (41.2s)