Skip to content

feat: bottom sheet #7780

feat: bottom sheet

feat: bottom sheet #7780

Triggered via pull request August 27, 2025 15:25
Status Failure
Total duration 6m 20s
Artifacts

quality.yml

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

Annotations

15 errors and 12 notices
TypeScript
Process completed with exit code 2.
TypeScript
Argument of type '("open" | "dir" | "id" | "role" | "ids" | "getRootNode" | "onFocusOutside" | "onPointerDownOutside" | "onInteractOutside" | "onEscapeKeyDown" | "trapFocus" | "preventScroll" | ... 12 more ... | "handleScrollableElements")[]' is not assignable to parameter of type '("open" | "dir" | "id" | "role" | "ids" | "getRootNode" | "onFocusOutside" | "onPointerDownOutside" | "onInteractOutside" | "onEscapeKeyDown" | "trapFocus" | "preventScroll" | ... 12 more ... | "handleScrollableElements")[] & "Missing required keys: onRequestDismiss"'.
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: expect(locator).toBeFocused() failed Locator: locator('[data-part=item]').nth(1) Expected: focused Received: inactive Timeout: 10000ms 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:«R1m»:italic" data-ownedby="toggle-group:«R1m»">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
e2e/tour.e2e.ts:33:7 › tour › keyboard navigation: e2e/models/tour.model.ts#L101
1) e2e/tour.e2e.ts:33:7 › tour › keyboard navigation ───────────────────────────────────────────── Error: expect(locator).toContainText(expected) failed Locator: locator('[data-scope=tour][data-part=content]').locator('[data-part=title]') Expected string: "all sorted!" Received string: "Step 4. Close to bottom" Timeout: 10000ms Call log: - Expect "toContainText" with timeout 10000ms - waiting for locator('[data-scope=tour][data-part=content]').locator('[data-part=title]') 2 × locator resolved to <p data-scope="tour" data-part="title" id="tour-title-«R1m»" data-placement="bottom">Step 4. Close to bottom</p> - unexpected value "Step 4. Close to bottom" 12 × locator resolved to <p data-scope="tour" data-part="title" data-placement="top" id="tour-title-«R1m»">Step 4. Close to bottom</p> - unexpected value "Step 4. Close to bottom" at models/tour.model.ts:101 99 | 100 | async seeTitle(title: string) { > 101 | return expect(this.title).toContainText(title) | ^ 102 | } 103 | } 104 | at TourModel.seeTitle (/home/runner/work/zag/zag/e2e/models/tour.model.ts:101:31) at /home/runner/work/zag/zag/e2e/tour.e2e.ts:75:13
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: expect(locator).toBeVisible() failed Locator: locator('[data-testid=agnes\\-tab\\-panel]') Expected: visible Received: hidden Timeout: 10000ms 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/carousel.e2e.ts:74:7 › carousel › [loop=true] should loop slides: e2e/models/carousel.model.ts#L11
4) e2e/carousel.e2e.ts:74:7 › carousel › [loop=true] should loop slides ────────────────────────── Error: page.goto: Test timeout of 30000ms exceeded. Call log: - navigating to "http://localhost:3000/carousel", waiting until "load" at models/carousel.model.ts:11 9 | 10 | goto(url = "/carousel") { > 11 | return this.page.goto(url) | ^ 12 | } 13 | 14 | checkAccessibility(selector?: string): Promise<void> { at CarouselModel.goto (/home/runner/work/zag/zag/e2e/models/carousel.model.ts:11:22) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:9:13
e2e/carousel.e2e.ts:74:7 › carousel › [loop=true] should loop slides: e2e/carousel.e2e.ts#L7
4) e2e/carousel.e2e.ts:74:7 › carousel › [loop=true] should loop slides ────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 5 | 6 | test.describe("carousel", () => { > 7 | test.beforeEach(async ({ page }) => { | ^ 8 | I = new CarouselModel(page) 9 | await I.goto() 10 | }) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:7:8
e2e/carousel.e2e.ts:68:7 › carousel › indicator keyboard navigation: e2e/models/carousel.model.ts#L11
3) e2e/carousel.e2e.ts:68:7 › carousel › indicator keyboard navigation ─────────────────────────── Error: page.goto: Test timeout of 30000ms exceeded. Call log: - navigating to "http://localhost:3000/carousel", waiting until "load" at models/carousel.model.ts:11 9 | 10 | goto(url = "/carousel") { > 11 | return this.page.goto(url) | ^ 12 | } 13 | 14 | checkAccessibility(selector?: string): Promise<void> { at CarouselModel.goto (/home/runner/work/zag/zag/e2e/models/carousel.model.ts:11:22) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:9:13
e2e/carousel.e2e.ts:68:7 › carousel › indicator keyboard navigation: e2e/carousel.e2e.ts#L7
3) e2e/carousel.e2e.ts:68:7 › carousel › indicator keyboard navigation ─────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 5 | 6 | test.describe("carousel", () => { > 7 | test.beforeEach(async ({ page }) => { | ^ 8 | I = new CarouselModel(page) 9 | await I.goto() 10 | }) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:7:8
e2e/carousel.e2e.ts:61:7 › carousel › dragging behavior: e2e/models/carousel.model.ts#L11
2) e2e/carousel.e2e.ts:61:7 › carousel › dragging behavior ─────────────────────────────────────── Error: page.goto: Test timeout of 30000ms exceeded. Call log: - navigating to "http://localhost:3000/carousel", waiting until "load" at models/carousel.model.ts:11 9 | 10 | goto(url = "/carousel") { > 11 | return this.page.goto(url) | ^ 12 | } 13 | 14 | checkAccessibility(selector?: string): Promise<void> { at CarouselModel.goto (/home/runner/work/zag/zag/e2e/models/carousel.model.ts:11:22) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:9:13
e2e/carousel.e2e.ts:61:7 › carousel › dragging behavior: e2e/carousel.e2e.ts#L7
2) e2e/carousel.e2e.ts:61:7 › carousel › dragging behavior ─────────────────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 5 | 6 | test.describe("carousel", () => { > 7 | test.beforeEach(async ({ page }) => { | ^ 8 | I = new CarouselModel(page) 9 | await I.goto() 10 | }) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:7:8
e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button: e2e/models/carousel.model.ts#L11
1) e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.goto: Test timeout of 30000ms exceeded. Call log: - navigating to "http://localhost:3000/carousel", waiting until "load" at models/carousel.model.ts:11 9 | 10 | goto(url = "/carousel") { > 11 | return this.page.goto(url) | ^ 12 | } 13 | 14 | checkAccessibility(selector?: string): Promise<void> { at CarouselModel.goto (/home/runner/work/zag/zag/e2e/models/carousel.model.ts:11:22) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:9:13
e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button: e2e/carousel.e2e.ts#L7
1) e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 5 | 6 | test.describe("carousel", () => { > 7 | test.beforeEach(async ({ page }) => { | ^ 8 | I = new CarouselModel(page) 9 | await I.goto() 10 | }) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:7:8
e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button: e2e/models/carousel.model.ts#L11
1) e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button ─────────────────── Error: page.goto: Test timeout of 30000ms exceeded. Call log: - navigating to "http://localhost:3000/carousel", waiting until "load" at models/carousel.model.ts:11 9 | 10 | goto(url = "/carousel") { > 11 | return this.page.goto(url) | ^ 12 | } 13 | 14 | checkAccessibility(selector?: string): Promise<void> { at CarouselModel.goto (/home/runner/work/zag/zag/e2e/models/carousel.model.ts:11:22) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:9:13
e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button: e2e/carousel.e2e.ts#L7
1) e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button ─────────────────── Test timeout of 30000ms exceeded while running "beforeEach" hook. 5 | 6 | test.describe("carousel", () => { > 7 | test.beforeEach(async ({ page }) => { | ^ 8 | I = new CarouselModel(page) 9 | await I.goto() 10 | }) at /home/runner/work/zag/zag/e2e/carousel.e2e.ts:7:8
🎭 Playwright Run Summary
2 skipped 26 passed (41.2s)
🎭 Playwright Run Summary
11 skipped 21 passed (36.3s)
🎭 Playwright Run Summary
1 flaky e2e/toggle-group.e2e.ts:84:7 › toggle-group › [keyboard] focus loop ──────────────────────────── 21 passed (1.3m)
🎭 Playwright Run Summary
40 passed (1.0m)
🎭 Playwright Run Summary
23 passed (47.0s)
🎭 Playwright Run Summary
1 skipped 35 passed (1.0m)
🎭 Playwright Run Summary
12 skipped 23 passed (41.4s)
🎭 Playwright Run Summary
1 skipped 36 passed (56.6s)
🎭 Playwright Run Summary
1 flaky e2e/tour.e2e.ts:33:7 › tour › keyboard navigation ────────────────────────────────────────────── 4 skipped 25 passed (56.9s)
🎭 Playwright Run Summary
2 skipped 32 passed (1.0m)
🎭 Playwright Run Summary
1 flaky e2e/tabs.e2e.ts:106:7 › tabs › manual: on navigate, select on enter ──────────────────────────── 1 skipped 30 passed (1.0m)
🎭 Playwright Run Summary
4 flaky e2e/carousel.e2e.ts:56:7 › carousel › scroll to a specific index via button ──────────────────── e2e/carousel.e2e.ts:61:7 › carousel › dragging behavior ──────────────────────────────────────── e2e/carousel.e2e.ts:68:7 › carousel › indicator keyboard navigation ──────────────────────────── e2e/carousel.e2e.ts:74:7 › carousel › [loop=true] should loop slides ─────────────────────────── 2 skipped 27 passed (5.1m)