Skip to content

Modernize the code #169

Modernize the code

Modernize the code #169

Triggered via pull request June 28, 2023 12:09
Status Failure
Total duration 36m 6s
Artifacts 1

visual-test.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 6 warnings, and 2 notices
[chromium] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default: packages/components/src/accordion/accordion.test.ts#L9
1) [chromium] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default ──────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1248px by 180px, received 121px by 180px. 202860 pixels (ratio 0.91 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium/accordion-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium/accordion-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium/accordion-default-diff.png 7 | await page.goto('/iframe.html?id=accordion--default'); 8 | > 9 | expect(await page.locator('jp-accordion').screenshot()).toMatchSnapshot( | ^ 10 | 'accordion-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/accordion/accordion.test.ts:9:59 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default: packages/components/src/accordion/accordion.test.ts#L9
1) [chromium] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default ──────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1248px by 180px, received 121px by 180px. 222094 pixels (ratio 0.99 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium-retry1/accordion-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium-retry1/accordion-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium-retry1/accordion-default-diff.png 7 | await page.goto('/iframe.html?id=accordion--default'); 8 | > 9 | expect(await page.locator('jp-accordion').screenshot()).toMatchSnapshot( | ^ 10 | 'accordion-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/accordion/accordion.test.ts:9:59 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default: packages/components/src/accordion/accordion.test.ts#L9
1) [chromium] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default ──────────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1248px by 180px, received 121px by 180px. 202860 pixels (ratio 0.91 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium-retry2/accordion-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium-retry2/accordion-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-accordion-Default-chromium-retry2/accordion-default-diff.png 7 | await page.goto('/iframe.html?id=accordion--default'); 8 | > 9 | expect(await page.locator('jp-accordion').screenshot()).toMatchSnapshot( | ^ 10 | 'accordion-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/accordion/accordion.test.ts:9:59 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default: packages/components/src/accordion-item/accordion-item.test.ts#L9
2) [chromium] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default ────────────────────────── Error: Screenshot comparison failed: Expected an image 1248px by 41px, received 138px by 41px. 45510 pixels (ratio 0.89 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium/accordion-item-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium/accordion-item-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium/accordion-item-default-diff.png 7 | await page.goto('/iframe.html?id=accordion-item--default'); 8 | > 9 | expect(await page.locator('jp-accordion-item').screenshot()).toMatchSnapshot( | ^ 10 | 'accordion-item-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/accordion-item/accordion-item.test.ts:9:64 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default: packages/components/src/accordion-item/accordion-item.test.ts#L9
2) [chromium] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1248px by 41px, received 138px by 41px. 45510 pixels (ratio 0.89 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium-retry1/accordion-item-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium-retry1/accordion-item-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium-retry1/accordion-item-default-diff.png 7 | await page.goto('/iframe.html?id=accordion-item--default'); 8 | > 9 | expect(await page.locator('jp-accordion-item').screenshot()).toMatchSnapshot( | ^ 10 | 'accordion-item-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/accordion-item/accordion-item.test.ts:9:64 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default: packages/components/src/accordion-item/accordion-item.test.ts#L9
2) [chromium] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default ────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1248px by 41px, received 138px by 41px. 45510 pixels (ratio 0.89 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium-retry2/accordion-item-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium-retry2/accordion-item-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-accordion-item-accordion-item-Default-chromium-retry2/accordion-item-default-diff.png 7 | await page.goto('/iframe.html?id=accordion-item--default'); 8 | > 9 | expect(await page.locator('jp-accordion-item').screenshot()).toMatchSnapshot( | ^ 10 | 'accordion-item-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/accordion-item/accordion-item.test.ts:9:64 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [chromium] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image ────────────────────────────────────── Error: Screenshot comparison failed: 699 pixels (ratio 0.69 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-avatar-avatar-With-Image-chromium/avatar-with-image-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-avatar-avatar-With-Image-chromium/avatar-with-image-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-avatar-avatar-With-Image-chromium/avatar-with-image-diff.png 23 | await page.goto('/iframe.html?id=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 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [chromium] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image ────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 699 pixels (ratio 0.69 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-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/tests-out-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/tests-out-avatar-avatar-With-Image-chromium-retry1/avatar-with-image-diff.png 23 | await page.goto('/iframe.html?id=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 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [chromium] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image ────────────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 867 pixels (ratio 0.85 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-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/tests-out-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/tests-out-avatar-avatar-With-Image-chromium-retry2/avatar-with-image-diff.png 23 | await page.goto('/iframe.html?id=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 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] β€Ί src/badge/badge.test.ts:6:1 β€Ί Default: packages/components/src/badge/badge.test.ts#L9
4) [chromium] β€Ί src/badge/badge.test.ts:6:1 β€Ί Default ──────────────────────────────────────────── Error: Screenshot comparison failed: 129 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-badge-badge-Default-chromium/badge-default-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-badge-badge-Default-chromium/badge-default-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-badge-badge-Default-chromium/badge-default-diff.png 7 | await page.goto('/iframe.html?id=badge--default'); 8 | > 9 | expect(await page.locator('jp-badge').screenshot()).toMatchSnapshot( | ^ 10 | 'badge-default.png' 11 | ); 12 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/badge/badge.test.ts:9:55 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
🎭 Playwright Run Summary
71 failed [chromium] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default ───────────────────────────────────── [chromium] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default ─────────────────────────── [chromium] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image ─────────────────────────────────────── [chromium] β€Ί src/badge/badge.test.ts:6:1 β€Ί Default ───────────────────────────────────────────── [chromium] β€Ί src/breadcrumb-item/breadcrumb-item.test.ts:30:1 β€Ί With End Icon ────────────────── [chromium] β€Ί src/data-grid/data-grid.test.ts:6:1 β€Ί Default ───────────────────────────────────── [chromium] β€Ί src/menu-item/menu-item.test.ts:6:1 β€Ί Default ───────────────────────────────────── [chromium] β€Ί src/menu-item/menu-item.test.ts:14:1 β€Ί Disabled ─────────────────────────────────── [chromium] β€Ί src/menu-item/menu-item.test.ts:22:1 β€Ί Checkbox ─────────────────────────────────── [chromium] β€Ί src/menu-item/menu-item.test.ts:30:1 β€Ί Radio ────────────────────────────────────── [chromium] β€Ί src/radio-group/radio-group.test.ts:6:1 β€Ί Default ───────────────────────────────── [chromium] β€Ί src/radio-group/radio-group.test.ts:14:1 β€Ί Vertical ─────────────────────────────── [chromium] β€Ί src/radio-group/radio-group.test.ts:22:1 β€Ί Disabled ─────────────────────────────── [chromium] β€Ί src/radio-group/radio-group.test.ts:30:1 β€Ί Read-only ────────────────────────────── [chromium] β€Ί src/tabs/tabs.test.ts:6:1 β€Ί Default ─────────────────────────────────────────────── [chromium] β€Ί src/tabs/tabs.test.ts:14:1 β€Ί Vertical ───────────────────────────────────────────── [chromium] β€Ί src/tabs/tabs.test.ts:22:1 β€Ί Without Indicator ──────────────────────────────────── [chromium] β€Ί src/text-area/text-area.test.ts:46:1 β€Ί With Readonly ────────────────────────────── [firefox] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default ────────────────────────────────────── [firefox] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default ──────────────────────────── [firefox] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image ──────────────────────────────────────── [firefox] β€Ί src/data-grid/data-grid.test.ts:6:1 β€Ί Default ────────────────────────────────────── [firefox] β€Ί src/menu-item/menu-item.test.ts:6:1 β€Ί Default ────────────────────────────────────── [firefox] β€Ί src/menu-item/menu-item.test.ts:14:1 β€Ί Disabled ──────────────────────────────────── [firefox] β€Ί src/menu-item/menu-item.test.ts:22:1 β€Ί Checkbox ──────────────────────────────────── [firefox] β€Ί src/menu-item/menu-item.test.ts:30:1 β€Ί Radio ─────────────────────────────────────── [firefox] β€Ί src/radio-group/radio-group.test.ts:6:1 β€Ί Default ────────────────────────────────── [firefox] β€Ί src/radio-group/radio-group.test.ts:14:1 β€Ί Vertical ──────────────────────────────── [firefox] β€Ί src/radio-group/radio-group.test.ts:22:1 β€Ί Disabled ──────────────────────────────── [firefox] β€Ί src/radio-group/radio-group.test.ts:30:1 β€Ί Read-only ─────────────────────────────── [firefox] β€Ί src/search/search.test.ts:6:1 β€Ί Default ──────────────────────────────────────────── [firefox] β€Ί src/search/search.test.ts:46:1 β€Ί With Maxlength ──────────────────────────────────── [firefox] β€Ί src/tabs/tabs.test.ts:6:1 β€Ί Default ──────────────────────────────────────────────── [firefox] β€Ί src/tabs/tabs.test.ts:14:1 β€Ί Vertical ────────────────────────────────────────────── [firefox] β€Ί src/tabs/tabs.test.ts:22:1 β€Ί Without Indicator ───────────────────────────────────── [firefox] β€Ί src/text-area/text-area.test.ts:22:1 β€Ί With Autofocus ────────────────────────────── [webkit] β€Ί src/accordion/accordion.test.ts:6:1 β€Ί Default ─────────────────────────────────────── [webkit] β€Ί src/accordion-item/accordion-item.test.ts:6:1 β€Ί Default ───────────────────────────── [webkit] β€Ί src/avatar/avatar.test.ts:22:1 β€Ί With Image ───────────────────────────────────────── [webkit] β€Ί src/breadcrumb/breadcrumb.test.ts:14:1 β€Ί With Custom Children ─────────────────────── [webkit] β€Ί src/button/button.test.ts:6:1
🎭 Playwright Run Summary
3 skipped 321 passed (4.8m)
Slow Test: packages/components/[firefox] β€Ί src/search/search.test.ts#L1
packages/components/[firefox] β€Ί src/search/search.test.ts took 28.6s
Slow Test: packages/components/[firefox] β€Ί src/text-field/text-field.test.ts#L1
packages/components/[firefox] β€Ί src/text-field/text-field.test.ts took 27.6s
Slow Test: packages/components/[firefox] β€Ί src/number-field/number-field.test.ts#L1
packages/components/[firefox] β€Ί src/number-field/number-field.test.ts took 27.4s
Slow Test: packages/components/[webkit] β€Ί src/search/search.test.ts#L1
packages/components/[webkit] β€Ί src/search/search.test.ts took 26.2s
Slow Test: packages/components/[firefox] β€Ί src/radio-group/radio-group.test.ts#L1
packages/components/[firefox] β€Ί src/radio-group/radio-group.test.ts took 24.6s
visual-test
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/

Artifacts

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