fix(checkbox, input, select, textarea): uniform invalid border color for ionic theme #17631
build.yml
on: pull_request
build-core
1m 32s
Matrix: test-core-screenshot
test-core-clean-build
16s
test-core-lint
56s
test-core-spec
57s
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
3s
verify-test-react-router-e2e
2s
verify-test-vue-e2e
2s
Annotations
53 errors and 5 notices
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/checkbox/test/states/checkbox.e2e.ts:66:9 › checkbox: states - ionic/md/ltr/light › should render focus checkbox correctly:
src/components/checkbox/test/states/checkbox.e2e.ts#L79
2) [Mobile Chrome] › src/components/checkbox/test/states/checkbox.e2e.ts:66:9 › checkbox: states - ionic/md/ltr/light › should render focus checkbox correctly
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#checkboxes')
191 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: checkbox-focused-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-focused-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
77 |
78 | const checkboxes = page.locator('#checkboxes');
> 79 | await expect(checkboxes).toHaveScreenshot(screenshot(`checkbox-focused`));
| ^
80 | });
81 |
82 | test('should render checkbox hover correctly', async ({ page }) => {
at /ionic/src/components/checkbox/test/states/checkbox.e2e.ts:79:32
|
|
[Mobile Chrome] › src/components/checkbox/test/states/checkbox.e2e.ts:66:9 › checkbox: states - ionic/md/ltr/light › should render focus checkbox correctly:
src/components/checkbox/test/states/checkbox.e2e.ts#L79
2) [Mobile Chrome] › src/components/checkbox/test/states/checkbox.e2e.ts:66:9 › checkbox: states - ionic/md/ltr/light › should render focus checkbox correctly
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#checkboxes')
191 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: checkbox-focused-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-focused-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
77 |
78 | const checkboxes = page.locator('#checkboxes');
> 79 | await expect(checkboxes).toHaveScreenshot(screenshot(`checkbox-focused`));
| ^
80 | });
81 |
82 | test('should render checkbox hover correctly', async ({ page }) => {
at /ionic/src/components/checkbox/test/states/checkbox.e2e.ts:79:32
|
|
[Mobile Chrome] › src/components/checkbox/test/states/checkbox.e2e.ts:66:9 › checkbox: states - ionic/md/ltr/light › should render focus checkbox correctly:
src/components/checkbox/test/states/checkbox.e2e.ts#L79
2) [Mobile Chrome] › src/components/checkbox/test/states/checkbox.e2e.ts:66:9 › checkbox: states - ionic/md/ltr/light › should render focus checkbox correctly
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#checkboxes')
191 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: checkbox-focused-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-focused-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
77 |
78 | const checkboxes = page.locator('#checkboxes');
> 79 | await expect(checkboxes).toHaveScreenshot(screenshot(`checkbox-focused`));
| ^
80 | });
81 |
82 | test('should render checkbox hover correctly', async ({ page }) => {
at /ionic/src/components/checkbox/test/states/checkbox.e2e.ts:79:32
|
|
[Mobile Chrome] › src/components/checkbox/test/basic/checkbox.e2e.ts:360:9 › checkbox: basic visual tests - ionic/md/ltr/light › should have an invalid visual applied correctly:
src/components/checkbox/test/basic/checkbox.e2e.ts#L372
1) [Mobile Chrome] › src/components/checkbox/test/basic/checkbox.e2e.ts:360:9 › checkbox: basic visual tests - ionic/md/ltr/light › should have an invalid visual applied correctly
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#checkboxes')
191 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: checkbox-invalid-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-invalid-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
370 |
371 | const checkboxes = page.locator('#checkboxes');
> 372 | await expect(checkboxes).toHaveScreenshot(screenshot(`checkbox-invalid`));
| ^
373 | });
374 | });
375 |
at /ionic/src/components/checkbox/test/basic/checkbox.e2e.ts:372:32
|
|
[Mobile Chrome] › src/components/checkbox/test/basic/checkbox.e2e.ts:360:9 › checkbox: basic visual tests - ionic/md/ltr/light › should have an invalid visual applied correctly:
src/components/checkbox/test/basic/checkbox.e2e.ts#L372
1) [Mobile Chrome] › src/components/checkbox/test/basic/checkbox.e2e.ts:360:9 › checkbox: basic visual tests - ionic/md/ltr/light › should have an invalid visual applied correctly
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#checkboxes')
191 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: checkbox-invalid-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-invalid-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
370 |
371 | const checkboxes = page.locator('#checkboxes');
> 372 | await expect(checkboxes).toHaveScreenshot(screenshot(`checkbox-invalid`));
| ^
373 | });
374 | });
375 |
at /ionic/src/components/checkbox/test/basic/checkbox.e2e.ts:372:32
|
|
[Mobile Chrome] › src/components/checkbox/test/basic/checkbox.e2e.ts:360:9 › checkbox: basic visual tests - ionic/md/ltr/light › should have an invalid visual applied correctly:
src/components/checkbox/test/basic/checkbox.e2e.ts#L372
1) [Mobile Chrome] › src/components/checkbox/test/basic/checkbox.e2e.ts:360:9 › checkbox: basic visual tests - ionic/md/ltr/light › should have an invalid visual applied correctly
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#checkboxes')
191 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: checkbox-invalid-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-invalid-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#checkboxes')
- locator resolved to <div id="checkboxes">…</div>
- 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
- 191 pixels (ratio 0.01 of all image pixels) are different.
370 |
371 | const checkboxes = page.locator('#checkboxes');
> 372 | await expect(checkboxes).toHaveScreenshot(screenshot(`checkbox-invalid`));
| ^
373 | });
374 | });
375 |
at /ionic/src/components/checkbox/test/basic/checkbox.e2e.ts:372:32
|
|
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 (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 (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 (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 (1, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (16, 20)
The operation was canceled.
|
|
test-core-screenshot (1, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (1, 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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (13, 20)
The operation was canceled.
|
|
test-core-screenshot (6, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (6, 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 (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 (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.
|
|
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 (9, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (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 (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 (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.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
276 passed (2.3m)
|
|
🎭 Playwright Run Summary
368 skipped
308 passed (3.5m)
|
|
🎭 Playwright Run Summary
2 skipped
673 passed (3.6m)
|
|
🎭 Playwright Run Summary
1 skipped
676 passed (3.9m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/checkbox/test/basic/checkbox.e2e.ts:360:9 › checkbox: basic visual tests - ionic/md/ltr/light › should have an invalid visual applied correctly
[Mobile Chrome] › src/components/checkbox/test/states/checkbox.e2e.ts:66:9 › checkbox: states - ionic/md/ltr/light › should render focus checkbox correctly
8 skipped
681 passed (4.0m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
805 KB |
sha256:63530f0c4e28f2535f4db5c5e2d4ea404df603743cb98c1e92762e64b318b2b0
|
|
|
ionic-angular-server
|
8.54 KB |
sha256:2cac2932e5a52da6d1d2f940684c953fcb6ba6261e61803d93231772475919de
|
|
|
ionic-core
|
5.13 MB |
sha256:f494a233ec95a78a3ec5f007ad7210b8663f636d02d62d0c9653e695b3c0af6d
|
|
|
ionic-react
|
343 KB |
sha256:63549d4a8c9196c48cb29a513c151df84ec4b0c86cf61568a85c4cb894cc61b8
|
|
|
ionic-react-router
|
27.9 KB |
sha256:39eabba50b5084ac2cbb2c1ed547e73e4fee8b9804bb24f1bf868b6c3f5b9c7e
|
|
|
ionic-vue
|
373 KB |
sha256:3032fffb873b84446ddbfdec5951cef0f3e6e7099d518076bb031de7a19a4398
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:9f4f6f73196b8e4541f1cfd041d70c584c5c9066f68a2dbdd67dc5ba909f9b48
|
|
|
test-results-10-20
|
463 KB |
sha256:458a5728185ec15b399fc6405e796f554cd64a43feb681ce4fb1bcc4fc00c122
|
|
|
test-results-12-20
|
498 KB |
sha256:a7ff84b83c3104a433308aab27212a140ae320853fc4d78bf8f3e38190389336
|
|
|
test-results-20-20
|
360 KB |
sha256:2ace6b47399557cc8926d564aabc2da554719f5d21924b57a4ad7291c9e12576
|
|
|
test-results-7-20
|
379 KB |
sha256:bf545a155d4ed1203f7b3ddf4425f4b76c7697207edede0d1ac62b9e19120a3c
|
|
|
test-results-8-20
|
3.09 MB |
sha256:c2a95b26bd57380391b8fb43b0a3b725ece3da42d1a2c784c54386043510fc0d
|
|