Skip to content

feat(input-otp): add new input-otp component #16292

feat(input-otp): add new input-otp component

feat(input-otp): add new input-otp component #16292

Triggered via pull request May 27, 2025 20:43
Status Success
Total duration 10m 18s
Artifacts 27

build.yml

on: pull_request
build-react
42s
build-react
build-vue
33s
build-vue
Matrix: test-core-screenshot
build-angular
57s
build-angular
build-angular-server
32s
build-angular-server
test-core-clean-build
10s
test-core-clean-build
test-core-lint
42s
test-core-lint
test-core-spec
40s
test-core-spec
build-react-router
22s
build-react-router
build-vue-router
35s
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

9 errors and 20 notices
[Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/ltr › should position fabs correctly with custom sizes: src/components/fab/test/custom-size/fab.e2e.ts#L14
1) [Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/ltr › should position fabs correctly with custom sizes Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/fab/test/custom-size/fab.e2e.ts-snapshots/fab-custom-size-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-fab-test-cu-339fe-correctly-with-custom-sizes-Mobile-Chrome/fab-custom-size-ios-ltr-actual.png Diff: /ionic/test-results/src-components-fab-test-cu-339fe-correctly-with-custom-sizes-Mobile-Chrome/fab-custom-size-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(fab-custom-size-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4 pixels (ratio 0.01 of all image pixels) are different. 12 | await page.setViewportSize(Viewports.tablet.landscape); 13 | > 14 | await expect(page).toHaveScreenshot(screenshot(`fab-custom-size`)); | ^ 15 | }); 16 | }); 17 | }); at /ionic/src/components/fab/test/custom-size/fab.e2e.ts:14:26
[Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/rtl › should position fabs correctly with custom sizes: src/components/fab/test/custom-size/fab.e2e.ts#L14
2) [Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/rtl › should position fabs correctly with custom sizes Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/fab/test/custom-size/fab.e2e.ts-snapshots/fab-custom-size-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-fab-test-cu-49540-correctly-with-custom-sizes-Mobile-Chrome/fab-custom-size-ios-rtl-actual.png Diff: /ionic/test-results/src-components-fab-test-cu-49540-correctly-with-custom-sizes-Mobile-Chrome/fab-custom-size-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(fab-custom-size-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4 pixels (ratio 0.01 of all image pixels) are different. 12 | await page.setViewportSize(Viewports.tablet.landscape); 13 | > 14 | await expect(page).toHaveScreenshot(screenshot(`fab-custom-size`)); | ^ 15 | }); 16 | }); 17 | }); at /ionic/src/components/fab/test/custom-size/fab.e2e.ts:14:26
[Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/rtl › should position fabs correctly with custom sizes: src/components/fab/test/custom-size/fab.e2e.ts#L14
2) [Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/rtl › should position fabs correctly with custom sizes Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/fab/test/custom-size/fab.e2e.ts-snapshots/fab-custom-size-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-fab-test-cu-49540-correctly-with-custom-sizes-Mobile-Chrome-retry1/fab-custom-size-ios-rtl-actual.png Diff: /ionic/test-results/src-components-fab-test-cu-49540-correctly-with-custom-sizes-Mobile-Chrome-retry1/fab-custom-size-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(fab-custom-size-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4 pixels (ratio 0.01 of all image pixels) are different. 12 | await page.setViewportSize(Viewports.tablet.landscape); 13 | > 14 | await expect(page).toHaveScreenshot(screenshot(`fab-custom-size`)); | ^ 15 | }); 16 | }); 17 | }); at /ionic/src/components/fab/test/custom-size/fab.e2e.ts:14:26
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group: src/components/radio/test/a11y/radio.e2e.ts#L134
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups: src/components/radio/test/a11y/radio.e2e.ts#L122
2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 120 | 121 | await pageUtils.pressKeys('Tab'); > 122 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 123 | 124 | await pageUtils.pressKeys('Tab'); 125 | await expect(secondGroupRadios.nth(0)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups: src/components/radio/test/a11y/radio.e2e.ts#L122
2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 120 | 121 | await pageUtils.pressKeys('Tab'); > 122 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 123 | 124 | await pageUtils.pressKeys('Tab'); 125 | await expect(secondGroupRadios.nth(0)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47
[Mobile Safari] › src/components/datetime/test/datetime.e2e.ts:35:9 › datetime: switching months with different number of days - md/ltr › should adjust the selected day when moving to a month with a different number of days: src/components/datetime/test/datetime.e2e.ts#L48
1) [Mobile Safari] › src/components/datetime/test/datetime.e2e.ts:35:9 › datetime: switching months with different number of days - md/ltr › should adjust the selected day when moving to a month with a different number of days Error: expected event "ionChange" to have been called 1 times, but it was called 2 times 46 | 47 | await ionChange.next(); > 48 | await expect(ionChange).toHaveReceivedEventTimes(1); | ^ 49 | await expect(datetime).toHaveJSProperty('value', '2022-02-28'); 50 | }); 51 | }); at /ionic/src/components/datetime/test/datetime.e2e.ts:48:31
[Mobile Safari] › src/components/popover/test/basic/popover.e2e.ts:32:9 › popover: rendering variants - ios/ltr › should render no event popover: src/components/popover/test/fixture.ts#L28
1) [Mobile Safari] › src/components/popover/test/basic/popover.e2e.ts:32:9 › popover: rendering variants - ios/ltr › should render no event popover Error: expect(page).toHaveScreenshot(expected) 1053 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/popover/test/basic/popover.e2e.ts-snapshots/popover-basic-no-event-popover-ios-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-popover-tes-2900a-uld-render-no-event-popover-Mobile-Safari/popover-basic-no-event-popover-ios-ltr-actual.png Diff: /ionic/test-results/src-components-popover-tes-2900a-uld-render-no-event-popover-Mobile-Safari/popover-basic-no-event-popover-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(popover-basic-no-event-popover-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1053 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1053 pixels (ratio 0.01 of all image pixels) are different. at src/components/popover/test/fixture.ts:28 26 | const { page } = this; 27 | > 28 | await expect(page).toHaveScreenshot(screenshot(`popover-${modifier}`)); | ^ 29 | } 30 | } 31 | at PopoverFixture.screenshot (/ionic/src/components/popover/test/fixture.ts:28:24) at /ionic/src/components/popover/test/basic/popover.e2e.ts:34:28
[Mobile Safari] › src/components/popover/test/basic/popover.e2e.ts:32:9 › popover: rendering variants - ios/ltr › should render no event popover: src/components/popover/test/fixture.ts#L28
1) [Mobile Safari] › src/components/popover/test/basic/popover.e2e.ts:32:9 › popover: rendering variants - ios/ltr › should render no event popover Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 1053 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/popover/test/basic/popover.e2e.ts-snapshots/popover-basic-no-event-popover-ios-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-popover-tes-2900a-uld-render-no-event-popover-Mobile-Safari-retry1/popover-basic-no-event-popover-ios-ltr-actual.png Diff: /ionic/test-results/src-components-popover-tes-2900a-uld-render-no-event-popover-Mobile-Safari-retry1/popover-basic-no-event-popover-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(popover-basic-no-event-popover-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1053 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1053 pixels (ratio 0.01 of all image pixels) are different. at src/components/popover/test/fixture.ts:28 26 | const { page } = this; 27 | > 28 | await expect(page).toHaveScreenshot(screenshot(`popover-${modifier}`)); | ^ 29 | } 30 | } 31 | at PopoverFixture.screenshot (/ionic/src/components/popover/test/fixture.ts:28:24) at /ionic/src/components/popover/test/basic/popover.e2e.ts:34:28
🎭 Playwright Run Summary
216 skipped 236 passed (2.2m)
🎭 Playwright Run Summary
420 passed (2.7m)
🎭 Playwright Run Summary
501 passed (2.9m)
🎭 Playwright Run Summary
1 skipped 514 passed (3.3m)
🎭 Playwright Run Summary
212 skipped 287 passed (3.4m)
🎭 Playwright Run Summary
2 flaky [Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/ltr › should position fabs correctly with custom sizes [Mobile Chrome] › src/components/fab/test/custom-size/fab.e2e.ts:9:9 › fab: custom size - ios/rtl › should position fabs correctly with custom sizes 2 skipped 573 passed (3.5m)
🎭 Playwright Run Summary
2 flaky [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups 2 skipped 494 passed (3.7m)
🎭 Playwright Run Summary
626 passed (4.1m)
🎭 Playwright Run Summary
10 skipped 485 passed (4.8m)
🎭 Playwright Run Summary
3 skipped 499 passed (5.0m)
🎭 Playwright Run Summary
14 skipped 374 passed (5.1m)
🎭 Playwright Run Summary
490 passed (5.6m)
🎭 Playwright Run Summary
4 skipped 500 passed (5.9m)
🎭 Playwright Run Summary
511 passed (6.1m)
🎭 Playwright Run Summary
5 skipped 538 passed (6.3m)
🎭 Playwright Run Summary
4 skipped 500 passed (6.5m)
🎭 Playwright Run Summary
1 flaky [Mobile Safari] › src/components/datetime/test/datetime.e2e.ts:35:9 › datetime: switching months with different number of days - md/ltr › should adjust the selected day when moving to a month with a different number of days 2 skipped 489 passed (6.8m)
🎭 Playwright Run Summary
1 flaky [Mobile Safari] › src/components/popover/test/basic/popover.e2e.ts:32:9 › popover: rendering variants - ios/ltr › should render no event popover 7 skipped 499 passed (7.2m)
🎭 Playwright Run Summary
12 skipped 490 passed (7.1m)
🎭 Playwright Run Summary
6 skipped 506 passed (7.7m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
655 KB
sha256:530aca17e68bae6a48cc7c598ec4a5e2689d0d3b260301884cc310a961c8f171
ionic-angular-server Expired
8.55 KB
sha256:5cf6013a5c29e82dae07bfb638e1ab0ca1bf8791e23fde557d3040bdc0936b54
ionic-core Expired
4.44 MB
sha256:785268c509282312b518797083e879f26b219964fd88cb668a24fb9b391546ef
ionic-react Expired
199 KB
sha256:6a37b6b5f4e9a0863b846b9b22ea61715bd1acd64387fbe8618511bc15416bcd
ionic-react-router Expired
27.9 KB
sha256:a2b0b5d7f742b85bd8ed003aa595e722eec4087d8a10dc341411463cfa064cd4
ionic-vue Expired
221 KB
sha256:03fcc9f8e4a752b39a76f35b05ed0963b625b24925fee5de47cda55bac5cd11e
ionic-vue-router Expired
17.1 KB
sha256:d58c04c435836a289c268a1c365f4d734ce110ba1c7f39f11242bdb63b6e9dc3
test-results-1-20 Expired
441 KB
sha256:deda6f8bc4ff0ef86a32e2b87657be4c7e3b1063150f8a3a443df55eedf26fdf
test-results-10-20 Expired
424 KB
sha256:11b2ac42eb2ce1c98f66afe94338997cb425922f930dd3ac80613481e7c5c40e
test-results-11-20 Expired
1.98 MB
sha256:eb603f96f31647ddb40e1f038f5c6c2b44b7efb60cd3584b0b560d94a5f913ef
test-results-12-20 Expired
431 KB
sha256:6cabdc705e35e4fc96195b9156e356410803f087b14f5f8f40959d2a0465c1fc
test-results-13-20 Expired
445 KB
sha256:c62e2f9065b65a28e37b0c82fc80288f59c0ade61b17d5cc7748c70d6f57a46a
test-results-14-20 Expired
401 KB
sha256:34ea1eedda9a841ddf08621ba11fd7bfc7c81da7e02dd6571c75a8c0cba62511
test-results-15-20 Expired
1.27 MB
sha256:17471cd0c5aae47543211dcad6c0fb303c41ea6d6e7caa9e8559036902a23e13
test-results-16-20 Expired
423 KB
sha256:4731ae129134b4066edce15e3832e29c452f25a8078be363e6e8df37a97de6cf
test-results-17-20 Expired
1.89 MB
sha256:82e65251df6ea7568089ea664615ed73805b3ce0145c254ec380015bba2ed01f
test-results-18-20 Expired
488 KB
sha256:e2c8045b7d448682c516faa115ca7cec2c18cf6df98ea46b4764c9db115cd7bf
test-results-19-20 Expired
398 KB
sha256:0a0d9387676145d3f83601eea4786fba23468ca9ab3d03e41db8012e97b4fb01
test-results-2-20 Expired
477 KB
sha256:a1e2a10ec4abb946bd1a02e03c60f59ae39220c730cc4ec7ec4c55c93f56517f
test-results-20-20 Expired
343 KB
sha256:14e79f93851674cb805ed89261f599baca38a726f1aef4be0965f985c35704af
test-results-3-20 Expired
417 KB
sha256:aa2f38451c80545c0fd5a39d0a5079cbaf5264553e2d9148b87db2a25af53105
test-results-4-20 Expired
527 KB
sha256:9d8c0108fe58a75c05bd34d817e8f33dc4998c54ef96cb14b648efbcad2e31ad
test-results-5-20 Expired
448 KB
sha256:9e3f469ec37eb5b34b7f76636218e99d1c74aac422eae0c9ce87eecb707d513b
test-results-6-20 Expired
438 KB
sha256:bd3ff96b6e4ce14a66c7c4f7cddec46771d4b3dae56db09483086446f7923929
test-results-7-20 Expired
334 KB
sha256:9109693350f891963f3849258b1c1df661cd05b1894d94879232d10cc07de6b4
test-results-8-20 Expired
436 KB
sha256:139fdc46dae717fbd780835dd0f388b9b40db5860f994034b4ce8601d070db2f
test-results-9-20 Expired
3.14 MB
sha256:ed6c294ef155ead4764a48705c949a698f5057d68ba95fb2034de0d6133271e7