fix(tab-button): match height to tab-bar in ionic-md theme #19624
OS-jacobbellbuild.yml
on: pull_request
build-core
2m 3s
Matrix: test-core-screenshot
test-core-clean-build
19s
test-core-lint
1m 10s
test-core-spec
1m 1s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-react-e2e
2s
verify-test-react-router-e2e
4s
verify-test-vue-e2e
4s
Annotations
54 errors and 5 notices
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top:
src/components/badge/test/hint/badge.e2e.ts#L31
1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button')
348 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-top-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 348 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 348 pixels (ratio 0.01 of all image pixels) are different.
29 | const container = page.locator('#tab-button');
30 |
> 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`));
| ^
32 | });
33 |
34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => {
at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31
|
|
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top:
src/components/badge/test/hint/badge.e2e.ts#L31
1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button')
348 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-top-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 348 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 348 pixels (ratio 0.01 of all image pixels) are different.
29 | const container = page.locator('#tab-button');
30 |
> 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`));
| ^
32 | });
33 |
34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => {
at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (20, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (20, 20)
The operation was canceled.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (5, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (3, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (14, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (9, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (9, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (1, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (1, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (1, 20)
The operation was canceled.
|
|
[Mobile Firefox] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top:
src/components/badge/test/hint/badge.e2e.ts#L31
1) [Mobile Firefox] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button')
301 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-top-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 301 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 301 pixels (ratio 0.01 of all image pixels) are different.
29 | const container = page.locator('#tab-button');
30 |
> 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`));
| ^
32 | });
33 |
34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => {
at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31
|
|
[Mobile Firefox] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top:
src/components/badge/test/hint/badge.e2e.ts#L31
1) [Mobile Firefox] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button')
301 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-top-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 301 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list>
- 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
- 301 pixels (ratio 0.01 of all image pixels) are different.
29 | const container = page.locator('#tab-button');
30 |
> 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`));
| ^
32 | });
33 |
34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => {
at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31
|
|
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (11, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (11, 20)
The operation was canceled.
|
|
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (12, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (12, 20)
The operation was canceled.
|
|
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (17, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (19, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (19, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
389 passed (3.6m)
|
|
🎭 Playwright Run Summary
2 skipped
634 passed (4.1m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top
8 skipped
747 passed (4.6m)
|
|
🎭 Playwright Run Summary
36 skipped
731 passed (4.7m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Safari] › src/components/toast/test/swipe-gesture/toast.e2e.ts:25:9 › toast: swipe gesture with top position - ios/ltr › should swipe up to dismiss with anchor
368 skipped
388 passed (4.9m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
824 KB |
sha256:e1843e9fa920632e0d3a1f38dd7b795c001a486dabf643f5e1f353cc098eae3b
|
|
|
ionic-angular-server
|
8.54 KB |
sha256:ec295954858b7956a4be42d334f41659a2d81f5ed7ffd4e917e820d554369b55
|
|
|
ionic-core
|
5.39 MB |
sha256:5b42c5ddbcdd1b006ce94327ab21fae2fd7d1712ea3e92fcfc2de1d853aeb363
|
|
|
ionic-react
|
357 KB |
sha256:ee6d89c0edac53db44147ce9a78d1aeff6df2e8fa282f0d082da7aa840e1eaff
|
|
|
ionic-react-router
|
27.9 KB |
sha256:73b6e3e30f384edfd3db0672916b35160352d4111fca0ebc81d8fd17ca583261
|
|
|
ionic-vue
|
388 KB |
sha256:26f907f84d35322e56009de8128f6666e458047aaf957e429205462de41bf93a
|
|
|
ionic-vue-router
|
17.7 KB |
sha256:8e443415f5d534f0782ba3e773e836b3abb78b36120898dbc723c982097c86e3
|
|
|
test-results-10-20
|
469 KB |
sha256:35e1137922b47ba6fb78c5f3fc13e921f10859d738f8bc9884bd7f233590a90f
|
|
|
test-results-13-20
|
491 KB |
sha256:8bb679eb2a2f8e9903ff463a88da76fe1807fe6390b2d814440fd1cedcfa0403
|
|
|
test-results-20-20
|
1.35 MB |
sha256:9288f3897141df7c75fcc9c29354132969ed1b1bca94edbe29d9490399766e4c
|
|
|
test-results-7-20
|
427 KB |
sha256:e60cb5bddaffde5e344d6f1e47dd6ff064252ea5ec87b79164a5e29f8b2529eb
|
|
|
test-results-8-20
|
2.5 MB |
sha256:c01b6415026e8fa9043bba0c2f492475a9d6a3cd2a910aeac3c2a85d53fbee97
|
|