feat(themes): add base tokens and update colors to use new token system #17121
brandyscarneybuild.yml
on: pull_request
build-core
1m 38s
Matrix: test-core-screenshot
test-core-clean-build
15s
test-core-lint
56s
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
3s
verify-test-react-e2e
4s
verify-test-react-router-e2e
2s
verify-test-vue-e2e
2s
Annotations
62 errors and 2 notices
|
test-core-screenshot (20, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons:
src/components/toolbar/test/basic/toolbar.e2e.ts#L86
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
28 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-icon-buttons-ionic-md-rtl-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-icon-buttons-ionic-md-rtl-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
84 |
85 | const header = page.locator('ion-header');
> 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`));
| ^
87 | });
88 |
89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons:
src/components/toolbar/test/basic/toolbar.e2e.ts#L86
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
28 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-icon-buttons-ionic-md-rtl-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-icon-buttons-ionic-md-rtl-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
84 |
85 | const header = page.locator('ion-header');
> 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`));
| ^
87 | });
88 |
89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons:
src/components/toolbar/test/basic/toolbar.e2e.ts#L86
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons
Error: expect(locator).toHaveScreenshot(expected) failed
28 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-icon-buttons-ionic-md-rtl-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-icon-buttons-ionic-md-rtl-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
84 |
85 | const header = page.locator('ion-header');
> 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`));
| ^
87 | });
88 |
89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons:
src/components/toolbar/test/basic/toolbar.e2e.ts#L86
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
28 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-icon-buttons-ionic-md-ltr-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-icon-buttons-ionic-md-ltr-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
84 |
85 | const header = page.locator('ion-header');
> 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`));
| ^
87 | });
88 |
89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons:
src/components/toolbar/test/basic/toolbar.e2e.ts#L86
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
28 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-icon-buttons-ionic-md-ltr-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-icon-buttons-ionic-md-ltr-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
84 |
85 | const header = page.locator('ion-header');
> 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`));
| ^
87 | });
88 |
89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons:
src/components/toolbar/test/basic/toolbar.e2e.ts#L86
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons
Error: expect(locator).toHaveScreenshot(expected) failed
28 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-icon-buttons-ionic-md-ltr-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-icon-buttons-ionic-md-ltr-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 28 pixels (ratio 0.01 of all image pixels) are different.
84 |
85 | const header = page.locator('ion-header');
> 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`));
| ^
87 | });
88 |
89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (5, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (12, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (3, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (12, 20)
The operation was canceled.
|
|
test-core-screenshot (3, 20)
The operation was canceled.
|
|
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (11, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (13, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (8, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (8, 20)
The operation was canceled.
|
|
test-core-screenshot (8, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (9, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (1, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (18, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (4, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (14, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (10, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (10, 20)
The operation was canceled.
|
|
test-core-screenshot (10, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
275 passed (2.2m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons
368 skipped
300 passed (3.5m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
Expired
|
848 KB |
sha256:2029a2afe73e7d8902bef6856d7609f0c6d9a9c60f9f789d5fcfa551e5cbf222
|
|
|
ionic-angular-server
Expired
|
8.55 KB |
sha256:541192d765c7fa6a147c6d734110b0611add7e71f6d8f28ce753e6ef8268db7d
|
|
|
ionic-core
Expired
|
5.18 MB |
sha256:86d6b0e6a3024bec484b2792c38f86e659abcd831a34b5c99f2e4f8a73cca1e8
|
|
|
ionic-react
Expired
|
387 KB |
sha256:710d58c65f261d49fc9785441b9356e2c70b3ef66909a8b5219aae518e150149
|
|
|
ionic-react-router
Expired
|
27.9 KB |
sha256:5447620482f8eafc285bee465390012e81cca7a2f4a82ead7373b887fce0eacd
|
|
|
ionic-vue
Expired
|
417 KB |
sha256:4ef6da33836752b8513cb13fbae08d3e6ec647a0be4c83d7bbb11915c44bc1f5
|
|
|
ionic-vue-router
Expired
|
17.1 KB |
sha256:653f262a5d57167f9bf1045d1b0d4dc4623f5db24ce9c7da7f5aa3a4591739f0
|
|
|
test-results-20-20
Expired
|
3.16 MB |
sha256:3312fcfe40070512601efb98e0e05ce8ac9a592cb0f2bc5c501adaa41c3cb7f6
|
|
|
test-results-7-20
Expired
|
358 KB |
sha256:73a88ccff440fa294c3a26c6ef683d82e544f70f91286c4e4caa4345e03b6a06
|
|