feat(chip): add recipe and variables #18111
thetaPCbuild.yml
on: pull_request
build-core
1m 34s
Matrix: test-core-screenshot
test-core-clean-build
14s
test-core-lint
1m 0s
test-core-spec
55s
verify-screenshots
4s
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
2s
Annotations
56 errors and 6 notices
|
test-core-spec
Process completed with exit code 1.
|
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ios/ltr › should render focus state:
src/components/chip/test/states/chip.e2e.ts#L61
3) [Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ios/ltr › should render focus state
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
76 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-focused-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-focused-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 76 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 76 pixels (ratio 0.01 of all image pixels) are different.
59 | const container = page.locator('#container');
60 |
> 61 | await expect(container).toHaveScreenshot(screenshot(`chip-focused`));
| ^
62 | });
63 | test('should custom chip', async ({ page }) => {
64 | await page.setContent(
at /ionic/src/components/chip/test/states/chip.e2e.ts:61:31
|
|
[Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ios/ltr › should render focus state:
src/components/chip/test/states/chip.e2e.ts#L61
3) [Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ios/ltr › should render focus state
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
76 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-focused-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-focused-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 76 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 76 pixels (ratio 0.01 of all image pixels) are different.
59 | const container = page.locator('#container');
60 |
> 61 | await expect(container).toHaveScreenshot(screenshot(`chip-focused`));
| ^
62 | });
63 | test('should custom chip', async ({ page }) => {
64 | await page.setContent(
at /ionic/src/components/chip/test/states/chip.e2e.ts:61:31
|
|
[Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ios/ltr › should render focus state:
src/components/chip/test/states/chip.e2e.ts#L61
3) [Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ios/ltr › should render focus state
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
76 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-focused-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-focused-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 76 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 76 pixels (ratio 0.01 of all image pixels) are different.
59 | const container = page.locator('#container');
60 |
> 61 | await expect(container).toHaveScreenshot(screenshot(`chip-focused`));
| ^
62 | });
63 | test('should custom chip', async ({ page }) => {
64 | await page.setContent(
at /ionic/src/components/chip/test/states/chip.e2e.ts:61:31
|
|
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ios/ltr › should render subtle chips:
src/components/chip/test/hue/chip.e2e.ts#L110
2) [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ios/ltr › should render subtle chips
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
94 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-hue-subtle-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-hue-subtle-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 94 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 94 pixels (ratio 0.01 of all image pixels) are different.
108 | const container = page.locator('#container');
109 |
> 110 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-subtle`));
| ^
111 | });
112 |
113 | test('should render bold chips', async ({ page }) => {
at /ionic/src/components/chip/test/hue/chip.e2e.ts:110:31
|
|
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ios/ltr › should render subtle chips:
src/components/chip/test/hue/chip.e2e.ts#L110
2) [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ios/ltr › should render subtle chips
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
94 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-hue-subtle-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-hue-subtle-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 94 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 94 pixels (ratio 0.01 of all image pixels) are different.
108 | const container = page.locator('#container');
109 |
> 110 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-subtle`));
| ^
111 | });
112 |
113 | test('should render bold chips', async ({ page }) => {
at /ionic/src/components/chip/test/hue/chip.e2e.ts:110:31
|
|
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ios/ltr › should render subtle chips:
src/components/chip/test/hue/chip.e2e.ts#L110
2) [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ios/ltr › should render subtle chips
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
94 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-hue-subtle-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-hue-subtle-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 94 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 94 pixels (ratio 0.01 of all image pixels) are different.
108 | const container = page.locator('#container');
109 |
> 110 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-subtle`));
| ^
111 | });
112 |
113 | test('should render bold chips', async ({ page }) => {
at /ionic/src/components/chip/test/hue/chip.e2e.ts:110:31
|
|
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - md/ltr › should render subtle chips:
src/components/chip/test/hue/chip.e2e.ts#L110
1) [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - md/ltr › should render subtle chips
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
104 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-hue-subtle-md-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-hue-subtle-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 104 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 104 pixels (ratio 0.01 of all image pixels) are different.
108 | const container = page.locator('#container');
109 |
> 110 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-subtle`));
| ^
111 | });
112 |
113 | test('should render bold chips', async ({ page }) => {
at /ionic/src/components/chip/test/hue/chip.e2e.ts:110:31
|
|
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - md/ltr › should render subtle chips:
src/components/chip/test/hue/chip.e2e.ts#L110
1) [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - md/ltr › should render subtle chips
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
104 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-hue-subtle-md-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-hue-subtle-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 104 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 104 pixels (ratio 0.01 of all image pixels) are different.
108 | const container = page.locator('#container');
109 |
> 110 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-subtle`));
| ^
111 | });
112 |
113 | test('should render bold chips', async ({ page }) => {
at /ionic/src/components/chip/test/hue/chip.e2e.ts:110:31
|
|
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - md/ltr › should render subtle chips:
src/components/chip/test/hue/chip.e2e.ts#L110
1) [Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - md/ltr › should render subtle chips
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#container')
104 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: chip-hue-subtle-md-ltr.png
Call log:
- Expect "toHaveScreenshot(chip-hue-subtle-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 104 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#container')
- locator resolved to <div id="container">…</div>
- 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
- 104 pixels (ratio 0.01 of all image pixels) are different.
108 | const container = page.locator('#container');
109 |
> 110 | await expect(container).toHaveScreenshot(screenshot(`chip-hue-subtle`));
| ^
111 | });
112 |
113 | test('should render bold chips', async ({ page }) => {
at /ionic/src/components/chip/test/hue/chip.e2e.ts:110:31
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (3, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (13, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (13, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
test-core-screenshot (19, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (19, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (5, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (14, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (11, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (15, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
277 passed (2.3m)
|
|
🎭 Playwright Run Summary
368 skipped
307 passed (3.4m)
|
|
🎭 Playwright Run Summary
2 skipped
667 passed (3.6m)
|
|
🎭 Playwright Run Summary
1 skipped
683 passed (4.1m)
|
|
🎭 Playwright Run Summary
3 failed
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - md/ltr › should render subtle chips
[Mobile Chrome] › src/components/chip/test/hue/chip.e2e.ts:9:9 › chip: hue - ios/ltr › should render subtle chips
[Mobile Chrome] › src/components/chip/test/states/chip.e2e.ts:37:9 › chip: states - ios/ltr › should render focus state
8 skipped
691 passed (4.2m)
|
|
🎭 Playwright Run Summary
8 skipped
663 passed (4.4m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
781 KB |
sha256:fd1e0f7c2e8865cbc121edba45689d842574dec66f0c6c1c9f794a6fe516a772
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:72959d3771740f8c27904691a19f686ef7f99114ebe7fa418ddb1c3afd04f47c
|
|
|
ionic-core
|
5.22 MB |
sha256:8ce91c8e4bf8eb30af0599870e0f1ff121bbee7f686bd62cdb4ea40cace06531
|
|
|
ionic-react
|
319 KB |
sha256:78ae396cb7f714e7826f9eb9169bd29baf1ca60117fc700483e69366f22b9838
|
|
|
ionic-react-router
|
27.9 KB |
sha256:1f74a44b6d3647ba9e760d8ac003dfe1bef36684c07f13d835d4c4a3041b0c29
|
|
|
ionic-vue
|
349 KB |
sha256:d13306b6da07f4f249fd05b040cbfb43467752f98546606efae5457410b637a6
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:51657db8af74bca2b0759d1ae8cd5aa27b7294c80710d6de412071c55f69675c
|
|
|
test-results-10-20
|
460 KB |
sha256:4a21eb292bc9fc38f27a1235a776ecff5b7ec80de7262a3b09ef1554df61cd9f
|
|
|
test-results-12-20
|
505 KB |
sha256:ecc02fe5a9a92b55fbd00d5c72fc7ca261a18a30061ca4fd86d4abe03795979b
|
|
|
test-results-20-20
|
356 KB |
sha256:44467b4f2a0c90a5b6a94e72c3087ce38ab6b677274fb9d024e0a80583b8b57f
|
|
|
test-results-7-20
|
376 KB |
sha256:e7096be5961d793e5402a9ec3a84d80521c40faa9a317f70cf19b9b00c6304f6
|
|
|
test-results-8-20
|
5.05 MB |
sha256:244e6968fde1bd6ef665582d4f52cdd29588da12fd6d31a54ca108a906eb5835
|
|
|
test-results-9-20
|
504 KB |
sha256:e46f7085ff1eb8bc5d855e7f870a73a1807854f7623a1a44c6e7c9801ffcc071
|
|