feat(chip): add recipe and variables #18267
thetaPCbuild.yml
on: pull_request
build-core
1m 30s
Matrix: test-core-screenshot
test-core-clean-build
14s
test-core-lint
57s
test-core-spec
46s
verify-screenshots
3s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
3s
verify-test-react-e2e
3s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
Annotations
88 errors and 1 notice
|
test-core-screenshot (7, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions:
src/components/avatar/test/basic/avatar.e2e.ts#L19
2) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#avatar-chip')
88 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: avatar-chip-diff-md-ltr.png
Call log:
- Expect "toHaveScreenshot(avatar-chip-diff-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 88 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 88 pixels (ratio 0.03 of all image pixels) are different.
17 |
18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`));
> 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`));
| ^
20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`));
21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`));
22 | });
at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
|
|
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions:
src/components/avatar/test/basic/avatar.e2e.ts#L19
2) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#avatar-chip')
88 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: avatar-chip-diff-md-ltr.png
Call log:
- Expect "toHaveScreenshot(avatar-chip-diff-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 88 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 88 pixels (ratio 0.03 of all image pixels) are different.
17 |
18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`));
> 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`));
| ^
20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`));
21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`));
22 | });
at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
|
|
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions:
src/components/avatar/test/basic/avatar.e2e.ts#L19
2) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#avatar-chip')
88 pixels (ratio 0.03 of all image pixels) are different.
Snapshot: avatar-chip-diff-md-ltr.png
Call log:
- Expect "toHaveScreenshot(avatar-chip-diff-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 88 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 88 pixels (ratio 0.03 of all image pixels) are different.
17 |
18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`));
> 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`));
| ^
20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`));
21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`));
22 | });
at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
|
|
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions:
src/components/avatar/test/basic/avatar.e2e.ts#L19
1) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#avatar-chip')
53 pixels (ratio 0.02 of all image pixels) are different.
Snapshot: avatar-chip-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(avatar-chip-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 53 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 53 pixels (ratio 0.02 of all image pixels) are different.
17 |
18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`));
> 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`));
| ^
20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`));
21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`));
22 | });
at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
|
|
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions:
src/components/avatar/test/basic/avatar.e2e.ts#L19
1) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#avatar-chip')
53 pixels (ratio 0.02 of all image pixels) are different.
Snapshot: avatar-chip-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(avatar-chip-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 53 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 53 pixels (ratio 0.02 of all image pixels) are different.
17 |
18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`));
> 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`));
| ^
20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`));
21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`));
22 | });
at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
|
|
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions:
src/components/avatar/test/basic/avatar.e2e.ts#L19
1) [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#avatar-chip')
53 pixels (ratio 0.02 of all image pixels) are different.
Snapshot: avatar-chip-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(avatar-chip-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 53 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#avatar-chip')
- locator resolved to <ion-chip id="avatar-chip" class="chip-fill-solid chip-hue-bold chip-shape-soft chip-size-large ion-activatable ion-focusable hydrated">…</ion-chip>
- 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
- 53 pixels (ratio 0.02 of all image pixels) are different.
17 |
18 | await expect(avatar).toHaveScreenshot(screenshot(`avatar-diff`));
> 19 | await expect(avatarChip).toHaveScreenshot(screenshot(`avatar-chip-diff`));
| ^
20 | await expect(avatarItemStart).toHaveScreenshot(screenshot(`avatar-item-start-diff`));
21 | await expect(avatarItemEnd).toHaveScreenshot(screenshot(`avatar-item-end-diff`));
22 | });
at /ionic/src/components/avatar/test/basic/avatar.e2e.ts:19:32
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (4, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (12, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (3, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (12, 20)
The operation was canceled.
|
|
test-core-screenshot (3, 20)
The operation was canceled.
|
|
test-core-screenshot (10, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (10, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (10, 20)
The operation was canceled.
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (20, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (20, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (20, 20)
The operation was canceled.
|
|
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (11, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (5, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (18, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (14, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._7_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 (8, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (8, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (8, 20)
The operation was canceled.
|
|
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (9, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
test-react-e2e (react19)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-react-e2e (react19)
The operation was canceled.
|
|
test-react-e2e (react17)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-react-e2e (react17)
The operation was canceled.
|
|
test-react-router-e2e (reactrouter5)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-react-router-e2e (reactrouter5)
The operation was canceled.
|
|
verify-test-react-e2e
Process completed with exit code 1.
|
|
test-angular-e2e (ng19)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-angular-e2e (ng19)
The operation was canceled.
|
|
test-angular-e2e (ng16)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-angular-e2e (ng16)
The operation was canceled.
|
|
test-angular-e2e (ng18)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-angular-e2e (ng18)
The operation was canceled.
|
|
test-angular-e2e (ng17)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-angular-e2e (ng17)
The operation was canceled.
|
|
test-angular-e2e (ng20)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-angular-e2e (ng20)
The operation was canceled.
|
|
test-vue-e2e (vue3)
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
test-vue-e2e (vue3)
The operation was canceled.
|
|
verify-test-react-router-e2e
Process completed with exit code 1.
|
|
verify-test-angular-e2e
Process completed with exit code 1.
|
|
verify-test-vue-e2e
Process completed with exit code 1.
|
|
Ionic Framework Build
Canceling since a higher priority waiting request for refs/pull/30873/merge exists
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions
[Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions
360 skipped
270 passed (2.4m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
778 KB |
sha256:aa64f499f62eee0486759c3335ffd633ee17472e79cd81236383a98bfd8851b1
|
|
|
ionic-angular-server
|
8.54 KB |
sha256:f643568044ef6ab0774c1b9863243f174b1fda9871e1ad381e7c31a8db3292db
|
|
|
ionic-core
|
5.22 MB |
sha256:c60607e195101183f5df1ae65b4d07d878c692bcdf0c864d15e69b1243c8cc89
|
|
|
ionic-react
|
317 KB |
sha256:a581b9d8f148ebcbe3e5ac95cea48b23d6d867297387d3540894c15ad6156a76
|
|
|
ionic-react-router
|
27.9 KB |
sha256:36d37e76801d991fae6b73ab0ef749fd95ec69dd730d7151b0c9413f5ae077eb
|
|
|
ionic-vue
|
347 KB |
sha256:fc90074a64d5ead0c561c9bafe4ad851e2dd88a9618c98b8ebe67f7fb553beb9
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:cd0661e9d898306ce07e15848c78fc17af9a0f9b35de8685fd069f6991fce277
|
|
|
test-results-7-20
|
3.13 MB |
sha256:54b7fede45a50d13afc96f89b5d615871a18cb63be14cb750a7f1a800b0feae8
|
|