fix(input): update input sizes; #17401
JoaoFerreira-FrontEndbuild.yml
on: pull_request
build-core
1m 43s
Matrix: test-core-screenshot
test-core-clean-build
14s
test-core-lint
58s
test-core-spec
44s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-react-e2e
2s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
4s
Annotations
57 errors and 5 notices
|
test-core-screenshot (10, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:52:9 › input password toggle - large size: rendering - ionic/md/ltr/light › should not have visual regressions:
src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts#L64
2) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:52:9 › input password toggle - large size: rendering - ionic/md/ltr/light › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Expected an image 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: input-password-toggle-large-size-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(input-password-toggle-large-size-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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
- Expected an image 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
62 | const inputPasswordToggle = page.locator('ion-input-password-toggle');
63 |
> 64 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle-large-size'));
| ^
65 | });
66 | });
67 | });
at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:64:41
|
|
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:52:9 › input password toggle - large size: rendering - ionic/md/ltr/light › should not have visual regressions:
src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts#L64
2) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:52:9 › input password toggle - large size: rendering - ionic/md/ltr/light › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Expected an image 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: input-password-toggle-large-size-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(input-password-toggle-large-size-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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
- Expected an image 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
62 | const inputPasswordToggle = page.locator('ion-input-password-toggle');
63 |
> 64 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle-large-size'));
| ^
65 | });
66 | });
67 | });
at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:64:41
|
|
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:52:9 › input password toggle - large size: rendering - ionic/md/ltr/light › should not have visual regressions:
src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts#L64
2) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:52:9 › input password toggle - large size: rendering - ionic/md/ltr/light › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Expected an image 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: input-password-toggle-large-size-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(input-password-toggle-large-size-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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
- Expected an image 32px by 42px, received 36px by 42px. 47 pixels (ratio 0.04 of all image pixels) are different.
62 | const inputPasswordToggle = page.locator('ion-input-password-toggle');
63 |
> 64 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle-large-size'));
| ^
65 | });
66 | });
67 | });
at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:64:41
|
|
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ionic/md/ltr/light › should not have visual regressions:
src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts#L47
1) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ionic/md/ltr/light › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Expected an image 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
Snapshot: input-password-toggle-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(input-password-toggle-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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
- Expected an image 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
45 | const inputPasswordToggle = page.locator('ion-input-password-toggle');
46 |
> 47 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle'));
| ^
48 | });
49 | });
50 |
at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:47:41
|
|
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ionic/md/ltr/light › should not have visual regressions:
src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts#L47
1) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ionic/md/ltr/light › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Expected an image 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
Snapshot: input-password-toggle-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(input-password-toggle-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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
- Expected an image 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
45 | const inputPasswordToggle = page.locator('ion-input-password-toggle');
46 |
> 47 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle'));
| ^
48 | });
49 | });
50 |
at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:47:41
|
|
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ionic/md/ltr/light › should not have visual regressions:
src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts#L47
1) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ionic/md/ltr/light › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Expected an image 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
Snapshot: input-password-toggle-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(input-password-toggle-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-input-password-toggle')
- locator resolved to <ion-input-password-toggle slot="end" class="md hydrated"></ion-input-password-toggle>
- 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
- Expected an image 29px by 41px, received 32px by 42px. 118 pixels (ratio 0.09 of all image pixels) are different.
45 | const inputPasswordToggle = page.locator('ion-input-password-toggle');
46 |
> 47 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle'));
| ^
48 | });
49 | });
50 |
at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:47:41
|
|
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (12, 20)
The operation was canceled.
|
|
test-core-screenshot (8, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (8, 20)
The operation was canceled.
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (13, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (13, 20)
The operation was canceled.
|
|
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (14, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (14, 20)
The operation was canceled.
|
|
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (15, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
The operation was canceled.
|
|
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (3, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (3, 20)
The operation was canceled.
|
|
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (19, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (19, 20)
The operation was canceled.
|
|
test-core-screenshot (9, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (16, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (16, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (5, 20)
The operation was canceled.
|
|
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (11, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (11, 20)
The operation was canceled.
|
|
test-core-screenshot (17, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The operation was canceled.
|
|
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (6, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (6, 20)
The operation was canceled.
|
|
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (4, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (4, 20)
The operation was canceled.
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._10_20" failed
|
|
test-core-screenshot (1, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (1, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
276 passed (2.3m)
|
|
🎭 Playwright Run Summary
368 skipped
303 passed (3.4m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ionic/md/ltr/light › should not have visual regressions
[Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:52:9 › input password toggle - large size: rendering - ionic/md/ltr/light › should not have visual regressions
2 skipped
667 passed (3.7m)
|
|
🎭 Playwright Run Summary
1 skipped
676 passed (3.8m)
|
|
🎭 Playwright Run Summary
8 skipped
680 passed (3.8m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
866 KB |
sha256:b8cf23bdcfa7df36a56ecb29edf3d73eda4ac7a72b158991485587913738a658
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:5f7905c685cd13f2e6cd0561bf23ac94cf7c54d4f24500b052bb14e83b468608
|
|
|
ionic-core
|
5.17 MB |
sha256:6b7e6e58bd8afb74ea0d918217e2568098db49243def7c1b9df346dc2c751508
|
|
|
ionic-react
|
404 KB |
sha256:e82d1fed1baa4b2b2ae3f6fe87736201593310d294ee77db1b7df6334d1f8445
|
|
|
ionic-react-router
|
27.9 KB |
sha256:60c9ad7c6f0440424d74863e9b155736ca9ec6ed4b11bd78a6fccf8a7c87c3c0
|
|
|
ionic-vue
|
435 KB |
sha256:897339d82b36c3bb09f628a3ae06be7aca8ee5e5e2b41f03f815f5c9b65dcc51
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:36786720949588308550c2fb190640a5d800931a94f761bf78906b1cd4e0cf61
|
|
|
test-results-10-20
|
3.07 MB |
sha256:21aff13f303469c7489479e5e463baf6c9c10575f294a810af90ee199326e656
|
|
|
test-results-12-20
|
481 KB |
sha256:b3c4b1f1a887dccdf8a579e2fb692ddd81620c221bcf2bd0d1894e962f9661d6
|
|
|
test-results-20-20
|
342 KB |
sha256:b26799f8b5bbae8e9a02c06acdd54391423af6ce362ae03956a75d773270f236
|
|
|
test-results-7-20
|
363 KB |
sha256:fdad599512e790010fda7b0fc53f00b42f212a1b77ba68150733350a34a9dbf8
|
|
|
test-results-8-20
|
448 KB |
sha256:d0067478d69b7d71b118fecfb6986f96c157b7e311908e676d4ab106b04a8edc
|
|