fix(select): keyboard navigation issue and loop flag not respected #2466
Annotations
11 errors, 12 warnings, and 12 notices
dialog.e2e.ts:38:7 › dialog › should trap focus within dialog:
e2e/dialog.e2e.ts#L44
1) dialog.e2e.ts:38:7 › dialog › should trap focus within dialog ─────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toBeFocused()
Locator: locator('[data-testid=close\\-1]')
Expected: focused
Received: inactive
Call log:
- expect.toBeFocused with timeout 10000ms
- waiting for locator('[data-testid=close\\-1]')
42 | await page.keyboard.press("Tab")
43 | await page.keyboard.press("Tab")
> 44 | await expect(page.locator(dialog_1.close)).toBeFocused()
| ^
45 | })
46 |
47 | test("should close modal on escape", async ({ page }) => {
at /home/runner/work/zag/zag/e2e/dialog.e2e.ts:44:48
|
select.e2e.ts:85:7 › select/ open / keyboard › should navigate on arrow down:
e2e/select.e2e.ts#L12
1) select.e2e.ts:85:7 › select/ open / keyboard › should navigate on arrow down ──────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="AF"]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="AF"]')
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
10 |
11 | const expectToBeHighlighted = async (el: Locator) => {
> 12 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
13 | }
14 |
15 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/select.e2e.ts:12:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:89:11
|
select.e2e.ts:85:7 › select/ open / keyboard › should navigate on arrow down:
e2e/select.e2e.ts#L12
1) select.e2e.ts:85:7 › select/ open / keyboard › should navigate on arrow down ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="AF"]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="AF"]')
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
10 |
11 | const expectToBeHighlighted = async (el: Locator) => {
> 12 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
13 | }
14 |
15 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/select.e2e.ts:12:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:89:11
|
select.e2e.ts:85:7 › select/ open / keyboard › should navigate on arrow down:
e2e/select.e2e.ts#L12
1) select.e2e.ts:85:7 › select/ open / keyboard › should navigate on arrow down ──────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="AF"]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="AF"]')
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="AF" data-par…>…</li>
- unexpected value "null"
10 |
11 | const expectToBeHighlighted = async (el: Locator) => {
> 12 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
13 | }
14 |
15 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/select.e2e.ts:12:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:89:11
|
select.e2e.ts:93:7 › select/ open / keyboard › should navigate on arrow up:
e2e/select.e2e.ts#L12
2) select.e2e.ts:93:7 › select/ open / keyboard › should navigate on arrow up ────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="ZA"]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="ZA"]')
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
10 |
11 | const expectToBeHighlighted = async (el: Locator) => {
> 12 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
13 | }
14 |
15 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/select.e2e.ts:12:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:97:11
|
select.e2e.ts:93:7 › select/ open / keyboard › should navigate on arrow up:
e2e/select.e2e.ts#L12
2) select.e2e.ts:93:7 › select/ open / keyboard › should navigate on arrow up ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="ZA"]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="ZA"]')
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
10 |
11 | const expectToBeHighlighted = async (el: Locator) => {
> 12 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
13 | }
14 |
15 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/select.e2e.ts:12:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:97:11
|
select.e2e.ts:93:7 › select/ open / keyboard › should navigate on arrow up:
e2e/select.e2e.ts#L12
2) select.e2e.ts:93:7 › select/ open / keyboard › should navigate on arrow up ────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="ZA"]')
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="ZA"]')
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
- locator resolved to <li dir="ltr" role="option" data-value="ZA" data-par…>…</li>
- unexpected value "null"
10 |
11 | const expectToBeHighlighted = async (el: Locator) => {
> 12 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
13 | }
14 |
15 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/select.e2e.ts:12:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:97:11
|
select.e2e.ts:132:7 › select / keyboard / select › should select on enter:
e2e/select.e2e.ts#L16
3) select.e2e.ts:132:7 › select / keyboard / select › should select on enter ─────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="AD"]')
Expected string: "checked"
Received string: "unchecked"
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="AD"]')
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
14 |
15 | const expectToBeChecked = async (el: Locator) => {
> 16 | await expect(el).toHaveAttribute("data-state", "checked")
| ^
17 | }
18 |
19 | const expectToBeInViewport = async (viewport: Locator, option: Locator) => {
at expectToBeChecked (/home/runner/work/zag/zag/e2e/select.e2e.ts:16:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:137:11
|
select.e2e.ts:132:7 › select / keyboard / select › should select on enter:
e2e/select.e2e.ts#L16
3) select.e2e.ts:132:7 › select / keyboard / select › should select on enter ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="AD"]')
Expected string: "checked"
Received string: "unchecked"
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="AD"]')
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
14 |
15 | const expectToBeChecked = async (el: Locator) => {
> 16 | await expect(el).toHaveAttribute("data-state", "checked")
| ^
17 | }
18 |
19 | const expectToBeInViewport = async (viewport: Locator, option: Locator) => {
at expectToBeChecked (/home/runner/work/zag/zag/e2e/select.e2e.ts:16:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:137:11
|
select.e2e.ts:132:7 › select / keyboard / select › should select on enter:
e2e/select.e2e.ts#L16
3) select.e2e.ts:132:7 › select / keyboard / select › should select on enter ─────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="AD"]')
Expected string: "checked"
Received string: "unchecked"
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="AD"]')
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
14 |
15 | const expectToBeChecked = async (el: Locator) => {
> 16 | await expect(el).toHaveAttribute("data-state", "checked")
| ^
17 | }
18 |
19 | const expectToBeInViewport = async (viewport: Locator, option: Locator) => {
at expectToBeChecked (/home/runner/work/zag/zag/e2e/select.e2e.ts:16:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:137:11
|
select.e2e.ts:141:7 › select / keyboard / select › should select on space:
e2e/select.e2e.ts#L16
4) select.e2e.ts:141:7 › select / keyboard / select › should select on space ─────────────────────
Error: Timed out 10000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: locator('[data-part=item][data-value="AD"]')
Expected string: "checked"
Received string: "unchecked"
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item][data-value="AD"]')
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
- locator resolved to <li dir="ltr" role="option" data-value="AD" data-par…>…</li>
- unexpected value "unchecked"
14 |
15 | const expectToBeChecked = async (el: Locator) => {
> 16 | await expect(el).toHaveAttribute("data-state", "checked")
| ^
17 | }
18 |
19 | const expectToBeInViewport = async (viewport: Locator, option: Locator) => {
at expectToBeChecked (/home/runner/work/zag/zag/e2e/select.e2e.ts:16:20)
at /home/runner/work/zag/zag/e2e/select.e2e.ts:146:11
|
Slow Test:
number-input.e2e.ts#L1
number-input.e2e.ts took 17.4s
|
Slow Test:
radio-group.e2e.ts#L1
radio-group.e2e.ts took 15.4s
|
Slow Test:
date-picker.e2e.ts#L1
date-picker.e2e.ts took 34.8s
|
Slow Test:
nested-menu.e2e.ts#L1
nested-menu.e2e.ts took 27.0s
|
Slow Test:
color-picker.e2e.ts#L1
color-picker.e2e.ts took 22.3s
|
Slow Test:
accordion.e2e.ts#L1
accordion.e2e.ts took 18.2s
|
Slow Test:
combobox.e2e.ts#L1
combobox.e2e.ts took 34.1s
|
Slow Test:
tags-input.e2e.ts#L1
tags-input.e2e.ts took 22.5s
|
Slow Test:
dialog.e2e.ts#L1
dialog.e2e.ts took 32.5s
|
Slow Test:
hover-card.e2e.ts#L1
hover-card.e2e.ts took 25.1s
|
Slow Test:
popover.e2e.ts#L1
popover.e2e.ts took 16.1s
|
Slow Test:
select.e2e.ts#L1
select.e2e.ts took 4.5m
|
🎭 Playwright Run Summary
2 skipped
10 passed (27.8s)
|
🎭 Playwright Run Summary
7 passed (25.0s)
|
🎭 Playwright Run Summary
10 passed (25.3s)
|
🎭 Playwright Run Summary
11 passed (36.0s)
|
🎭 Playwright Run Summary
12 passed (51.1s)
|
🎭 Playwright Run Summary
18 passed (51.3s)
|
🎭 Playwright Run Summary
31 passed (1.1m)
|
🎭 Playwright Run Summary
18 passed (46.7s)
|
🎭 Playwright Run Summary
23 passed (1.0m)
|
🎭 Playwright Run Summary
1 flaky
dialog.e2e.ts:38:7 › dialog › should trap focus within dialog ──────────────────────────────────
26 passed (1.4m)
|
🎭 Playwright Run Summary
27 passed (52.6s)
|
🎭 Playwright Run Summary
5 failed
select.e2e.ts:85:7 › select/ open / keyboard › should navigate on arrow down ───────────────────
select.e2e.ts:93:7 › select/ open / keyboard › should navigate on arrow up ─────────────────────
select.e2e.ts:132:7 › select / keyboard / select › should select on enter ──────────────────────
select.e2e.ts:141:7 › select / keyboard / select › should select on space ──────────────────────
select.e2e.ts:181:7 › select / open / blur › should close on press tab - with select ───────────
1 skipped
29 passed (5.1m)
|