Skip to content

fix(tab-button): update dark palette focused background color #18773

fix(tab-button): update dark palette focused background color

fix(tab-button): update dark palette focused background color #18773

Re-run triggered April 2, 2026 11:34
Status Cancelled
Total duration 5m 39s
Artifacts 16

build.yml

on: pull_request
build-react
50s
build-react
build-vue
41s
build-vue
Matrix: test-core-screenshot
build-angular
1m 9s
build-angular
build-angular-server
47s
build-angular-server
test-core-clean-build
11s
test-core-clean-build
test-core-lint
49s
test-core-lint
test-core-spec
52s
test-core-spec
build-react-router
26s
build-react-router
build-vue-router
36s
build-vue-router
verify-screenshots
3s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-angular-e2e
verify-test-react-e2e
2s
verify-test-react-e2e
verify-test-react-router-e2e
3s
verify-test-react-router-e2e
verify-test-vue-e2e
3s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

11 errors and 1 notice
[Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:35:9 › tab-button: basic - ios/ltr › should render tab button with icons right of text: src/components/tab-button/test/layout/tab-button.e2e.ts#L61
10) [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:35:9 › tab-button: basic - ios/ltr › should render tab button with icons right of text Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-right-ios-ltr-Mobile-Chrome-linux.png, writing actual. 59 | const tabBar = page.locator('ion-tab-bar'); 60 | > 61 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-icon-right`)); | ^ 62 | }); 63 | 64 | test('should render tab button with icons below text', async ({ page }) => { at /ionic/src/components/tab-button/test/layout/tab-button.e2e.ts:61:7
[Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:6:9 › tab-button: basic - ios/ltr › should render tab button with icons left of text: src/components/tab-button/test/layout/tab-button.e2e.ts#L32
9) [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:6:9 › tab-button: basic - ios/ltr › should render tab button with icons left of text Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/layout/tab-button.e2e.ts-snapshots/tab-button-icon-left-ios-ltr-Mobile-Chrome-linux.png, writing actual. 30 | const tabBar = page.locator('ion-tab-bar'); 31 | > 32 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-icon-left`)); | ^ 33 | }); 34 | 35 | test('should render tab button with icons right of text', async ({ page }) => { at /ionic/src/components/tab-button/test/layout/tab-button.e2e.ts:32:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - md/rtl › should render tab button with badges: src/components/tab-button/test/basic/tab-button.e2e.ts#L61
8) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - md/rtl › should render tab button with badges Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-rtl-Mobile-Chrome-linux.png, writing actual. 59 | const tabBar = page.locator('ion-tab-bar'); 60 | > 61 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-badge`)); | ^ 62 | }); 63 | 64 | test('should render tab button with icons', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:61:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - md/rtl › should render tab button with label: src/components/tab-button/test/basic/tab-button.e2e.ts#L29
7) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - md/rtl › should render tab button with label Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-rtl-Mobile-Chrome-linux.png, writing actual. 27 | const tabBar = page.locator('ion-tab-bar'); 28 | > 29 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-label`)); | ^ 30 | }); 31 | 32 | test('should render tab button with badges', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:29:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - md/ltr › should render tab button with badges: src/components/tab-button/test/basic/tab-button.e2e.ts#L61
6) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - md/ltr › should render tab button with badges Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-md-ltr-Mobile-Chrome-linux.png, writing actual. 59 | const tabBar = page.locator('ion-tab-bar'); 60 | > 61 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-badge`)); | ^ 62 | }); 63 | 64 | test('should render tab button with icons', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:61:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - md/ltr › should render tab button with label: src/components/tab-button/test/basic/tab-button.e2e.ts#L29
5) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - md/ltr › should render tab button with label Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-md-ltr-Mobile-Chrome-linux.png, writing actual. 27 | const tabBar = page.locator('ion-tab-bar'); 28 | > 29 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-label`)); | ^ 30 | }); 31 | 32 | test('should render tab button with badges', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:29:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - ios/rtl › should render tab button with badges: src/components/tab-button/test/basic/tab-button.e2e.ts#L61
4) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - ios/rtl › should render tab button with badges Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-rtl-Mobile-Chrome-linux.png, writing actual. 59 | const tabBar = page.locator('ion-tab-bar'); 60 | > 61 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-badge`)); | ^ 62 | }); 63 | 64 | test('should render tab button with icons', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:61:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - ios/rtl › should render tab button with label: src/components/tab-button/test/basic/tab-button.e2e.ts#L29
3) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - ios/rtl › should render tab button with label Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-rtl-Mobile-Chrome-linux.png, writing actual. 27 | const tabBar = page.locator('ion-tab-bar'); 28 | > 29 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-label`)); | ^ 30 | }); 31 | 32 | test('should render tab button with badges', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:29:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - ios/ltr › should render tab button with badges: src/components/tab-button/test/basic/tab-button.e2e.ts#L61
2) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - ios/ltr › should render tab button with badges Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-badge-ios-ltr-Mobile-Chrome-linux.png, writing actual. 59 | const tabBar = page.locator('ion-tab-bar'); 60 | > 61 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-badge`)); | ^ 62 | }); 63 | 64 | test('should render tab button with icons', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:61:7
[Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - ios/ltr › should render tab button with label: src/components/tab-button/test/basic/tab-button.e2e.ts#L29
1) [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - ios/ltr › should render tab button with label Error: A snapshot doesn't exist at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts-snapshots/tab-button-label-ios-ltr-Mobile-Chrome-linux.png, writing actual. 27 | const tabBar = page.locator('ion-tab-bar'); 28 | > 29 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-button-label`)); | ^ 30 | }); 31 | 32 | test('should render tab button with badges', async ({ page }) => { at /ionic/src/components/tab-button/test/basic/tab-button.e2e.ts:29:7
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
36 failed [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - ios/ltr › should render tab button with label [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - ios/ltr › should render tab button with badges [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - ios/rtl › should render tab button with label [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - ios/rtl › should render tab button with badges [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - md/ltr › should render tab button with label [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - md/ltr › should render tab button with badges [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:6:9 › tab-button: basic - md/rtl › should render tab button with label [Mobile Chrome] › src/components/tab-button/test/basic/tab-button.e2e.ts:32:9 › tab-button: basic - md/rtl › should render tab button with badges [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:6:9 › tab-button: basic - ios/ltr › should render tab button with icons left of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:35:9 › tab-button: basic - ios/ltr › should render tab button with icons right of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:64:9 › tab-button: basic - ios/ltr › should render tab button with icons below text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:93:9 › tab-button: basic - ios/ltr › should render tab button with icons on top of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:121:9 › tab-button: basic - ios/ltr › should render tab button with no icons [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:6:9 › tab-button: basic - ios/rtl › should render tab button with icons left of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:35:9 › tab-button: basic - ios/rtl › should render tab button with icons right of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:64:9 › tab-button: basic - ios/rtl › should render tab button with icons below text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:93:9 › tab-button: basic - ios/rtl › should render tab button with icons on top of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:121:9 › tab-button: basic - ios/rtl › should render tab button with no icons [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:6:9 › tab-button: basic - md/ltr › should render tab button with icons left of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:35:9 › tab-button: basic - md/ltr › should render tab button with icons right of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:64:9 › tab-button: basic - md/ltr › should render tab button with icons below text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:93:9 › tab-button: basic - md/ltr › should render tab button with icons on top of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:121:9 › tab-button: basic - md/ltr › should render tab button with no icons [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:6:9 › tab-button: basic - md/rtl › should render tab button with icons left of text [Mobile Chrome] › src/components/tab-button/test/layout/tab-button.e2e.ts:35:9 › tab-button: basic - md/rtl › should ren

Artifacts

Produced during runtime
Name Size Digest
test-results-12-20
14.6 MB
sha256:f53279816cf01b4e0e55b67096acbf5fa4f9ad7f60819811f59e7add2ef515cc