Skip to content

Change disabled button style #256

Change disabled button style

Change disabled button style #256

Re-run triggered November 20, 2023 14:32
Status Failure
Total duration 12m 18s
Artifacts 1
This run and associated checks have been archived and are scheduled for deletion. Learn more about checks retention

visual-test.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 3 warnings, and 2 notices
[chromium] › src/avatar/avatar.test.ts:22:5 › With Image: packages/components/src/avatar/avatar.test.ts#L25
1) [chromium] › src/avatar/avatar.test.ts:22:5 › With Image ────────────────────────────────────── 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/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=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 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:5 › With Image: packages/components/src/avatar/avatar.test.ts#L25
1) [chromium] › src/avatar/avatar.test.ts:22:5 › 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=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 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:5 › With Image: packages/components/src/avatar/avatar.test.ts#L25
1) [chromium] › src/avatar/avatar.test.ts:22:5 › 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=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 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[chromium] › src/radio/radio.test.ts:14:5 › Checked: packages/components/src/radio/radio.test.ts#L17
2) [chromium] › src/radio/radio.test.ts:14:5 › Checked ─────────────────────────────────────────── Error: Screenshot comparison failed: 2293 pixels (ratio 0.71 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium/radio-checked-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium/radio-checked-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium/radio-checked-diff.png 15 | await page.goto('/iframe.html?id=components-radio--with-checked'); 16 | > 17 | expect(await page.locator('jp-radio').screenshot()).toMatchSnapshot( | ^ 18 | 'radio-checked.png' 19 | ); 20 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/radio/radio.test.ts:17: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:14:5 › Checked: packages/components/src/radio/radio.test.ts#L17
2) [chromium] › src/radio/radio.test.ts:14:5 › Checked ─────────────────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2302 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-Checked-chromium-retry1/radio-checked-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium-retry1/radio-checked-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium-retry1/radio-checked-diff.png 15 | await page.goto('/iframe.html?id=components-radio--with-checked'); 16 | > 17 | expect(await page.locator('jp-radio').screenshot()).toMatchSnapshot( | ^ 18 | 'radio-checked.png' 19 | ); 20 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/radio/radio.test.ts:17: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:14:5 › Checked: packages/components/src/radio/radio.test.ts#L17
2) [chromium] › src/radio/radio.test.ts:14:5 › Checked ─────────────────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2298 pixels (ratio 0.71 of all image pixels) are different. Expected: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium-retry2/radio-checked-expected.png Received: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium-retry2/radio-checked-actual.png Diff: /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/test-results/tests-out-radio-radio-Checked-chromium-retry2/radio-checked-diff.png 15 | await page.goto('/iframe.html?id=components-radio--with-checked'); 16 | > 17 | expect(await page.locator('jp-radio').screenshot()).toMatchSnapshot( | ^ 18 | 'radio-checked.png' 19 | ); 20 | }); at /home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/packages/components/src/radio/radio.test.ts:17: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:5 › With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [firefox] › src/avatar/avatar.test.ts:22:5 › 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=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 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:5 › With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [firefox] › src/avatar/avatar.test.ts:22:5 › 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-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=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 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:5 › With Image: packages/components/src/avatar/avatar.test.ts#L25
3) [firefox] › src/avatar/avatar.test.ts:22:5 › With Image ─────────────────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── 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-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=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 at fulfilled (/home/runner/work/jupyter-ui-toolkit/jupyter-ui-toolkit/node_modules/tslib/tslib.js:166:62)
[webkit] › src/accordion-item/accordion-item.test.ts:6:5 › Default: packages/components/src/accordion-item/accordion-item.test.ts#L9
4) [webkit] › src/accordion-item/accordion-item.test.ts:6:5 › Default ──────────────────────────── Error: Screenshot comparison failed: 22692 pixels (ratio 0.90 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-webkit/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-webkit/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-webkit/accordion-item-default-diff.png 7 | await page.goto('/iframe.html?id=components-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)
Slow Test: packages/components/[firefox] › src/button/button.test.ts#L1
packages/components/[firefox] › src/button/button.test.ts took 15.7s
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.2s
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/
🎭 Playwright Run Summary
5 failed [chromium] › src/avatar/avatar.test.ts:22:5 › With Image ─────────────────────────────────────── [chromium] › src/radio/radio.test.ts:14:5 › Checked ──────────────────────────────────────────── [firefox] › src/avatar/avatar.test.ts:22:5 › With Image ──────────────────────────────────────── [webkit] › src/accordion-item/accordion-item.test.ts:6:5 › Default ───────────────────────────── [webkit] › src/avatar/avatar.test.ts:22:5 › With Image ───────────────────────────────────────── 48 flaky [chromium] › src/checkbox/checkbox.test.ts:6:5 › Default ─────────────────────────────────────── [chromium] › src/combobox/combobox.test.ts:6:5 › Default ─────────────────────────────────────── [chromium] › src/number-field/number-field.test.ts:54:5 › With Readonly ──────────────────────── [chromium] › src/radio/radio.test.ts:30:5 › Read-only ────────────────────────────────────────── [chromium] › src/slider/slider.test.ts:22:5 › With Disabled ──────────────────────────────────── [chromium] › src/slider-label/slider-label.test.ts:14:5 › With Hide Mark ─────────────────────── [chromium] › src/toolbar/toolbar.test.ts:6:5 › Default ───────────────────────────────────────── [firefox] › src/anchor/anchor.test.ts:6:5 › Default ──────────────────────────────────────────── [firefox] › src/breadcrumb/breadcrumb.test.ts:32:5 › With End Icon ───────────────────────────── [firefox] › src/breadcrumb-item/breadcrumb-item.test.ts:6:5 › Default ────────────────────────── [firefox] › src/breadcrumb-item/breadcrumb-item.test.ts:14:5 › Without href ──────────────────── [firefox] › src/button/button.test.ts:46:5 › With Disabled ───────────────────────────────────── [firefox] › src/button/button.test.ts:54:5 › With Start Icon ─────────────────────────────────── [firefox] › src/checkbox/checkbox.test.ts:6:5 › Default ──────────────────────────────────────── [firefox] › src/combobox/combobox.test.ts:14:5 › Disabled ────────────────────────────────────── [firefox] › src/date-field/date-field.test.ts:30:5 › With Readonly ───────────────────────────── [firefox] › src/menu-item/menu-item.test.ts:30:5 › Radio ─────────────────────────────────────── [firefox] › src/number-field/number-field.test.ts:30:5 › With Disabled ───────────────────────── [firefox] › src/option/option.test.ts:6:5 › Default ──────────────────────────────────────────── [firefox] › src/search/search.test.ts:14:5 › With Placeholder ────────────────────────────────── [firefox] › src/search/search.test.ts:38:5 › With Size ───────────────────────────────────────── [firefox] › src/select/select.test.ts:14:5 › WithOpen ────────────────────────────────────────── [firefox] › src/slider-label/slider-label.test.ts:6:5 › Default ──────────────────────────────── [firefox] › src/tabs/tabs.test.ts:6:5 › Default ──────────────────────────────────────────────── [firefox] › src/text-field/text-field.test.ts:22:5 › With Autofocus ──────────────────────────── [firefox] › src/text-field/text-field.test.ts:62:5 › With Readonly ───────────────────────────── [webkit] › src/badge/badge.test.ts:6:5 › Default ─────────────────────────────────────────────── [webkit] › src/breadcrumb-item/breadcrumb-item.test.ts:22:5 › With Start Icon ────────────────── [webkit] › src/button/button.test.ts:54:5 › With Start Icon ──────────────────────────────────── [webkit] › src/combobox/combobox.test.ts:22:5 › Custom Indicator ─────────────────────────────── [webkit] › src/date-field/date-field.test.ts:38:5 › With Start Icon ──────────────────────────── [webkit] › src/divider/divider.test.ts:14:5 › Vertical ───────────────────────────────────────── [webkit] › src/number-field/number-field.test.ts:14:5 › With Placeholder ─────────────────────── [webkit] › src/number-field/number-field.test.ts:22:5 › With Autofocus ───────────────────────── [webkit] › src/number-field/number-field.test.ts:46:5 › With Max Length ──────────────────────── [webkit] › src/number-field/nu
🎭 Playwright Run Summary
6 skipped 333 passed (2.5m)

Artifacts

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