fix(tab-button): update dark palette focused background color #18773
build.yml
on: pull_request
build-core
1m 14s
Matrix: test-core-screenshot
test-core-clean-build
11s
test-core-lint
49s
test-core-spec
52s
verify-screenshots
3s
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
3s
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
|
|