1) [chromium] › src/avatar/avatar.test.ts:22:1 › With Image ────────────────────────────────────── Error: Screenshot comparison failed: 666 pixels (ratio 0.66 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium/avatar-with-image-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium/avatar-with-image-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium/avatar-with-image-diff.png 23 | await page.goto('/iframe.html?id=components-avatar--with-image'); 24 | > 25 | expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot( | ^ 26 | 'avatar-with-image.png' 27 | ); 28 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/avatar/avatar.test.ts:25:56

1) [chromium] › src/avatar/avatar.test.ts:22:1 › With Image ────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 666 pixels (ratio 0.66 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium-retry1/avatar-with-image-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium-retry1/avatar-with-image-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium-retry1/avatar-with-image-diff.png 23 | await page.goto('/iframe.html?id=components-avatar--with-image'); 24 | > 25 | expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot( | ^ 26 | 'avatar-with-image.png' 27 | ); 28 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/avatar/avatar.test.ts:25:56

1) [chromium] › src/avatar/avatar.test.ts:22:1 › With Image ────────────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 666 pixels (ratio 0.66 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium-retry2/avatar-with-image-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium-retry2/avatar-with-image-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-chromium-retry2/avatar-with-image-diff.png 23 | await page.goto('/iframe.html?id=components-avatar--with-image'); 24 | > 25 | expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot( | ^ 26 | 'avatar-with-image.png' 27 | ); 28 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/avatar/avatar.test.ts:25:56

2) [webkit] › src/slider-label/slider-label.test.ts:14:1 › With Hide Mark ──────────────────────── Error: Screenshot comparison failed: 166656 pixels (ratio 0.61 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit/slider-label-with-hide-mark-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit/slider-label-with-hide-mark-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit/slider-label-with-hide-mark-diff.png 15 | await page.goto('/iframe.html?id=components-slider-label--with-hide-mark'); 16 | > 17 | expect(await page.locator('body').screenshot()).toMatchSnapshot( | ^ 18 | 'slider-label-with-hide-mark.png' 19 | ); 20 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider-label/slider-label.test.ts:17:51

2) [webkit] › src/slider-label/slider-label.test.ts:14:1 › With Hide Mark ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 166656 pixels (ratio 0.61 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit-retry1/slider-label-with-hide-mark-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit-retry1/slider-label-with-hide-mark-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit-retry1/slider-label-with-hide-mark-diff.png 15 | await page.goto('/iframe.html?id=components-slider-label--with-hide-mark'); 16 | > 17 | expect(await page.locator('body').screenshot()).toMatchSnapshot( | ^ 18 | 'slider-label-with-hide-mark.png' 19 | ); 20 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider-label/slider-label.test.ts:17:51

2) [webkit] › src/slider-label/slider-label.test.ts:14:1 › With Hide Mark ──────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 166656 pixels (ratio 0.61 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit-retry2/slider-label-with-hide-mark-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit-retry2/slider-label-with-hide-mark-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-slider-label-slider-label-With-Hide-Mark-webkit-retry2/slider-label-with-hide-mark-diff.png 15 | await page.goto('/iframe.html?id=components-slider-label--with-hide-mark'); 16 | > 17 | expect(await page.locator('body').screenshot()).toMatchSnapshot( | ^ 18 | 'slider-label-with-hide-mark.png' 19 | ); 20 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/slider-label/slider-label.test.ts:17:51

3) [chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically Test timeout of 30000ms exceeded.

3) [chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically Error: locator.waitFor: Target closed =========================== logs =========================== waiting for locator('jp-anchor') to be visible locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resol

3) [chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically Pending operations: - locator.waitFor at src/anchor/anchor.base.test.ts:31:19

4) [chromium] › src/radio-group/radio-group.test.ts:30:1 › Read-only ───────────────────────────── Error: Screenshot comparison failed: 599 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-radio-group-radio-group-Read-only-chromium/radio-group-read-only-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-radio-group-radio-group-Read-only-chromium/radio-group-read-only-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-radio-group-radio-group-Read-only-chromium/radio-group-read-only-diff.png 31 | await page.goto('/iframe.html?id=components-radio-group--with-read-only'); 32 | > 33 | expect(await page.locator('jp-radio-group').screenshot()).toMatchSnapshot( | ^ 34 | 'radio-group-read-only.png' 35 | ); 36 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/radio-group/radio-group.test.ts:33:61

1) [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically Test timeout of 30000ms exceeded.

1) [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically Error: locator.waitFor: Target closed =========================== logs =========================== waiting for locator('jp-anchor') to be visible locator resolved to hidden <jp-anchor id="anchor1" class="neutral">Hello</jp-anchor> locator resolved to hidden <jp-anchor id="anchor1" class="neutral">Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor1" class="neutral" appearance…>Hello</jp-anchor> locator resolved to hidden <jp-anchor href="#" id="anchor

1) [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically Pending operations: - locator.waitFor at src/anchor/anchor.base.test.ts:31:19

2 failed [chromium] › src/avatar/avatar.test.ts:22:1 › With Image ─────────────────────────────────────── [webkit] › src/slider-label/slider-label.test.ts:14:1 › With Hide Mark ───────────────────────── 9 flaky [chromium] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically [chromium] › src/radio-group/radio-group.test.ts:30:1 › Read-only ────────────────────────────── [firefox] › src/avatar/avatar.test.ts:22:1 › With Image ──────────────────────────────────────── [firefox] › src/slider/slider.test.ts:14:1 › Vertical ────────────────────────────────────────── [webkit] › src/avatar/avatar.test.ts:22:1 › With Image ───────────────────────────────────────── [webkit] › src/radio-group/radio-group.test.ts:30:1 › Read-only ──────────────────────────────── [webkit] › src/slider/slider.test.ts:6:1 › Default ───────────────────────────────────────────── [webkit] › src/slider/slider.test.ts:14:1 › Vertical ─────────────────────────────────────────── [webkit] › src/slider-label/slider-label.test.ts:6:1 › Default ───────────────────────────────── 6 skipped 472 passed (4.1m)

1 flaky [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically 6 skipped 482 passed (3.7m)

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

packages/components/[chromium] › src/anchor/anchor.base.test.ts took 31.5s

packages/components/[firefox] › src/select/select.base.test.ts took 24.0s

packages/components/[webkit] › src/select/select.base.test.ts took 23.6s

packages/components/[webkit] › src/anchor/anchor.base.test.ts took 32.2s

packages/components/[firefox] › src/select/select.base.test.ts took 26.2s