feat(experimental): InputPhoneInternational
refactor to new textfield approach
#11020
Annotations
6 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#L49
1) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:40:13 › MultiSelect › Examples › multi-select with data list with label
Error: expect(locator).toHaveScreenshot(expected)
47033 pixels (ratio 0.11 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. 2989 pixels (ratio 0.01 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. 2989 pixels (ratio 0.01 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
- 80493 pixels (ratio 0.18 of all image pixels) are different.
- waiting 500ms 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
- 107482 pixels (ratio 0.24 of all image pixels) are different.
- waiting 1000ms 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
- 47033 pixels (ratio 0.11 of all image pixels) are different.
47 | await documentationPage.waitStableState();
48 |
> 49 | await expect(multiSelect.dropdow
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts#L49
1) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:40:13 › MultiSelect › Examples › multi-select with data list with label
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
53 pixels (ratio 0.01 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 692px. 21727 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. 21755 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
- 53 pixels (ratio 0.01 of all image pixels) are different.
47 | await documentationPage.waitStableState();
48 |
> 49 | await expect(multiSelect.dropdown).toHaveScreenshot(
| ^
50 | '02-with-data-list__with-label.png',
51 | );
52 | });
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:49:48
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts#L49
1) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:40:13 › MultiSelect › Examples › multi-select with data list with label
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
47033 pixels (ratio 0.11 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
- 100735 pixels (ratio 0.22 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
- 100735 pixels (ratio 0.22 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
- 47033 pixels (ratio 0.11 of all image pixels) are different.
- waiting 500ms 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
- 47033 pixels (ratio 0.11 of all image pixels) are different.
47 | await documentationPage.waitStableState();
48 |
> 49 | await expect(multiSelect.dropdown).toHaveScreenshot(
| ^
50 | '02-with-data-list__with-label.png',
51 | );
52 | });
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:49:48
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts#L90
2) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:73:21 › MultiSelect › Examples › Multiselect inside dialog with different textfield sizes › multiselect inside dialog with tuiTextfieldSize=l
Error: expect(page).toHaveScreenshot(expected)
13 pixels (ratio 0.01 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/04-dialog-with-text-field-size-l-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--bd051-log-with-tuiTextfieldSize-l-chromium/04-dialog-with-text-field-size-l-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--bd051-log-with-tuiTextfieldSize-l-chromium/04-dialog-with-text-field-size-l-diff.png
Call log:
- expect.toHaveScreenshot(04-dialog-with-text-field-size-l.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 13 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 13 pixels (ratio 0.01 of all image pixels) are different.
88 | await documentationPage.waitStableState();
89 |
> 90 | await expect(page).toHaveScreenshot(
| ^
91 | `04-dialog-with-text-field-size-${size}.png`,
92 | );
93 | });
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:90:40
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts#L90
2) [chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:73:21 › MultiSelect › Examples › Multiselect inside dialog with different textfield sizes › multiselect inside dialog with tuiTextfieldSize=l
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
13 pixels (ratio 0.01 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/04-dialog-with-text-field-size-l-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--bd051-log-with-tuiTextfieldSize-l-chromium-retry1/04-dialog-with-text-field-size-l-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--bd051-log-with-tuiTextfieldSize-l-chromium-retry1/04-dialog-with-text-field-size-l-diff.png
Call log:
- expect.toHaveScreenshot(04-dialog-with-text-field-size-l.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 13 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 13 pixels (ratio 0.01 of all image pixels) are different.
88 | await documentationPage.waitStableState();
89 |
> 90 | await expect(page).toHaveScreenshot(
| ^
91 | `04-dialog-with-text-field-size-${size}.png`,
92 | );
93 | });
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:90:40
|
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/main
1 failed
[chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:40:13 › MultiSelect › Examples › multi-select with data list with label
1 flaky
[chromium] › tests/legacy/multi-select/multi-select.pw.spec.ts:73:21 › MultiSelect › Examples › Multiselect inside dialog with different textfield sizes › multiselect inside dialog with tuiTextfieldSize=l
107 passed (1.9m)
|
Run screenshot tests on dist/demo/browser
109 passed (1.7m)
|
Loading