feat(accordion-group): add default styles for the ionic theme #14744
build.yml
on: pull_request
build-core
2m 26s
Matrix: test-core-screenshot
test-core-clean-build
13s
test-core-lint
1m 4s
test-core-spec
54s
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
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 |
|