feat(chip): add recipe and variables #17834
thetaPCbuild.yml
on: pull_request
build-core
1m 28s
Matrix: test-core-screenshot
test-core-clean-build
10s
test-core-lint
59s
test-core-spec
55s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-react-e2e
3s
verify-test-react-router-e2e
4s
verify-test-vue-e2e
3s
Annotations
73 errors and 1 notice
|
test-core-clean-build
Process completed with exit code 1.
|
|
build-vue
Process completed with exit code 1.
|
|
verify-test-vue-e2e
Process completed with exit code 1.
|
|
build-react
Process completed with exit code 1.
|
|
verify-test-react-e2e
Process completed with exit code 1.
|
|
verify-test-react-router-e2e
Process completed with exit code 1.
|
|
build-angular
Process completed with exit code 1.
|
|
verify-test-angular-e2e
Process completed with exit code 1.
|
|
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')
Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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="md chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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="md chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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')
Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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="md chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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="md chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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')
Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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="md chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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="md chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 121px by 32px, received 134px by 32px. 513 pixels (ratio 0.12 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')
Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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="ios chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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="ios chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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')
Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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="ios chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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="ios chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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')
Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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="ios chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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="ios chip-soft ion-activatable ion-focusable chip-large chip-subtle 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
- Expected an image 124px by 32px, received 141px by 32px. 476 pixels (ratio 0.11 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 (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 (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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (16, 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 (16, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 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.
|
|
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 (2, 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 (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The operation was canceled.
|
|
test-core-screenshot (2, 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 (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 (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 (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 (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 (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 (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 (12, 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 (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 (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.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 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.3m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular-server
|
8.58 KB |
sha256:447c92db13bc061aa72cae3ad4c12a42957df16ea28ac78612719e7343843cb6
|
|
|
ionic-core
|
5.21 MB |
sha256:8893ef6600f2c5a9faa9a370f15a1fa7af78289cf75db5b8d3cffab718f5329a
|
|
|
test-results-7-20
|
3.13 MB |
sha256:f67bcad5fec89f7f7955fd88d12c7373af2c0a4e1d3586dc18152cba3a021a73
|
|