Skip to content

fix: useSyncExternalStore backward compatibility #283

fix: useSyncExternalStore backward compatibility

fix: useSyncExternalStore backward compatibility #283

Triggered via pull request October 30, 2024 18:17
Status Success
Total duration 2m 9s
Artifacts 1

test.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 2 warnings, and 1 notice
[webkit] › basic.test.ts:23:7 › basic behavior › item onSelect is called on click: test/basic.test.ts#L26
1) [webkit] › basic.test.ts:23:7 › basic behavior › item onSelect is called on click ───────────── Error: expect(received).toEqual(expected) // deep equality Expected: "Item selected" Received: "[HMR] connected" 24 | const item = page.locator(`[cmdk-item][data-value="Item"]`) 25 | const [message] = await Promise.all([page.waitForEvent('console'), item.click()]) > 26 | expect(message.text()).toEqual('Item selected') | ^ 27 | }) 28 | 29 | test('first item is selected by default', async ({ page }) => { at /home/runner/work/cmdk/cmdk/test/basic.test.ts:26:28
[webkit] › basic.test.ts:34:7 › basic behavior › first item is selected when search changes: test/basic.test.ts#L1
2) [webkit] › basic.test.ts:34:7 › basic behavior › first item is selected when search changes ─── Test timeout of 5000ms exceeded.
[webkit] › basic.test.ts:34:7 › basic behavior › first item is selected when search changes: test/basic.test.ts#L38
2) [webkit] › basic.test.ts:34:7 › basic behavior › first item is selected when search changes ─── Error: expect(locator).toHaveText(expected) Locator: locator('[cmdk-item][aria-selected="true"]') Expected string: "Value" Received string: "Item" Call log: - expect.toHaveText with timeout 5000ms - waiting for locator('[cmdk-item][aria-selected="true"]') - locator resolved to <div class="item" cmdk-item="" role="option" id="radi…>Item</div> - unexpected value "Item" - locator resolved to <div class="item" cmdk-item="" role="option" id="radi…>Item</div> - unexpected value "Item" - locator resolved to <div class="item" cmdk-item="" role="option" id="radi…>Item</div> - unexpected value "Item" - locator resolved to <div class="item" cmdk-item="" role="option" id="radi…>Item</div> - unexpected value "Item" - locator resolved to <div class="item" cmdk-item="" role="option" id="radi…>Item</div> - unexpected value "Item" - locator resolved to <div class="item" cmdk-item="" role="option" id="radi…>Item</div> - unexpected value "Item" 36 | await input.type('x') 37 | const selected = page.locator(`[cmdk-item][aria-selected="true"]`) > 38 | await expect(selected).toHaveText('Value') | ^ 39 | }) 40 | 41 | test('items filter when searching', async ({ page }) => { at /home/runner/work/cmdk/cmdk/test/basic.test.ts:38:28
[webkit] › basic.test.ts:59:7 › basic behavior › empty component renders when there are no results: test/basic.test.ts#L1
3) [webkit] › basic.test.ts:59:7 › basic behavior › empty component renders when there are no results Test timeout of 5000ms exceeded.
[webkit] › basic.test.ts:59:7 › basic behavior › empty component renders when there are no results: test/basic.test.ts#L62
3) [webkit] › basic.test.ts:59:7 › basic behavior › empty component renders when there are no results Error: expect(locator).toHaveCount(expected) Locator: locator('[cmdk-item]') Expected: 0 Received: 2 Call log: - expect.toHaveCount with timeout 5000ms - waiting for locator('[cmdk-item]') - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" 60 | const input = page.locator('[cmdk-input]') 61 | await input.type('z') > 62 | await expect(page.locator(`[cmdk-item]`)).toHaveCount(0) | ^ 63 | await expect(page.locator(`[cmdk-empty]`)).toHaveText('No results.') 64 | }) 65 | at /home/runner/work/cmdk/cmdk/test/basic.test.ts:62:47
[webkit] › item.test.ts:15:7 › item › mounted item does not match search: test/item.test.ts#L1
4) [webkit] › item.test.ts:15:7 › item › mounted item does not match search ────────────────────── Test timeout of 5000ms exceeded.
[webkit] › item.test.ts:15:7 › item › mounted item does not match search: test/item.test.ts#L17
4) [webkit] › item.test.ts:15:7 › item › mounted item does not match search ────────────────────── Error: expect(locator).toHaveCount(expected) Locator: locator('[cmdk-item]') Expected: 0 Received: 1 Call log: - expect.toHaveCount with timeout 5000ms - waiting for locator('[cmdk-item]') - locator resolved to 1 element - unexpected value "1" - locator resolved to 1 element - unexpected value "1" - locator resolved to 1 element - unexpected value "1" - locator resolved to 1 element - unexpected value "1" - locator resolved to 1 element - unexpected value "1" - locator resolved to 1 element - unexpected value "1" - locator resolved to 1 element - unexpected value "1" - locator resolved to 1 element - unexpected value "1" 15 | test('mounted item does not match search', async ({ page }) => { 16 | await page.locator(`[cmdk-input]`).type('z') > 17 | await expect(page.locator(`[cmdk-item]`)).toHaveCount(0) | ^ 18 | await page.locator(`data-testid=mount`).click() 19 | await expect(page.locator(`[cmdk-item]`)).toHaveCount(0) 20 | }) at /home/runner/work/cmdk/cmdk/test/item.test.ts:17:47
[webkit] › item.test.ts:63:7 › item advanced › re-rendering re-matches implicit textContent value: test/item.test.ts#L1
5) [webkit] › item.test.ts:63:7 › item advanced › re-rendering re-matches implicit textContent value Test timeout of 5000ms exceeded.
[webkit] › item.test.ts:63:7 › item advanced › re-rendering re-matches implicit textContent value: test/item.test.ts#L68
5) [webkit] › item.test.ts:63:7 › item advanced › re-rendering re-matches implicit textContent value Error: expect(locator).toHaveCount(expected) Locator: locator('[cmdk-item]') Expected: 0 Received: 2 Call log: - expect.toHaveCount with timeout 5000ms - waiting for locator('[cmdk-item]') - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" - locator resolved to 2 elements - unexpected value "2" 66 | const button = page.locator(`data-testid=increment`) 67 | await button.click() > 68 | await expect(page.locator(`[cmdk-item]`)).toHaveCount(0) | ^ 69 | await button.click() 70 | await expect(page.locator(`[cmdk-item]`)).toHaveCount(2) 71 | }) at /home/runner/work/cmdk/cmdk/test/item.test.ts:68:47
[webkit] › props.test.ts:11:7 › props › results match against custom filter: test/props.test.ts#L14
6) [webkit] › props.test.ts:11:7 › props › results match against custom filter ─────────────────── Error: expect.toHaveAttribute: Error: strict mode violation: locator('[cmdk-item]') resolved to 2 elements: 1) <div cmdk-item="" role="option" id="radix-:Rqqm:" ari…>ant</div> aka getByLabel('Suggestions').getByText('ant', { exact: true }) 2) <div cmdk-item="" role="option" id="radix-:R1aqm:" ar…>anteater</div> aka getByText('anteater') Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for locator('[cmdk-item]') 12 | await page.goto('/props?customFilter=true') 13 | await page.locator(`[cmdk-input]`).type(`ant`) > 14 | await expect(page.locator(`[cmdk-item]`)).toHaveAttribute('data-value', 'ant') | ^ 15 | }) 16 | 17 | test('controlled value', async ({ page }) => { at /home/runner/work/cmdk/cmdk/test/props.test.ts:14:47
Slow Test: [webkit] › basic.test.ts#L1
[webkit] › basic.test.ts took 21.4s
Slow Test: [webkit] › item.test.ts#L1
[webkit] › item.test.ts took 18.2s
🎭 Playwright Run Summary
6 flaky [webkit] › basic.test.ts:23:7 › basic behavior › item onSelect is called on click ────────────── [webkit] › basic.test.ts:34:7 › basic behavior › first item is selected when search changes ──── [webkit] › basic.test.ts:59:7 › basic behavior › empty component renders when there are no results [webkit] › item.test.ts:15:7 › item › mounted item does not match search ─────────────────────── [webkit] › item.test.ts:63:7 › item advanced › re-rendering re-matches implicit textContent value [webkit] › props.test.ts:11:7 › props › results match against custom filter ──────────────────── 35 passed (42.1s)

Artifacts

Produced during runtime
Name Size
playwright-report
5.6 KB