feat(legacy): MultiSelect
allow checkbox on the right side
#10820
Annotations
4 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts#L43
1) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label
Error: expect(locator).toHaveScreenshot(expected)
10664 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/legacy/multi-select/multi-select.pw.spec.ts-snapshots/02-with-data-list-with-label-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-chromium/02-with-data-list-with-label-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-chromium/02-with-data-list-with-label-diff.png
Call log:
- expect.toHaveScreenshot(02-with-data-list__with-label.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 576px by 800px, received 576px by 692px. 67986 pixels (ratio 0.15 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 576px by 692px, received 576px by 800px. 67427 pixels (ratio 0.15 of all image pixels) are different.
- waiting 250ms before taking screenshot
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 10664 pixels (ratio 0.03 of all image pixels) are different.
41 | await documentationPage.waitStableState();
42 |
> 43 | await expect(multiSelect.dropdown).toHaveScreenshot(
| ^
44 | '02-with-data-list__with-label.png',
45 | );
46 | });
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:43:48
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts#L43
1) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
10717 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/legacy/multi-select/multi-select.pw.spec.ts-snapshots/02-with-data-list-with-label-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-chromium-retry1/02-with-data-list-with-label-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-chromium-retry1/02-with-data-list-with-label-diff.png
Call log:
- expect.toHaveScreenshot(02-with-data-list__with-label.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 576px by 800px, received 576px by 764px. 24980 pixels (ratio 0.06 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 576px by 764px, received 576px by 800px. 24253 pixels (ratio 0.06 of all image pixels) are different.
- waiting 250ms before taking screenshot
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 10717 pixels (ratio 0.03 of all image pixels) are different.
41 | await documentationPage.waitStableState();
42 |
> 43 | await expect(multiSelect.dropdown).toHaveScreenshot(
| ^
44 | '02-with-data-list__with-label.png',
45 | );
46 | });
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:43:48
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts#L43
1) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
10664 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/legacy/multi-select/multi-select.pw.spec.ts-snapshots/02-with-data-list-with-label-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-chromium-retry2/02-with-data-list-with-label-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-chromium-retry2/02-with-data-list-with-label-diff.png
Call log:
- expect.toHaveScreenshot(02-with-data-list__with-label.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 576px by 800px, received 576px by 692px. 23029 pixels (ratio 0.05 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 576px by 692px, received 576px by 800px. 22470 pixels (ratio 0.05 of all image pixels) are different.
- waiting 250ms before taking screenshot
- waiting for locator('tui-dropdown')
- locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 10664 pixels (ratio 0.03 of all image pixels) are different.
41 | await documentationPage.waitStableState();
42 |
> 43 | await expect(multiSelect.dropdown).toHaveScreenshot(
| ^
44 | '02-with-data-list__with-label.png',
45 | );
46 | });
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:43:48
|
Run screenshot tests on dist/demo/browser/main
Process completed with exit code 1.
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run screenshot tests on dist/demo/browser
108 passed (1.5m)
|
Run screenshot tests on dist/demo/browser/main
1 failed
[chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label
107 passed (1.4m)
|
Loading