fix(button): update colors for ionic theme #17342
JoaoFerreira-FrontEndbuild.yml
on: pull_request
build-core
1m 43s
Matrix: test-core-screenshot
test-core-clean-build
13s
test-core-lint
1m 1s
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
4s
verify-test-react-e2e
2s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
Annotations
56 errors and 5 notices
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions:
src/components/button/test/outline/button.e2e.ts#L11
3) [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
15209 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-outline-ionic-ios-rtl-light.png
Call log:
- Expect "toHaveScreenshot(button-outline-ionic-ios-rtl-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15209 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15209 pixels (ratio 0.03 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`button-outline`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/button/test/outline/button.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions:
src/components/button/test/outline/button.e2e.ts#L11
3) [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
15209 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-outline-ionic-ios-rtl-light.png
Call log:
- Expect "toHaveScreenshot(button-outline-ionic-ios-rtl-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15209 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15209 pixels (ratio 0.03 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`button-outline`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/button/test/outline/button.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions:
src/components/button/test/outline/button.e2e.ts#L11
3) [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected) failed
15209 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-outline-ionic-ios-rtl-light.png
Call log:
- Expect "toHaveScreenshot(button-outline-ionic-ios-rtl-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15209 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15209 pixels (ratio 0.03 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`button-outline`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/button/test/outline/button.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions:
src/components/button/test/outline/button.e2e.ts#L11
2) [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
15205 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-outline-ionic-ios-ltr-light.png
Call log:
- Expect "toHaveScreenshot(button-outline-ionic-ios-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15205 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15205 pixels (ratio 0.03 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`button-outline`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/button/test/outline/button.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions:
src/components/button/test/outline/button.e2e.ts#L11
2) [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
15205 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-outline-ionic-ios-ltr-light.png
Call log:
- Expect "toHaveScreenshot(button-outline-ionic-ios-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15205 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15205 pixels (ratio 0.03 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`button-outline`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/button/test/outline/button.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions:
src/components/button/test/outline/button.e2e.ts#L11
2) [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected) failed
15205 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-outline-ionic-ios-ltr-light.png
Call log:
- Expect "toHaveScreenshot(button-outline-ionic-ios-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15205 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15205 pixels (ratio 0.03 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`button-outline`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/button/test/outline/button.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions:
src/components/button/test/clear/button.e2e.ts#L15
1) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
15863 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-fill-clear-ionic-ios-ltr-light.png
Call log:
- Expect "toHaveScreenshot(button-fill-clear-ionic-ios-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15863 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15863 pixels (ratio 0.03 of all image pixels) are different.
13 | await page.setIonViewport();
14 |
> 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`));
| ^
16 | });
17 | });
18 | }
at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
|
|
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions:
src/components/button/test/clear/button.e2e.ts#L15
1) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
15863 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-fill-clear-ionic-ios-ltr-light.png
Call log:
- Expect "toHaveScreenshot(button-fill-clear-ionic-ios-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15863 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15863 pixels (ratio 0.03 of all image pixels) are different.
13 | await page.setIonViewport();
14 |
> 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`));
| ^
16 | });
17 | });
18 | }
at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
|
|
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions:
src/components/button/test/clear/button.e2e.ts#L15
1) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected) failed
15863 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: button-fill-clear-ionic-ios-ltr-light.png
Call log:
- Expect "toHaveScreenshot(button-fill-clear-ionic-ios-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 15863 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 15863 pixels (ratio 0.03 of all image pixels) are different.
13 | await page.setIonViewport();
14 |
> 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`));
| ^
16 | });
17 | });
18 | }
at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
|
|
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 (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 (9, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
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 (9, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (9, 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 (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 (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 (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 (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 (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 (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 (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.
|
|
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 (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 (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
276 passed (2.3m)
|
|
🎭 Playwright Run Summary
368 skipped
303 passed (3.3m)
|
|
🎭 Playwright Run Summary
2 skipped
669 passed (3.6m)
|
|
🎭 Playwright Run Summary
1 skipped
676 passed (4.0m)
|
|
🎭 Playwright Run Summary
3 failed
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions
[Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions
8 skipped
677 passed (4.0m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
866 KB |
sha256:161179fe5a87cd9fa5e6d07209375d409ca970718bfafb6bff0c009995bf11e5
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:a7aebe336041b25f95736d12c061bf376c5d9d863c07985d6541e62522ece3eb
|
|
|
ionic-core
|
5.17 MB |
sha256:9d4116f627cfca1dea7f88163ed0f0396ae690a6bcaa6076e19addef35729a07
|
|
|
ionic-react
|
404 KB |
sha256:52f91cf17c4d1a799bada2f4d51dfa00dd9c88961dcca0758c92904640131c78
|
|
|
ionic-react-router
|
27.9 KB |
sha256:a5e723ff5a9d849e75a5e1508c95cb61cf1bc889eeb96df3e0463f3937661b71
|
|
|
ionic-vue
|
435 KB |
sha256:2be65e3cb856ecb6533414622e7a35fe523161b434b8564953000041cda77600
|
|
|
ionic-vue-router
|
17 KB |
sha256:1dcb61aceeb06a4e3b62a44cc53f5021b5a19b72a37b9e32cd9ff4c4a85c5270
|
|
|
test-results-10-20
|
445 KB |
sha256:5020c18f13d13ee0f765a4bc9e15954bd6221acab1b12691d3cc264893ac05a7
|
|
|
test-results-12-20
|
483 KB |
sha256:2bffa989a44939f4d35aa643c532b619c24a4306ef16f64db1253b3a1b687fa5
|
|
|
test-results-20-20
|
342 KB |
sha256:c8cf26863f6d5c32a51b449642afb2a04c1619495ae1afc2d411460ecf86e77e
|
|
|
test-results-7-20
|
362 KB |
sha256:8f0496516ca6aeea586f324103e6f4518bb74d9e2e1e9744ef516b5e9fb66065
|
|
|
test-results-8-20
|
9.21 MB |
sha256:c875f5d054d3a87ad5b82b75b04dd3d7064d213ce31a36c14595feda6572f2db
|
|