feat(css): add CSS utility classes to the ionic theme bundle to match other themes #14869
build.yml
on: pull_request
build-core
1m 58s
Matrix: test-core-screenshot
test-core-clean-build
12s
test-core-lint
1m 2s
test-core-spec
58s
verify-screenshots
0s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-react-e2e
0s
verify-test-react-router-e2e
0s
verify-test-vue-e2e
0s
Annotations
25 errors and 1 notice
|
[Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ionic/md/ltr/light › should update value and visually expand items:
src/components/accordion/test/multiple/accordion.e2e.ts#L14
1) [Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ionic/md/ltr/light › should update value and visually expand items
Error: Screenshot comparison failed:
Expected an image 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
Expected: /ionic/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-accordion-t-eef1c-e-and-visually-expand-items-Mobile-Chrome/accordion-one-open-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-accordion-t-eef1c-e-and-visually-expand-items-Mobile-Chrome/accordion-one-open-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(accordion-one-open-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-accordion-group')
- locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ionic accordion-group-expand-compact hydrated">…</ion-accordion-group>
- 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 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-accordion-group')
- locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ionic accordion-group-expand-compact hydrated">…</ion-accordion-group>
- 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 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
12 | await expect(accordionGroup).toHaveJSProperty('value', 'attractions');
13 |
> 14 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-one-open'));
| ^
15 |
16 | await diningHeader.click();
17 | await page.waitForChanges();
at /ionic/src/components/accordion/test/multiple/accordion.e2e.ts:14:36
|
|
[Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ionic/md/ltr/light › should update value and visually expand items:
src/components/accordion/test/multiple/accordion.e2e.ts#L14
1) [Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ionic/md/ltr/light › should update value and visually expand items
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
Expected: /ionic/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-accordion-t-eef1c-e-and-visually-expand-items-Mobile-Chrome-retry1/accordion-one-open-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-accordion-t-eef1c-e-and-visually-expand-items-Mobile-Chrome-retry1/accordion-one-open-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(accordion-one-open-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-accordion-group')
- locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ionic accordion-group-expand-compact hydrated">…</ion-accordion-group>
- 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 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-accordion-group')
- locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ionic accordion-group-expand-compact hydrated">…</ion-accordion-group>
- 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 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
12 | await expect(accordionGroup).toHaveJSProperty('value', 'attractions');
13 |
> 14 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-one-open'));
| ^
15 |
16 | await diningHeader.click();
17 | await page.waitForChanges();
at /ionic/src/components/accordion/test/multiple/accordion.e2e.ts:14:36
|
|
[Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ionic/md/ltr/light › should update value and visually expand items:
src/components/accordion/test/multiple/accordion.e2e.ts#L14
1) [Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ionic/md/ltr/light › should update value and visually expand items
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
Expected: /ionic/src/components/accordion/test/multiple/accordion.e2e.ts-snapshots/accordion-one-open-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-accordion-t-eef1c-e-and-visually-expand-items-Mobile-Chrome-retry2/accordion-one-open-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-accordion-t-eef1c-e-and-visually-expand-items-Mobile-Chrome-retry2/accordion-one-open-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(accordion-one-open-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-accordion-group')
- locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ionic accordion-group-expand-compact hydrated">…</ion-accordion-group>
- 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 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-accordion-group')
- locator resolved to <ion-accordion-group multiple="true" value="attractions" role="presentation" class="ionic accordion-group-expand-compact hydrated">…</ion-accordion-group>
- 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 361px by 413px, received 393px by 413px. 255 pixels (ratio 0.01 of all image pixels) are different.
12 | await expect(accordionGroup).toHaveJSProperty('value', 'attractions');
13 |
> 14 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-one-open'));
| ^
15 |
16 | await diningHeader.click();
17 | await page.waitForChanges();
at /ionic/src/components/accordion/test/multiple/accordion.e2e.ts:14:36
|
|
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields:
src/components/alert/test/a11y/alert.e2e.ts#L316
2) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields
Error: Screenshot comparison failed:
1273 pixels (ratio 0.01 of all image pixels) are different.
Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-text-fields-scale-ios-ltr-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome/alert-text-fields-scale-ios-ltr-actual.png
Diff: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome/alert-text-fields-scale-ios-ltr-diff.png
Call log:
- expect.toHaveScreenshot(alert-text-fields-scale-ios-ltr.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1273 pixels (ratio 0.01 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
- 1273 pixels (ratio 0.01 of all image pixels) are different.
314 | * when using Safari, this is due to a WebKit rendering quirk.
315 | */
> 316 | await expect(page).toHaveScreenshot(screenshot(`alert-text-fields-scale`));
| ^
317 | });
318 | });
319 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:316:26
|
|
test-core-screenshot (7, 20)
Process completed with exit code 1.
|
|
test-core-screenshot (3, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (10, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (14, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (6, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (2, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (18, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (11, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (8, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (13, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (1, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (5, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (17, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (4, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (16, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (12, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (9, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (15, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (20, 20)
The job was canceled because "_7_20" failed.
|
|
test-core-screenshot (19, 20)
The job was canceled because "_7_20" failed.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Chrome] › src/components/accordion/test/multiple/accordion.e2e.ts:6:9 › accordion: multiple - ionic/md/ltr/light › should update value and visually expand items
1 flaky
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields
298 skipped
223 passed (2.4m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
Expired
|
792 KB |
sha256:24ced2a2597966140382ad966fd9ad856a6d94f76a46ac32b6c9019c0c7b1a47
|
|
|
ionic-angular-server
Expired
|
8.55 KB |
sha256:441de6df85651302a7250a242cdba706e55fcd415a0379b5aa7c973fe5400221
|
|
|
ionic-core
Expired
|
5.29 MB |
sha256:8f466e30dded9ad402a9f0591f25c7699366ff12afab0b704521b914d3e712fa
|
|
|
ionic-react
Expired
|
357 KB |
sha256:00501ce81c3614f3a312b2aa8e274928c9fd986e94f870c50ef1ff0f77031dc1
|
|
|
ionic-react-router
Expired
|
27.9 KB |
sha256:4391035657805913b59b1850af3ce80e9c5d0a1ad2ff769b4c901e996701ff65
|
|
|
ionic-vue
Expired
|
377 KB |
sha256:4c0a9685cf755bd19eb97a796e48fca76f53ef483441914faff17d1b71cf77b6
|
|
|
ionic-vue-router
Expired
|
17.1 KB |
sha256:d3e71fd6457564de5b44fb4082a3c5d57969f81e6e347fbcfa241241c1b2712e
|
|
|
test-results-7-20
Expired
|
2.62 MB |
sha256:31c22287589d5927bd05a15ba640939d2cb657c521b5152348fdfc9e5f3b5ad4
|
|