Skip to content

Fix binder

Fix binder #348

Triggered via pull request July 4, 2024 08:58
@fcollonvalfcollonval
synchronize #113
fix/binder
Status Failure
Total duration 11m 22s
Artifacts 1

visual-test.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

12 errors, 6 warnings, and 2 notices
[chromium] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
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
[chromium] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
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
[chromium] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
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
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
2) [firefox] › 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-firefox/avatar-with-image-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-firefox/avatar-with-image-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-firefox/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
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
2) [firefox] › 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-firefox-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-firefox-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-firefox-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
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
2) [firefox] › 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-firefox-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-firefox-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-firefox-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
[webkit] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [webkit] › src/avatar/avatar.test.ts:22:1 › With Image ──────────────────────────────────────── Error: Screenshot comparison failed: 2975 pixels (ratio 0.73 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-webkit/avatar-with-image-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-webkit/avatar-with-image-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-avatar-avatar-With-Image-webkit/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
[webkit] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [webkit] › src/avatar/avatar.test.ts:22:1 › With Image ──────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2975 pixels (ratio 0.73 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-webkit-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-webkit-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-webkit-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
[webkit] › src/avatar/avatar.test.ts:22:1 › With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [webkit] › src/avatar/avatar.test.ts:22:1 › With Image ──────────────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2975 pixels (ratio 0.73 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-webkit-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-webkit-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-webkit-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
[firefox] › src/disclosure/disclosure.test.ts:6:1 › Default: packages/components/src/disclosure/disclosure.test.ts#L9
4) [firefox] › src/disclosure/disclosure.test.ts:6:1 › Default ─────────────────────────────────── Error: Screenshot comparison failed: 23712 pixels (ratio 0.26 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-disclosure-disclosure-Default-firefox/disclosure-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-disclosure-disclosure-Default-firefox/disclosure-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/src-disclosure-disclosure-Default-firefox/disclosure-default-diff.png 7 | await page.goto('/iframe.html?id=components-disclosure--default'); 8 | > 9 | expect(await page.locator('jp-disclosure').screenshot()).toMatchSnapshot( | ^ 10 | 'disclosure-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/disclosure/disclosure.test.ts:9:60
[chromium] › src/select/select.base.test.ts:307:5 › JpSelect › when opened › should scroll the selected option into view: packages/components/src/select/select.base.test.ts#L355
1) [chromium] › src/select/select.base.test.ts:307:5 › JpSelect › when opened › should scroll the selected option into view Error: expect(received).toBeLessThanOrEqual(expected) Expected: <= 6 Received: 794 353 | expect( 354 | await selectedOption.evaluate<number, JpOption>(node => node.scrollTop) > 355 | ).toBeLessThanOrEqual(6); | ^ 356 | }); 357 | }); 358 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/select/select.base.test.ts:355:9
[webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically: packages/components/src/anchor/anchor.base.test.ts#L34
2) [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically Error: expect(received).toEqual(expected) // deep equality Expected: "anchor1" Received: "" 32 | await element.focus(); 33 | > 34 | expect(await page.evaluate(() => document.activeElement?.id)).toEqual( | ^ 35 | await element.getAttribute('id') 36 | ); 37 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/anchor/anchor.base.test.ts:34:67
visual-test
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/.
Slow Test: packages/components/[firefox] › src/select/select.base.test.ts#L1
packages/components/[firefox] › src/select/select.base.test.ts took 24.2s
Slow Test: packages/components/[webkit] › src/select/select.base.test.ts#L1
packages/components/[webkit] › src/select/select.base.test.ts took 22.6s
Slow Test: packages/components/[firefox] › src/select/select.base.test.ts#L1
packages/components/[firefox] › src/select/select.base.test.ts took 25.6s
Slow Test: packages/components/[webkit] › src/select/select.base.test.ts#L1
packages/components/[webkit] › src/select/select.base.test.ts took 24.3s
Slow Test: packages/components/[chromium] › src/select/select.base.test.ts#L1
packages/components/[chromium] › src/select/select.base.test.ts took 15.8s
🎭 Playwright Run Summary
3 failed [chromium] › src/avatar/avatar.test.ts:22:1 › With Image ─────────────────────────────────────── [firefox] › src/avatar/avatar.test.ts:22:1 › With Image ──────────────────────────────────────── [webkit] › src/avatar/avatar.test.ts:22:1 › With Image ───────────────────────────────────────── 4 flaky [firefox] › src/disclosure/disclosure.test.ts:6:1 › Default ──────────────────────────────────── [firefox] › src/drafts/picker/picker.test.ts:6:1 › Default ───────────────────────────────────── [firefox] › src/slider/slider.test.ts:14:1 › Vertical ────────────────────────────────────────── [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically 6 skipped 476 passed (3.7m)
🎭 Playwright Run Summary
2 flaky [chromium] › src/select/select.base.test.ts:307:5 › JpSelect › when opened › should scroll the selected option into view [webkit] › src/anchor/anchor.base.test.ts:29:3 › jpAnchor › receive focus when focused programatically 6 skipped 481 passed (3.6m)

Artifacts

Produced during runtime
Name Size
jupyter-ui-test Expired
2.59 MB