Skip to content

feat(accordion-group): add default styles for the ionic theme #14744

feat(accordion-group): add default styles for the ionic theme

feat(accordion-group): add default styles for the ionic theme #14744

Re-run triggered October 15, 2024 15:39
Status Failure
Total duration 8m 39s
Artifacts 8

build.yml

on: pull_request
build-react
55s
build-react
build-vue
36s
build-vue
Matrix: test-core-screenshot
build-angular
1m 2s
build-angular
build-angular-server
31s
build-angular-server
test-core-clean-build
13s
test-core-clean-build
test-core-lint
1m 4s
test-core-lint
test-core-spec
54s
test-core-spec
build-react-router
28s
build-react-router
build-vue-router
48s
build-vue-router
verify-screenshots
0s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-angular-e2e
verify-test-react-e2e
0s
verify-test-react-e2e
verify-test-react-router-e2e
0s
verify-test-react-router-e2e
verify-test-vue-e2e
0s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

30 errors and 1 notice
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:7:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions: src/components/accordion-group/test/expand/accordion.e2e.ts#L42
1) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:7:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions Error: Screenshot comparison failed: 216 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-e8007-not-have-visual-regressions-Mobile-Chrome/accordion-group-expand-compact-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-e8007-not-have-visual-regressions-Mobile-Chrome/accordion-group-expand-compact-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-compact-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group 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 - 216 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 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 - 216 pixels (ratio 0.01 of all image pixels) are different. 40 | const accordionGroup = page.locator('ion-accordion-group'); 41 | > 42 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-compact')); | ^ 43 | }); 44 | 45 | test('should not have visual regressions when expanded', async ({ page }) => { at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:42:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:7:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions: src/components/accordion-group/test/expand/accordion.e2e.ts#L42
1) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:7:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 216 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-e8007-not-have-visual-regressions-Mobile-Chrome-retry1/accordion-group-expand-compact-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-e8007-not-have-visual-regressions-Mobile-Chrome-retry1/accordion-group-expand-compact-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-compact-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group 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 - 216 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 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 - 216 pixels (ratio 0.01 of all image pixels) are different. 40 | const accordionGroup = page.locator('ion-accordion-group'); 41 | > 42 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-compact')); | ^ 43 | }); 44 | 45 | test('should not have visual regressions when expanded', async ({ page }) => { at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:42:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:7:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions: src/components/accordion-group/test/expand/accordion.e2e.ts#L42
1) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:7:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 216 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-compact-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-e8007-not-have-visual-regressions-Mobile-Chrome-retry2/accordion-group-expand-compact-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-e8007-not-have-visual-regressions-Mobile-Chrome-retry2/accordion-group-expand-compact-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-compact-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group 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 - 216 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 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 - 216 pixels (ratio 0.01 of all image pixels) are different. 40 | const accordionGroup = page.locator('ion-accordion-group'); 41 | > 42 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-compact')); | ^ 43 | }); 44 | 45 | test('should not have visual regressions when expanded', async ({ page }) => { at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:42:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:45:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions when expanded: src/components/accordion-group/test/expand/accordion.e2e.ts#L80
2) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:45:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions when expanded Error: Screenshot comparison failed: 219 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-7c13b-l-regressions-when-expanded-Mobile-Chrome/accordion-group-expand-com-60b00-nded-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-7c13b-l-regressions-when-expanded-Mobile-Chrome/accordion-group-expand-com-60b00-nded-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-compact-expanded-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group value="first" 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 - 219 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 value="first" 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 - 219 pixels (ratio 0.01 of all image pixels) are different. 78 | const accordionGroup = page.locator('ion-accordion-group'); 79 | > 80 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-compact-expanded')); | ^ 81 | }); 82 | }); 83 | at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:80:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:45:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions when expanded: src/components/accordion-group/test/expand/accordion.e2e.ts#L80
2) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:45:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions when expanded Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 219 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-7c13b-l-regressions-when-expanded-Mobile-Chrome-retry1/accordion-group-expand-com-60b00-nded-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-7c13b-l-regressions-when-expanded-Mobile-Chrome-retry1/accordion-group-expand-com-60b00-nded-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-compact-expanded-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group value="first" 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 - 219 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 value="first" 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 - 219 pixels (ratio 0.01 of all image pixels) are different. 78 | const accordionGroup = page.locator('ion-accordion-group'); 79 | > 80 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-compact-expanded')); | ^ 81 | }); 82 | }); 83 | at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:80:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:45:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions when expanded: src/components/accordion-group/test/expand/accordion.e2e.ts#L80
2) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:45:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions when expanded Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 219 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-compact-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-7c13b-l-regressions-when-expanded-Mobile-Chrome-retry2/accordion-group-expand-com-60b00-nded-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-7c13b-l-regressions-when-expanded-Mobile-Chrome-retry2/accordion-group-expand-com-60b00-nded-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-compact-expanded-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group value="first" 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 - 219 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 value="first" 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 - 219 pixels (ratio 0.01 of all image pixels) are different. 78 | const accordionGroup = page.locator('ion-accordion-group'); 79 | > 80 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-compact-expanded')); | ^ 81 | }); 82 | }); 83 | at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:80:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:85:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions: src/components/accordion-group/test/expand/accordion.e2e.ts#L120
3) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:85:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions Error: Screenshot comparison failed: 216 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-7f58a-not-have-visual-regressions-Mobile-Chrome/accordion-group-expand-inset-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-7f58a-not-have-visual-regressions-Mobile-Chrome/accordion-group-expand-inset-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-inset-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 216 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 expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 216 pixels (ratio 0.01 of all image pixels) are different. 118 | const accordionGroup = page.locator('ion-accordion-group'); 119 | > 120 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-inset')); | ^ 121 | }); 122 | 123 | test('should not have visual regressions when expanded', async ({ page }) => { at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:120:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:85:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions: src/components/accordion-group/test/expand/accordion.e2e.ts#L120
3) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:85:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 216 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-7f58a-not-have-visual-regressions-Mobile-Chrome-retry1/accordion-group-expand-inset-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-7f58a-not-have-visual-regressions-Mobile-Chrome-retry1/accordion-group-expand-inset-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-inset-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 216 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 expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 216 pixels (ratio 0.01 of all image pixels) are different. 118 | const accordionGroup = page.locator('ion-accordion-group'); 119 | > 120 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-inset')); | ^ 121 | }); 122 | 123 | test('should not have visual regressions when expanded', async ({ page }) => { at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:120:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:85:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions: src/components/accordion-group/test/expand/accordion.e2e.ts#L120
3) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:85:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 216 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-inset-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-7f58a-not-have-visual-regressions-Mobile-Chrome-retry2/accordion-group-expand-inset-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-7f58a-not-have-visual-regressions-Mobile-Chrome-retry2/accordion-group-expand-inset-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-inset-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 216 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 expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 216 pixels (ratio 0.01 of all image pixels) are different. 118 | const accordionGroup = page.locator('ion-accordion-group'); 119 | > 120 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-inset')); | ^ 121 | }); 122 | 123 | test('should not have visual regressions when expanded', async ({ page }) => { at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:120:38
[Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:123:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions when expanded: src/components/accordion-group/test/expand/accordion.e2e.ts#L158
4) [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:123:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions when expanded Error: Screenshot comparison failed: 219 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts-snapshots/accordion-group-expand-inset-expanded-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-accordion-g-f7316-l-regressions-when-expanded-Mobile-Chrome/accordion-group-expand-inset-expanded-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-accordion-g-f7316-l-regressions-when-expanded-Mobile-Chrome/accordion-group-expand-inset-expanded-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(accordion-group-expand-inset-expanded-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-accordion-group') - locator resolved to <ion-accordion-group value="first" expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 219 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 value="first" expand="inset" role="presentation" class="ionic accordion-group-expand-inset 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 - 219 pixels (ratio 0.01 of all image pixels) are different. 156 | const accordionGroup = page.locator('ion-accordion-group'); 157 | > 158 | await expect(accordionGroup).toHaveScreenshot(screenshot('accordion-group-expand-inset-expanded')); | ^ 159 | }); 160 | }); 161 | }); at /ionic/src/components/accordion-group/test/expand/accordion.e2e.ts:158:38
test-core-screenshot (4, 20)
The job was canceled because "_7_20" failed.
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 (20, 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 (9, 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 (14, 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 (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 (2, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (19, 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 (11, 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 (6, 20)
The job was canceled because "_7_20" failed.
test-core-screenshot (13, 20)
The job was canceled because "_7_20" failed.
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
5 failed [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:7:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:45:11 › accordion-group: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions when expanded [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:85:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/accordion-group/test/expand/accordion.e2e.ts:123:11 › accordion-group: expand - ionic/md/ltr/light › inset - ionic/md/ltr/light › should not have visual regressions when expanded [Mobile Chrome] › src/components/accordion-group/test/states/accordion.e2e.ts:6:9 › accordion-group: states - ionic/md/ltr/light › should render disabled state 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 221 passed (2.7m)

Artifacts

Produced during runtime
Name Size
ionic-angular Expired
765 KB
ionic-angular-server Expired
8.54 KB
ionic-core Expired
5.27 MB
ionic-react Expired
329 KB
ionic-react-router Expired
27.9 KB
ionic-vue Expired
350 KB
ionic-vue-router Expired
17.1 KB
test-results-7-20 Expired
7.22 MB