Modernize the code (#53) #173
Annotations
10 errors, 2 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:
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/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
1) [chromium] › src/avatar/avatar.test.ts:22:1 › With Image ──────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
884 pixels (ratio 0.87 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
1) [chromium] › src/avatar/avatar.test.ts:22:1 › With Image ──────────────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
871 pixels (ratio 0.86 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/radio/radio.test.ts:30:1 › Read-only:
packages/components/src/radio/radio.test.ts#L33
2) [chromium] › src/radio/radio.test.ts:30:1 › Read-only ─────────────────────────────────────────
Error: Screenshot comparison failed:
2857 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-radio-radio-Read-only-chromium/radio-read-only-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium/radio-read-only-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium/radio-read-only-diff.png
31 | await page.goto('/iframe.html?id=radio--with-read-only');
32 |
> 33 | expect(await page.locator('jp-radio').screenshot()).toMatchSnapshot(
| ^
34 | 'radio-read-only.png'
35 | );
36 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/radio/radio.test.ts:33:55
at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
|
[chromium] › src/radio/radio.test.ts:30:1 › Read-only:
packages/components/src/radio/radio.test.ts#L33
2) [chromium] › src/radio/radio.test.ts:30:1 › Read-only ─────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2308 pixels (ratio 0.72 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium-retry1/radio-read-only-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium-retry1/radio-read-only-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium-retry1/radio-read-only-diff.png
31 | await page.goto('/iframe.html?id=radio--with-read-only');
32 |
> 33 | expect(await page.locator('jp-radio').screenshot()).toMatchSnapshot(
| ^
34 | 'radio-read-only.png'
35 | );
36 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/radio/radio.test.ts:33:55
at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
|
[chromium] › src/radio/radio.test.ts:30:1 › Read-only:
packages/components/src/radio/radio.test.ts#L33
2) [chromium] › src/radio/radio.test.ts:30:1 › Read-only ─────────────────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2447 pixels (ratio 0.76 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium-retry2/radio-read-only-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium-retry2/radio-read-only-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Read-only-chromium-retry2/radio-read-only-diff.png
31 | await page.goto('/iframe.html?id=radio--with-read-only');
32 |
> 33 | expect(await page.locator('jp-radio').screenshot()).toMatchSnapshot(
| ^
34 | 'radio-read-only.png'
35 | );
36 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/radio/radio.test.ts:33:55
at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
|
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image:
packages/components/src/avatar/avatar.test.ts#L25
3) [firefox] › src/avatar/avatar.test.ts:22:1 › With Image ───────────────────────────────────────
Error: Screenshot comparison failed:
869 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-firefox/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-firefox/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-firefox/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)
|
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image:
packages/components/src/avatar/avatar.test.ts#L25
3) [firefox] › src/avatar/avatar.test.ts:22:1 › With Image ───────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1 pixels (ratio 0.01 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-firefox-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-firefox-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-firefox-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)
|
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image:
packages/components/src/avatar/avatar.test.ts#L25
3) [firefox] › src/avatar/avatar.test.ts:22:1 › With Image ───────────────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
173 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-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/tests-out-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/tests-out-avatar-avatar-With-Image-firefox-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/checkbox/checkbox.test.ts:6:1 › Default:
packages/components/src/checkbox/checkbox.test.ts#L9
4) [chromium] › src/checkbox/checkbox.test.ts:6:1 › Default ──────────────────────────────────────
Error: Screenshot comparison failed:
1652 pixels (ratio 0.65 of all image pixels) are different.
Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-checkbox-checkbox-Default-chromium/checkbox-default-expected.png
Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-checkbox-checkbox-Default-chromium/checkbox-default-actual.png
Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-checkbox-checkbox-Default-chromium/checkbox-default-diff.png
7 | await page.goto('/iframe.html?id=checkbox--default');
8 |
> 9 | expect(await page.locator('jp-checkbox').screenshot()).toMatchSnapshot(
| ^
10 | 'checkbox-default.png'
11 | );
12 | });
at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/checkbox/checkbox.test.ts:9:58
at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
|
🎭 Playwright Run Summary
3 failed
[chromium] › src/avatar/avatar.test.ts:22:1 › With Image ───────────────────────────────────────
[chromium] › src/radio/radio.test.ts:30:1 › Read-only ──────────────────────────────────────────
[firefox] › src/avatar/avatar.test.ts:22:1 › With Image ────────────────────────────────────────
50 flaky
[chromium] › src/checkbox/checkbox.test.ts:6:1 › Default ───────────────────────────────────────
[chromium] › src/combobox/combobox.test.ts:14:1 › Disabled ─────────────────────────────────────
[chromium] › src/number-field/number-field.test.ts:54:1 › With Readonly ────────────────────────
[chromium] › src/slider/slider.test.ts:14:1 › Vertical ─────────────────────────────────────────
[chromium] › src/toolbar/toolbar.test.ts:6:1 › Default ─────────────────────────────────────────
[firefox] › src/breadcrumb/breadcrumb.test.ts:30:1 › With End Icon ─────────────────────────────
[firefox] › src/breadcrumb-item/breadcrumb-item.test.ts:6:1 › Default ──────────────────────────
[firefox] › src/breadcrumb-item/breadcrumb-item.test.ts:14:1 › Without href ────────────────────
[firefox] › src/button/button.test.ts:54:1 › With Start Icon ───────────────────────────────────
[firefox] › src/combobox/combobox.test.ts:14:1 › Disabled ──────────────────────────────────────
[firefox] › src/date-field/date-field.test.ts:30:1 › With Readonly ─────────────────────────────
[firefox] › src/menu/menu.test.ts:6:1 › Default ────────────────────────────────────────────────
[firefox] › src/number-field/number-field.test.ts:14:1 › With Placeholder ──────────────────────
[firefox] › src/number-field/number-field.test.ts:30:1 › With Disabled ─────────────────────────
[firefox] › src/option/option.test.ts:6:1 › Default ────────────────────────────────────────────
[firefox] › src/radio/radio.test.ts:14:1 › Checked ─────────────────────────────────────────────
[firefox] › src/search/search.test.ts:14:1 › With Placeholder ──────────────────────────────────
[firefox] › src/search/search.test.ts:22:1 › With Autofocus ────────────────────────────────────
[firefox] › src/select/select.test.ts:14:1 › WithOpen ──────────────────────────────────────────
[firefox] › src/tabs/tabs.test.ts:6:1 › Default ────────────────────────────────────────────────
[firefox] › src/tabs/tabs.test.ts:14:1 › Vertical ──────────────────────────────────────────────
[firefox] › src/text-area/text-area.test.ts:22:1 › With Autofocus ──────────────────────────────
[firefox] › src/text-field/text-field.test.ts:22:1 › With Autofocus ────────────────────────────
[webkit] › src/accordion/accordion.test.ts:6:1 › Default ───────────────────────────────────────
[webkit] › src/avatar/avatar.test.ts:14:1 › Square ─────────────────────────────────────────────
[webkit] › src/avatar/avatar.test.ts:22:1 › With Image ─────────────────────────────────────────
[webkit] › src/badge/badge.test.ts:6:1 › Default ───────────────────────────────────────────────
[webkit] › src/breadcrumb-item/breadcrumb-item.test.ts:6:1 › Default ───────────────────────────
[webkit] › src/breadcrumb-item/breadcrumb-item.test.ts:22:1 › With Start Icon ──────────────────
[webkit] › src/button/button.test.ts:54:1 › With Start Icon ────────────────────────────────────
[webkit] › src/combobox/combobox.test.ts:22:1 › Custom Indicator ───────────────────────────────
[webkit] › src/date-field/date-field.test.ts:38:1 › With Start Icon ────────────────────────────
[webkit] › src/number-field/number-field.test.ts:14:1 › With Placeholder ───────────────────────
[webkit] › src/number-field/number-field.test.ts:22:1 › With Autofocus ─────────────────────────
[webkit] › src/number-field/number-field.test.ts:30:1 › With Disabled ──────────────────────────
[webkit] › src/number-field/number-field.test.ts:46:1 › With Max Length ────────────────────────
[webkit] › src/number-field/number-field.test.ts:54:1 › With Readonly ──────────────────────────
[webkit] › src/radio/radio.tes
|
🎭 Playwright Run Summary
3 skipped
321 passed (4.1m)
|
Slow Test:
packages/components/[webkit] › src/number-field/number-field.test.ts#L1
packages/components/[webkit] › src/number-field/number-field.test.ts took 15.0s
|
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
|
9.06 MB |
|