feat(tokens): add gray and text colors #17650
thetaPCbuild.yml
on: pull_request
build-core
1m 31s
Matrix: test-core-screenshot
test-core-clean-build
12s
test-core-lint
52s
test-core-spec
48s
verify-screenshots
4s
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
3s
verify-test-react-router-e2e
4s
verify-test-vue-e2e
4s
Annotations
55 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:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom:
src/components/badge/test/hint/badge.e2e.ts#L39
2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button-icon-bottom')
Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-bottom-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button-icon-bottom')
- locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#tab-button-icon-bottom')
- locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
37 | const container = page.locator('#tab-button-icon-bottom');
38 |
> 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`));
| ^
40 | });
41 | });
42 |
at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:31
|
|
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom:
src/components/badge/test/hint/badge.e2e.ts#L39
2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button-icon-bottom')
Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-bottom-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button-icon-bottom')
- locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#tab-button-icon-bottom')
- locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
37 | const container = page.locator('#tab-button-icon-bottom');
38 |
> 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`));
| ^
40 | });
41 | });
42 |
at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:31
|
|
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom:
src/components/badge/test/hint/badge.e2e.ts#L39
2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button-icon-bottom')
Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-bottom-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button-icon-bottom')
- locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#tab-button-icon-bottom')
- locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different.
37 | const container = page.locator('#tab-button-icon-bottom');
38 |
> 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`));
| ^
40 | });
41 | });
42 |
at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:31
|
|
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › 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 - ios/ltr › should not have visual regressions when icon is on the top
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button')
Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-top-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 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="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 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 - ios/ltr › 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 - ios/ltr › should not have visual regressions when icon is on the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button')
Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-top-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 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="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 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 - ios/ltr › 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 - ios/ltr › should not have visual regressions when icon is on the top
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#tab-button')
Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different.
Snapshot: badge-hint-tab-button-icon-top-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#tab-button')
- locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 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="ios list-ios 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
- Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 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 (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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (9, 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 (9, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 20)
The operation was canceled.
|
|
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 (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 (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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (5, 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 (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (18, 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 (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (6, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 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.
|
|
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 (13, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (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 (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.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
275 passed (2.2m)
|
|
🎭 Playwright Run Summary
368 skipped
307 passed (3.4m)
|
|
🎭 Playwright Run Summary
2 skipped
669 passed (3.6m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom
8 skipped
681 passed (4.0m)
|
|
🎭 Playwright Run Summary
8 skipped
663 passed (4.3m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
776 KB |
sha256:c9ae243097d2a5145481285b2cef79e0b431d694d50f1b187f14ad47c8738885
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:72ea3ba24ca9d38cc61feb634ebe8e43d7b88b199b74fef1009f5d771e0f3d4e
|
|
|
ionic-core
|
5.18 MB |
sha256:b982094c95d9ecdd0a394975c0c9a8552a00cdb669c4c09cf51e5f38e62f3b1b
|
|
|
ionic-react
|
313 KB |
sha256:e2a6a32671a7e017939134dc6729b111c3bf5d64495815d7c72d7a649047b5f0
|
|
|
ionic-react-router
|
27.9 KB |
sha256:415d25f116219af17558e8f478bc4a0caf3a715d8bbbc83f96b211a65554551b
|
|
|
ionic-vue
|
344 KB |
sha256:e6d99ab408ff1d1046fa3509e74024e85e4c098e6e9c5797d2ef03fc30dc86ae
|
|
|
ionic-vue-router
|
17 KB |
sha256:5559194a55bd27c0fbbccea34a26c402a348bf8e4cba4f87b0d28d0d64086a30
|
|
|
test-results-10-20
|
461 KB |
sha256:f0c4aa4162e7d80dc663c567219702ac750cad965735fed178404ba2724a250e
|
|
|
test-results-20-20
|
355 KB |
sha256:240c0ccd4aa5fb51a9efaa213a1d8c5d37f3662d5e957304fe7311102d97f362
|
|
|
test-results-7-20
|
375 KB |
sha256:81d47e75081a145024cfe3577b631afaabc726e93066f0028a2d95f17ddf8b1b
|
|
|
test-results-8-20
|
4.16 MB |
sha256:a7c3a68f0ac462044d3e5dad641d3db836f4b2b845e72b552d99e47fd6a64144
|
|
|
test-results-9-20
|
503 KB |
sha256:f645115f025c7af4bf5e720e9192fe65c1fed292f76c5c7f90212081b72cf0b4
|
|