docs(combobox): add combobox properties to docs and examples #2339
Annotations
7 errors, 13 warnings, and 12 notices
combobox.e2e.ts:50:7 › combobox › [typeahead / autohighlight / selection] should open combobox menu when typing:
e2e/combobox.e2e.ts#L13
1) combobox.e2e.ts:50:7 › combobox › [typeahead / autohighlight / selection] should open combobox menu when typing
Error: Timed out 10000ms waiting for expect(received).toHaveAttribute(expected)
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item]:not([data-disabled])').first()
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
11 |
12 | const expectToBeHighlighted = async (el: Locator) => {
> 13 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
14 | }
15 |
16 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/combobox.e2e.ts:13:20)
at /home/runner/work/zag/zag/e2e/combobox.e2e.ts:55:11
|
combobox.e2e.ts:50:7 › combobox › [typeahead / autohighlight / selection] should open combobox menu when typing:
e2e/combobox.e2e.ts#L13
1) combobox.e2e.ts:50:7 › combobox › [typeahead / autohighlight / selection] should open combobox menu when typing
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(received).toHaveAttribute(expected)
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item]:not([data-disabled])').first()
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
11 |
12 | const expectToBeHighlighted = async (el: Locator) => {
> 13 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
14 | }
15 |
16 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/combobox.e2e.ts:13:20)
at /home/runner/work/zag/zag/e2e/combobox.e2e.ts:55:11
|
combobox.e2e.ts:50:7 › combobox › [typeahead / autohighlight / selection] should open combobox menu when typing:
e2e/combobox.e2e.ts#L13
1) combobox.e2e.ts:50:7 › combobox › [typeahead / autohighlight / selection] should open combobox menu when typing
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(received).toHaveAttribute(expected)
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item]:not([data-disabled])').first()
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="CA" data…>Canada</li>
- unexpected value "null"
11 |
12 | const expectToBeHighlighted = async (el: Locator) => {
> 13 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
14 | }
15 |
16 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/combobox.e2e.ts:13:20)
at /home/runner/work/zag/zag/e2e/combobox.e2e.ts:55:11
|
combobox.e2e.ts:128:7 › combobox › [keyboard / arrowdown / loop]:
e2e/combobox.e2e.ts#L13
2) combobox.e2e.ts:128:7 › combobox › [keyboard / arrowdown / loop] ──────────────────────────────
Error: Timed out 10000ms waiting for expect(received).toHaveAttribute(expected)
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item]:not([data-disabled])').last()
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
11 |
12 | const expectToBeHighlighted = async (el: Locator) => {
> 13 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
14 | }
15 |
16 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/combobox.e2e.ts:13:20)
at /home/runner/work/zag/zag/e2e/combobox.e2e.ts:135:11
|
combobox.e2e.ts:128:7 › combobox › [keyboard / arrowdown / loop]:
e2e/combobox.e2e.ts#L13
2) combobox.e2e.ts:128:7 › combobox › [keyboard / arrowdown / loop] ──────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(received).toHaveAttribute(expected)
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item]:not([data-disabled])').last()
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
11 |
12 | const expectToBeHighlighted = async (el: Locator) => {
> 13 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
14 | }
15 |
16 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/combobox.e2e.ts:13:20)
at /home/runner/work/zag/zag/e2e/combobox.e2e.ts:135:11
|
combobox.e2e.ts:128:7 › combobox › [keyboard / arrowdown / loop]:
e2e/combobox.e2e.ts#L13
2) combobox.e2e.ts:128:7 › combobox › [keyboard / arrowdown / loop] ──────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 10000ms waiting for expect(received).toHaveAttribute(expected)
Expected string: ""
Received string: serializes to the same string
Call log:
- expect.toHaveAttribute with timeout 10000ms
- waiting for locator('[data-part=item]:not([data-disabled])').last()
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
- locator resolved to <li role="option" tabindex="-1" data-value="MT" data…>Malta</li>
- unexpected value "null"
11 |
12 | const expectToBeHighlighted = async (el: Locator) => {
> 13 | await expect(el).toHaveAttribute("data-highlighted", "")
| ^
14 | }
15 |
16 | const expectToBeChecked = async (el: Locator) => {
at expectToBeHighlighted (/home/runner/work/zag/zag/e2e/combobox.e2e.ts:13:20)
at /home/runner/work/zag/zag/e2e/combobox.e2e.ts:135:11
|
End-to-end Tests (2)
Process completed with exit code 1.
|
Slow Test:
numberinput.e2e.ts#L1
numberinput.e2e.ts took 18.6s
|
Slow Test:
accordion.e2e.ts#L1
accordion.e2e.ts took 17.1s
|
Slow Test:
popover.e2e.ts#L1
popover.e2e.ts took 18.3s
|
Slow Test:
pin-input.e2e.ts#L1
pin-input.e2e.ts took 16.5s
|
Slow Test:
slider.e2e.ts#L1
slider.e2e.ts took 15.7s
|
Slow Test:
tags-input.e2e.ts#L1
tags-input.e2e.ts took 17.9s
|
Slow Test:
nested-menu.e2e.ts#L1
nested-menu.e2e.ts took 25.3s
|
Slow Test:
hover-card.e2e.ts#L1
hover-card.e2e.ts took 24.7s
|
Slow Test:
radio-group.e2e.ts#L1
radio-group.e2e.ts took 20.2s
|
Slow Test:
date-picker.e2e.ts#L1
date-picker.e2e.ts took 38.3s
|
Slow Test:
dialog.e2e.ts#L1
dialog.e2e.ts took 17.9s
|
Slow Test:
combobox.e2e.ts#L1
combobox.e2e.ts took 1.7m
|
Slow Test:
select.e2e.ts#L1
select.e2e.ts took 1.2m
|
🎭 Playwright Run Summary
11 passed (34.9s)
|
🎭 Playwright Run Summary
2 skipped
17 passed (41.3s)
|
🎭 Playwright Run Summary
21 passed (45.7s)
|
🎭 Playwright Run Summary
20 passed (46.7s)
|
🎭 Playwright Run Summary
7 passed (28.3s)
|
🎭 Playwright Run Summary
23 passed (52.1s)
|
🎭 Playwright Run Summary
18 passed (46.5s)
|
🎭 Playwright Run Summary
17 passed (50.4s)
|
🎭 Playwright Run Summary
1 skipped
16 passed (44.3s)
|
🎭 Playwright Run Summary
23 passed (1.2m)
|
🎭 Playwright Run Summary
2 failed
combobox.e2e.ts:50:7 › combobox › [typeahead / autohighlight / selection] should open combobox menu when typing
combobox.e2e.ts:128:7 › combobox › [keyboard / arrowdown / loop] ───────────────────────────────
16 passed (2.0m)
|
🎭 Playwright Run Summary
28 passed (1.4m)
|