chore: more progress with nav-menu #6570
Annotations
12 errors and 12 notices
TypeScript
Argument of type '("defaultValue" | "dir" | "id" | "value" | "orientation" | "getRootNode" | "ids" | "onValueChange" | "openDelay" | "closeDelay")[]' is not assignable to parameter of type '("defaultValue" | "dir" | "id" | "value" | "orientation" | "getRootNode" | "ids" | "onValueChange" | "openDelay" | "closeDelay")[] & ("Missing required keys: disableClickTrigger" | "Missing required keys: disableHoverTrigger")'.
|
TypeScript
Process completed with exit code 2.
|
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
|
e2e/menu-option.e2e.ts:26:7 › menu option › keyboard:
e2e/models/menu.model.ts#L63
1) e2e/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
|
e2e/menu.e2e.ts:16:7 › menu › on arrow up and down:
e2e/models/menu.model.ts#L68
2) e2e/menu.e2e.ts:16:7 › menu › on arrow up and down, change highlighted item ───────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item]').filter({ hasText: 'Duplicate' })
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item]').filter({ hasText: 'Duplicate' })
14 × locator resolved to <li id="duplicate" role="menuitem" data-part="item" data-scope="menu" aria-disabled="false" data-ownedby="menu::R6m::content">Duplicate</li>
- unexpected value "null"
at models/menu.model.ts:68
66 | seeItemIsHighlighted = async (text: string) => {
67 | const item = this.getItem(text)
> 68 | await expect(item).toHaveAttribute("data-highlighted", "")
| ^
69 | }
70 |
71 | dontSeeHighlightedItem = async () => {
at MenuModel.seeItemIsHighlighted (/home/runner/work/zag/zag/e2e/models/menu.model.ts:68:24)
at /home/runner/work/zag/zag/e2e/menu.e2e.ts:19:13
|
e2e/menu.e2e.ts:48:7 › menu › with keyboard:
e2e/models/menu.model.ts#L63
3) e2e/menu.e2e.ts:48:7 › menu › with keyboard, can select 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 <ul role="menu" tabindex="0" data-scope="menu" data-state="open" data-part="content" id="menu::R6m::content" data-placement="bottom-start" aria-labelledby="menu::R6m::trigger">…</ul>
- 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.e2e.ts:52:13
|
e2e/tags-input.e2e.ts:87:7 › tags-input › should navigate tags with arrow keys:
e2e/models/tags-input.model.ts#L70
1) e2e/tags-input.e2e.ts:87:7 › tags-input › should navigate tags with arrow keys ────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-testid=solid-tag]')
Expected string: ""
Received: <element(s) not found>
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-testid=solid-tag]')
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:92:13
|
e2e/tags-input.e2e.ts:87:7 › tags-input › should navigate tags with arrow keys:
e2e/models/tags-input.model.ts#L70
1) e2e/tags-input.e2e.ts:87:7 › tags-input › should navigate tags with arrow keys ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-testid=solid-tag]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-testid=solid-tag]')
14 × locator resolved to <div dir="ltr" data-value="Solid" data-testid="solid-tag" data-scope="tags-input" data-part="item-preview" id="tags-input::R6m::tag:Solid:3">…</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:92:13
|
e2e/tags-input.e2e.ts:87:7 › tags-input › should navigate tags with arrow keys:
e2e/models/tags-input.model.ts#L70
1) e2e/tags-input.e2e.ts:87:7 › tags-input › should navigate tags with arrow keys ────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-testid=solid-tag]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-testid=solid-tag]')
14 × locator resolved to <div dir="ltr" data-value="Solid" data-testid="solid-tag" data-scope="tags-input" data-part="item-preview" id="tags-input::R6m::tag:Solid:3">…</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:92:13
|
e2e/tags-input.e2e.ts:117:7 › tags-input › edit tag with enter key:
e2e/models/tags-input.model.ts#L90
2) e2e/tags-input.e2e.ts:117:7 › tags-input › edit tag with enter key ────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toBeFocused()
Locator: locator('[data-testid=svelte-input]')
Expected: focused
Received: inactive
Call log:
- expect.toBeFocused with timeout 10000ms
- waiting for locator('[data-testid=svelte-input]')
14 × locator resolved to <input value="" dir="ltr" hidden="" tabindex="-1" data-part="item-input" data-scope="tags-input" data-testid="svelte-input" id="tags-input::R6m::tag:Svelte:2:input" aria-label="Editing tag Svelte. Press enter to save or escape to cancel."/>
- unexpected value "inactive"
at models/tags-input.model.ts:90
88 |
89 | async seeTagInputIsFocused(value: string) {
> 90 | await expect(this.getTagInput(value)).toBeFocused()
| ^
91 | }
92 |
93 | async dontSeeTagInput(value: string) {
at TagsInputModel.seeTagInputIsFocused (/home/runner/work/zag/zag/e2e/models/tags-input.model.ts:90:43)
at /home/runner/work/zag/zag/e2e/tags-input.e2e.ts:124:13
|
e2e/tags-input.e2e.ts:117:7 › tags-input › edit tag with enter key:
e2e/models/tags-input.model.ts#L90
2) e2e/tags-input.e2e.ts:117:7 › tags-input › edit tag with enter key ────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toBeFocused()
Locator: locator('[data-testid=svelte-input]')
Expected: focused
Received: inactive
Call log:
- expect.toBeFocused with timeout 10000ms
- waiting for locator('[data-testid=svelte-input]')
14 × locator resolved to <input value="" dir="ltr" hidden="" tabindex="-1" data-part="item-input" data-scope="tags-input" data-testid="svelte-input" id="tags-input::R6m::tag:Svelte:2:input" aria-label="Editing tag Svelte. Press enter to save or escape to cancel."/>
- unexpected value "inactive"
at models/tags-input.model.ts:90
88 |
89 | async seeTagInputIsFocused(value: string) {
> 90 | await expect(this.getTagInput(value)).toBeFocused()
| ^
91 | }
92 |
93 | async dontSeeTagInput(value: string) {
at TagsInputModel.seeTagInputIsFocused (/home/runner/work/zag/zag/e2e/models/tags-input.model.ts:90:43)
at /home/runner/work/zag/zag/e2e/tags-input.e2e.ts:124:13
|
End-to-end Tests (9)
Process completed with exit code 1.
|
🎭 Playwright Run Summary
11 skipped
|
🎭 Playwright Run Summary
7 passed (16.2s)
|
🎭 Playwright Run Summary
27 passed (41.9s)
|
🎭 Playwright Run Summary
1 skipped
21 passed (32.4s)
|
🎭 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
26 passed (50.4s)
|
🎭 Playwright Run Summary
17 passed (31.4s)
|
🎭 Playwright Run Summary
1 skipped
25 passed (45.4s)
|
🎭 Playwright Run Summary
1 skipped
40 passed (55.3s)
|
🎭 Playwright Run Summary
1 skipped
44 passed (1.0m)
|
🎭 Playwright Run Summary
3 flaky
e2e/menu-option.e2e.ts:26:7 › menu option › keyboard, should check/uncheck radio item ──────────
e2e/menu.e2e.ts:16:7 › menu › on arrow up and down, change highlighted item ────────────────────
e2e/menu.e2e.ts:48:7 › menu › with keyboard, can select item ───────────────────────────────────
3 skipped
22 passed (1.2m)
|
🎭 Playwright Run Summary
1 failed
e2e/tags-input.e2e.ts:87:7 › tags-input › should navigate tags with arrow keys ─────────────────
1 flaky
e2e/tags-input.e2e.ts:117:7 › tags-input › edit tag with enter key ─────────────────────────────
1 skipped
35 passed (1.8m)
|
🎭 Playwright Run Summary
3 skipped
26 passed (1.2m)
|