feat(experimental): InputPhoneInternational
refactor to new textfield approach
#11057
Annotations
4 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-commerce/input-card-group.pw.spec.ts#L158
1) [chromium] › tests/addon-commerce/input-card-group.pw.spec.ts:140:13 › InputCardGroup › Examples › input card grouped with saved cards
Error: expect(locator).toHaveScreenshot(expected)
2718 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-commerce/input-card-group.pw.spec.ts-snapshots/15-input-card-with-value-cvc-filled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-commerce-input-64527-rd-grouped-with-saved-cards-chromium/15-input-card-with-value-cvc-filled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-commerce-input-64527-rd-grouped-with-saved-cards-chromium/15-input-card-with-value-cvc-filled-diff.png
Call log:
- expect.toHaveScreenshot(15-input-card-with-value-cvc-filled.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#with-saved-cards [automation-id="tui-doc-example"]').locator('[automation-id="tui-input-card-group__card"]')
- locator resolved to <input type="text" tabindex="-1" translate="no" placeholder="" autocomplete="off" inputmode="numeric" aria-invalid="false" _ngcontent-ng-c3820703956="" id="tui_11601061540000_card" automation-id="tui-input-card-group__card" class="t-input t-input_card t-input_filled t-input_inert ng-untouched ng-pristine ng-valid"/>
- 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
- 2718 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#with-saved-cards [automation-id="tui-doc-example"]').locator('[automation-id="tui-input-card-group__card"]')
- locator resolved to <input type="text" tabindex="-1" translate="no" placeholder="" autocomplete="off" inputmode="numeric" aria-invalid="false" _ngcontent-ng-c3820703956="" id="tui_11601061540000_card" automation-id="tui-input-card-group__card" class="t-input t-input_card t-input_filled t-input_inert ng-untouched ng-pristine ng-valid"/>
- 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
- 2718 pixels (ratio 0.03 of all image pixels) are different.
156 |
157 | await expect(cvcTextfield).toHaveValue(cvc);
> 158 | await expect(numberTextfield).toHaveScreenshot(
| ^
159 | '15-input-card-with-value-cvc-filled.png',
160 | );
161 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-commerce/input-card-group.pw.spec.ts:158:43
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-commerce/input-card-group.pw.spec.ts#L158
1) [chromium] › tests/addon-commerce/input-card-group.pw.spec.ts:140:13 › InputCardGroup › Examples › input card grouped with saved cards
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
2718 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-commerce/input-card-group.pw.spec.ts-snapshots/15-input-card-with-value-cvc-filled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-commerce-input-64527-rd-grouped-with-saved-cards-chromium-retry1/15-input-card-with-value-cvc-filled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-commerce-input-64527-rd-grouped-with-saved-cards-chromium-retry1/15-input-card-with-value-cvc-filled-diff.png
Call log:
- expect.toHaveScreenshot(15-input-card-with-value-cvc-filled.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#with-saved-cards [automation-id="tui-doc-example"]').locator('[automation-id="tui-input-card-group__card"]')
- locator resolved to <input type="text" tabindex="-1" translate="no" placeholder="" autocomplete="off" inputmode="numeric" aria-invalid="false" _ngcontent-ng-c3820703956="" id="tui_11601061540000_card" automation-id="tui-input-card-group__card" class="t-input t-input_card t-input_filled t-input_inert ng-untouched ng-pristine ng-valid"/>
- 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
- 2718 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#with-saved-cards [automation-id="tui-doc-example"]').locator('[automation-id="tui-input-card-group__card"]')
- locator resolved to <input type="text" tabindex="-1" translate="no" placeholder="" autocomplete="off" inputmode="numeric" aria-invalid="false" _ngcontent-ng-c3820703956="" id="tui_11601061540000_card" automation-id="tui-input-card-group__card" class="t-input t-input_card t-input_filled t-input_inert ng-untouched ng-pristine ng-valid"/>
- 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
- 2718 pixels (ratio 0.03 of all image pixels) are different.
156 |
157 | await expect(cvcTextfield).toHaveValue(cvc);
> 158 | await expect(numberTextfield).toHaveScreenshot(
| ^
159 | '15-input-card-with-value-cvc-filled.png',
160 | );
161 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-commerce/input-card-group.pw.spec.ts:158:43
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-commerce/input-card-group.pw.spec.ts#L158
1) [chromium] › tests/addon-commerce/input-card-group.pw.spec.ts:140:13 › InputCardGroup › Examples › input card grouped with saved cards
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
2718 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-commerce/input-card-group.pw.spec.ts-snapshots/15-input-card-with-value-cvc-filled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-commerce-input-64527-rd-grouped-with-saved-cards-chromium-retry2/15-input-card-with-value-cvc-filled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-commerce-input-64527-rd-grouped-with-saved-cards-chromium-retry2/15-input-card-with-value-cvc-filled-diff.png
Call log:
- expect.toHaveScreenshot(15-input-card-with-value-cvc-filled.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#with-saved-cards [automation-id="tui-doc-example"]').locator('[automation-id="tui-input-card-group__card"]')
- locator resolved to <input type="text" tabindex="-1" translate="no" placeholder="" autocomplete="off" inputmode="numeric" aria-invalid="false" _ngcontent-ng-c3820703956="" id="tui_11601061540000_card" automation-id="tui-input-card-group__card" class="t-input t-input_card t-input_filled t-input_inert ng-untouched ng-pristine ng-valid"/>
- 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
- 2718 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#with-saved-cards [automation-id="tui-doc-example"]').locator('[automation-id="tui-input-card-group__card"]')
- locator resolved to <input type="text" tabindex="-1" translate="no" placeholder="" autocomplete="off" inputmode="numeric" aria-invalid="false" _ngcontent-ng-c3820703956="" id="tui_11601061540000_card" automation-id="tui-input-card-group__card" class="t-input t-input_card t-input_filled t-input_inert ng-untouched ng-pristine ng-valid"/>
- 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
- 2718 pixels (ratio 0.03 of all image pixels) are different.
156 |
157 | await expect(cvcTextfield).toHaveValue(cvc);
> 158 | await expect(numberTextfield).toHaveScreenshot(
| ^
159 | '15-input-card-with-value-cvc-filled.png',
160 | );
161 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-commerce/input-card-group.pw.spec.ts:158:43
|
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/addon-commerce/input-card-group.pw.spec.ts:140:13 › InputCardGroup › Examples › input card grouped with saved cards
109 passed (1.3m)
|
Run screenshot tests on dist/demo/browser
110 passed (1.4m)
|
Loading