Skip to content

docs(combobox): add combobox properties to docs and examples #2339

docs(combobox): add combobox properties to docs and examples

docs(combobox): add combobox properties to docs and examples #2339

Triggered via pull request October 5, 2023 18:52
Status Failure
Total duration 5m 13s
Artifacts

quality.yml

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

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)