fix: accordion focus sync #6611
Annotations
6 errors and 12 notices
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/navigation-menu.e2e.ts:61:7 › navigation-menu › hover + focus should toggle content:
e2e/models/navigation-menu.model.ts#L59
1) e2e/navigation-menu.e2e.ts:61:7 › navigation-menu › hover + focus should toggle content ───────
Error: Timed out 10000ms waiting for expect(locator).toBeHidden()
Locator: locator('[data-scope="navigation-menu"][data-part="content"][data-value="products"]')
Expected: hidden
Received: visible
Call log:
- expect.toBeHidden with timeout 10000ms
- waiting for locator('[data-scope="navigation-menu"][data-part="content"][data-value="products"]')
14 × locator resolved to <div dir="ltr" data-uid=":R6m:" data-type="root" data-state="open" data-part="content" data-value="products" data-scope="navigation-menu" id="nav-menu::R6m::content:products" aria-labelledby="nav-menu::R6m::trigger:products">…</div>
- unexpected value "visible"
at models/navigation-menu.model.ts:59
57 |
58 | async dontSeeContent(value: string) {
> 59 | await expect(this.getContent(value)).toBeHidden()
| ^
60 | }
61 |
62 | async seeContentLinkIsFocused(value: string, text: string) {
at NavigationMenuModel.dontSeeContent (/home/runner/work/zag/zag/e2e/models/navigation-menu.model.ts:59:42)
at /home/runner/work/zag/zag/e2e/navigation-menu.e2e.ts:65:13
|
e2e/navigation-menu.e2e.ts:61:7 › navigation-menu › hover + focus should toggle content:
e2e/models/navigation-menu.model.ts#L59
1) e2e/navigation-menu.e2e.ts:61:7 › navigation-menu › hover + focus should toggle content ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toBeHidden()
Locator: locator('[data-scope="navigation-menu"][data-part="content"][data-value="products"]')
Expected: hidden
Received: visible
Call log:
- expect.toBeHidden with timeout 10000ms
- waiting for locator('[data-scope="navigation-menu"][data-part="content"][data-value="products"]')
14 × locator resolved to <div dir="ltr" data-uid=":R6m:" data-type="root" data-state="open" data-part="content" data-value="products" data-scope="navigation-menu" id="nav-menu::R6m::content:products" aria-labelledby="nav-menu::R6m::trigger:products">…</div>
- unexpected value "visible"
at models/navigation-menu.model.ts:59
57 |
58 | async dontSeeContent(value: string) {
> 59 | await expect(this.getContent(value)).toBeHidden()
| ^
60 | }
61 |
62 | async seeContentLinkIsFocused(value: string, text: string) {
at NavigationMenuModel.dontSeeContent (/home/runner/work/zag/zag/e2e/models/navigation-menu.model.ts:59:42)
at /home/runner/work/zag/zag/e2e/navigation-menu.e2e.ts:65:13
|
e2e/navigation-menu.e2e.ts:61:7 › navigation-menu › hover + focus should toggle content:
e2e/models/navigation-menu.model.ts#L59
1) e2e/navigation-menu.e2e.ts:61:7 › navigation-menu › hover + focus should toggle content ───────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toBeHidden()
Locator: locator('[data-scope="navigation-menu"][data-part="content"][data-value="products"]')
Expected: hidden
Received: visible
Call log:
- expect.toBeHidden with timeout 10000ms
- waiting for locator('[data-scope="navigation-menu"][data-part="content"][data-value="products"]')
14 × locator resolved to <div dir="ltr" data-uid=":R6m:" data-type="root" data-state="open" data-part="content" data-value="products" data-scope="navigation-menu" id="nav-menu::R6m::content:products" aria-labelledby="nav-menu::R6m::trigger:products">…</div>
- unexpected value "visible"
at models/navigation-menu.model.ts:59
57 |
58 | async dontSeeContent(value: string) {
> 59 | await expect(this.getContent(value)).toBeHidden()
| ^
60 | }
61 |
62 | async seeContentLinkIsFocused(value: string, text: string) {
at NavigationMenuModel.dontSeeContent (/home/runner/work/zag/zag/e2e/models/navigation-menu.model.ts:59:42)
at /home/runner/work/zag/zag/e2e/navigation-menu.e2e.ts:65:13
|
End-to-end Tests (5)
Process completed with exit code 1.
|
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::R6m::trigger" data-testid="popover-trigger" aria-controls="popover::R6m::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
|
🎭 Playwright Run Summary
1 skipped
16 passed (28.1s)
|
🎭 Playwright Run Summary
1 skipped
21 passed (36.6s)
|
🎭 Playwright Run Summary
1 flaky
e2e/tags-input.e2e.ts:26:7 › tags-input › deletes tag with backspace when input value is empty ─
11 skipped
17 passed (42.6s)
|
🎭 Playwright Run Summary
28 passed (49.4s)
|
🎭 Playwright Run Summary
38 passed (1.0m)
|
🎭 Playwright Run Summary
3 skipped
26 passed (1.1m)
|
🎭 Playwright Run Summary
1 skipped
29 passed (52.0s)
|
🎭 Playwright Run Summary
1 skipped
26 passed (41.4s)
|
🎭 Playwright Run Summary
1 failed
e2e/navigation-menu.e2e.ts:61:7 › navigation-menu › hover + focus should toggle content ────────
4 skipped
29 passed (1.5m)
|
🎭 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
27 passed (56.1s)
|
🎭 Playwright Run Summary
1 skipped
29 passed (55.3s)
|
🎭 Playwright Run Summary
17 passed (36.0s)
|