diff --git a/CHANGELOG.md b/CHANGELOG.md index 586af50908..32f0194036 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,18 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic-framework/compare/v6.1.11...v6.1.12) (2022-06-29) + + +### Bug Fixes + +* **angular:** warn devs that standalone components are not supported ([#25516](https://github.com/ionic-team/ionic-framework/issues/25516)) ([c53785c](https://github.com/ionic-team/ionic-framework/commit/c53785c0c786113f3516c09fa512687ecb84c717)) +* **datetime:** add dev warnings when setting out of bounds value ([#25513](https://github.com/ionic-team/ionic-framework/issues/25513)) ([5dfaf63](https://github.com/ionic-team/ionic-framework/commit/5dfaf63c6582811b61339a6fa50cf551cd8724d0)) + + + + + ## [6.1.11](https://github.com/ionic-team/ionic-framework/compare/v6.1.10...v6.1.11) (2022-06-22) diff --git a/LICENSE b/LICENSE index 623c70a833..92621d0bb4 100644 --- a/LICENSE +++ b/LICENSE @@ -1,23 +1,21 @@ -Copyright 2015-present Drifty Co. -http://drifty.com/ - MIT License -Permission is hereby granted, free of charge, to any person obtaining -a copy of this software and associated documentation files (the -"Software"), to deal in the Software without restriction, including -without limitation the rights to use, copy, modify, merge, publish, -distribute, sublicense, and/or sell copies of the Software, and to -permit persons to whom the Software is furnished to do so, subject to -the following conditions: +Copyright (c) 2015-present Drifty Co. -The above copyright notice and this permission notice shall be -included in all copies or substantial portions of the Software. +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/angular/CHANGELOG.md b/angular/CHANGELOG.md index c8fab73389..e00a7084c9 100644 --- a/angular/CHANGELOG.md +++ b/angular/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic/compare/v6.1.11...v6.1.12) (2022-06-29) + + +### Bug Fixes + +* **angular:** warn devs that standalone components are not supported ([#25516](https://github.com/ionic-team/ionic/issues/25516)) ([c53785c](https://github.com/ionic-team/ionic/commit/c53785c0c786113f3516c09fa512687ecb84c717)) + + + + + ## [6.1.11](https://github.com/ionic-team/ionic/compare/v6.1.10...v6.1.11) (2022-06-22) **Note:** Version bump only for package @ionic/angular diff --git a/angular/package-lock.json b/angular/package-lock.json index 4452c5384e..78f2dd2b13 100644 --- a/angular/package-lock.json +++ b/angular/package-lock.json @@ -1,15 +1,15 @@ { "name": "@ionic/angular", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/angular", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT", "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "jsonc-parser": "^3.0.0", "tslib": "^2.0.0" }, @@ -1023,9 +1023,9 @@ "dev": true }, "node_modules/@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "dependencies": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", @@ -7939,9 +7939,9 @@ "dev": true }, "@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "requires": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", diff --git a/angular/package.json b/angular/package.json index 670f5cd1c4..1c65ebf6eb 100644 --- a/angular/package.json +++ b/angular/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/angular", - "version": "6.1.11", + "version": "6.1.12", "description": "Angular specific wrappers for @ionic/core", "keywords": [ "ionic", @@ -44,7 +44,7 @@ "validate": "npm i && npm run lint && npm run test && npm run build" }, "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "jsonc-parser": "^3.0.0", "tslib": "^2.0.0" }, diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md index 594ef3416e..9063fa5fe2 100644 --- a/core/CHANGELOG.md +++ b/core/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic/compare/v6.1.11...v6.1.12) (2022-06-29) + + +### Bug Fixes + +* **datetime:** add dev warnings when setting out of bounds value ([#25513](https://github.com/ionic-team/ionic/issues/25513)) ([5dfaf63](https://github.com/ionic-team/ionic/commit/5dfaf63c6582811b61339a6fa50cf551cd8724d0)) + + + + + ## [6.1.11](https://github.com/ionic-team/ionic/compare/v6.1.10...v6.1.11) (2022-06-22) diff --git a/core/package-lock.json b/core/package-lock.json index 79fd6d20f3..df84b9b342 100644 --- a/core/package-lock.json +++ b/core/package-lock.json @@ -1,12 +1,12 @@ { "name": "@ionic/core", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/core", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT", "dependencies": { "@stencil/core": "^2.16.0", diff --git a/core/package.json b/core/package.json index 5db51ce102..84ebb084bd 100644 --- a/core/package.json +++ b/core/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/core", - "version": "6.1.11", + "version": "6.1.12", "description": "Base components for Ionic", "keywords": [ "ionic", diff --git a/core/src/components.d.ts b/core/src/components.d.ts index a2c0e8f962..5e4041c3f8 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -1866,6 +1866,10 @@ export namespace Components { */ "numericInput": boolean; "scrollActiveItemIntoView": () => Promise; + /** + * Sets the value prop and fires the ionChange event. This is used when we need to fire ionChange from user-generated events that cannot be caught with normal input/change event listeners. + */ + "setValue": (value?: string | number | undefined) => Promise; /** * The selected option in the picker. */ diff --git a/core/src/components/item/test/a11y/e2e.ts b/core/src/components/item/test/a11y/e2e.ts deleted file mode 100644 index 46d2436044..0000000000 --- a/core/src/components/item/test/a11y/e2e.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { AxePuppeteer } from '@axe-core/puppeteer'; -import { newE2EPage } from '@stencil/core/testing'; - -test('item: axe', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/a11y?ionic:_testing=true', - }); - - const results = await new AxePuppeteer(page) - // TODO(FW-404): Re-enable rule once select is updated to avoid nested-interactive - .disableRules('nested-interactive') - .analyze(); - expect(results.violations.length).toEqual(0); -}); diff --git a/core/src/components/item/test/a11y/item.e2e.ts b/core/src/components/item/test/a11y/item.e2e.ts new file mode 100644 index 0000000000..ff85a14d75 --- /dev/null +++ b/core/src/components/item/test/a11y/item.e2e.ts @@ -0,0 +1,15 @@ +import AxeBuilder from '@axe-core/playwright'; +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: axe', () => { + test('should not have accessibility violations', async ({ page }) => { + await page.goto(`/src/components/item/test/a11y`); + + const results = await new AxeBuilder({ page }) + // TODO(FW-404): Re-enable rule once select is updated to avoid nested-interactive + .disableRules('nested-interactive') + .analyze(); + expect(results.violations).toEqual([]); + }); +}); diff --git a/core/src/components/item/test/alignment/e2e.ts b/core/src/components/item/test/alignment/e2e.ts deleted file mode 100644 index 41b7228e72..0000000000 --- a/core/src/components/item/test/alignment/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: alignment', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/alignment?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: alignment-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/alignment?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/alignment/index.html b/core/src/components/item/test/alignment/index.html index e10b19c438..5429c9007f 100644 --- a/core/src/components/item/test/alignment/index.html +++ b/core/src/components/item/test/alignment/index.html @@ -25,10 +25,6 @@ Leading Icons - - - - @@ -44,10 +40,6 @@ Default Labels - - Time - - From @@ -63,10 +55,6 @@ Fixed Labels - - Time - - From @@ -82,10 +70,6 @@ Floating Labels - - Time - - From @@ -101,10 +85,6 @@ Stacked Labels - - Time - - From @@ -120,10 +100,6 @@ End Labels - - Time - - From diff --git a/core/src/components/item/test/alignment/item.e2e.ts b/core/src/components/item/test/alignment/item.e2e.ts new file mode 100644 index 0000000000..384faf1d4c --- /dev/null +++ b/core/src/components/item/test/alignment/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: alignment', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/alignment`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-alignment-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3c6581d246 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..2ab74352e3 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..41f2b7b038 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..0389b9e2fd Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..597c78fa24 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..b6decfc8bc Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..160af2e44a Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..2d686af29d Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..6e970c68a3 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..7f1b5325b8 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..194769e2a3 Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..dc9410c72f Binary files /dev/null and b/core/src/components/item/test/alignment/item.e2e.ts-snapshots/item-alignment-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/e2e.ts b/core/src/components/item/test/basic/e2e.ts deleted file mode 100644 index a11ce3c888..0000000000 --- a/core/src/components/item/test/basic/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: basic', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/basic?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: basic-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/basic?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/basic/item.e2e.ts b/core/src/components/item/test/basic/item.e2e.ts new file mode 100644 index 0000000000..06dac9a233 --- /dev/null +++ b/core/src/components/item/test/basic/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: basic', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/basic`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..f9d4678ff6 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..1e446b1487 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..3e38884ed8 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c9cf54e4cf Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..0430982a77 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..5d1e9b3438 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..27e197ade4 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..de94724c51 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..16c07edeb8 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..f785ba87d2 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..2579adc51e Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..71207b2868 Binary files /dev/null and b/core/src/components/item/test/basic/item.e2e.ts-snapshots/item-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/e2e.ts b/core/src/components/item/test/buttons/e2e.ts deleted file mode 100644 index 43ad399d10..0000000000 --- a/core/src/components/item/test/buttons/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: buttons', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/buttons?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/buttons/item.e2e.ts b/core/src/components/item/test/buttons/item.e2e.ts new file mode 100644 index 0000000000..c04da22edf --- /dev/null +++ b/core/src/components/item/test/buttons/item.e2e.ts @@ -0,0 +1,18 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: buttons', () => { + test('should not have visual regressions', async ({ page }) => { + /** + * This test validates that in iOS mode the arrow indicators are + * added to the end of the ion-item row. + * + * In MD mode, these arrow indicators are not present. + */ + await page.goto(`/src/components/item/test/buttons`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-buttons-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..7b2f0cd15c Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..22c2e1f27f Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..cc60a56faa Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..359d9d3064 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e36895f05d Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..51840180b9 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..88dce99537 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f94dd47d0f Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..5ffb17b206 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..acbc339667 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..c4d39643a3 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..6350fd6611 Binary files /dev/null and b/core/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/e2e.ts b/core/src/components/item/test/colors/e2e.ts deleted file mode 100644 index f3dba72df2..0000000000 --- a/core/src/components/item/test/colors/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: colors', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/colors?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/colors/item.e2e.ts b/core/src/components/item/test/colors/item.e2e.ts new file mode 100644 index 0000000000..f345190a34 --- /dev/null +++ b/core/src/components/item/test/colors/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: colors', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/colors`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-colors-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..630b2e75b6 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..da55028364 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..8d24960120 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..a1127e50eb Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..3346d252a6 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..148cc8c829 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..293066bb81 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..73704399da Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..a1d8e0b84c Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..eb9a83df40 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..c5cfc78d78 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c84e01eb60 Binary files /dev/null and b/core/src/components/item/test/colors/item.e2e.ts-snapshots/item-colors-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/counter/e2e.ts b/core/src/components/item/test/counter/e2e.ts deleted file mode 100644 index b2f9851a09..0000000000 --- a/core/src/components/item/test/counter/e2e.ts +++ /dev/null @@ -1,96 +0,0 @@ -import type { E2EPage } from '@stencil/core/testing'; -import { newE2EPage } from '@stencil/core/testing'; - -describe('item: counter', () => { - describe('custom formatter', () => { - let page: E2EPage; - - beforeEach(async () => { - page = await newE2EPage({ - url: '/src/components/item/test/counter?ionic:_testing=true', - }); - }); - - it('should format on load', async () => { - const itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('20 characters left'); - }); - - it('should format on input', async () => { - const input = await page.find('#customFormatter ion-input'); - - await input.click(); - await input.type('abcde'); - - await page.waitForChanges(); - - const itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('15 characters left'); - }); - - it('should format after changing the counterFormatter', async () => { - let itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('20 characters left'); - - await page.$eval('#customFormatter', (el: any) => { - el.counterFormatter = () => { - return 'test label'; - }; - }); - await page.waitForChanges(); - - itemCounter = await page.find('#customFormatter >>> .item-counter'); - - expect(itemCounter.textContent).toBe('test label'); - }); - - describe('when an exception occurs', () => { - const logs = []; - - beforeEach(async () => { - page = await newE2EPage({ - html: ` - - - `, - }); - - page.on('console', (ev) => { - if (ev.type() === 'error') { - logs.push(ev.text()); - } - }); - - const itemCounter = await page.find('ion-item >>> .item-counter'); - - expect(itemCounter.textContent).toBe('0 / 20'); - - await page.$eval('ion-item', (el: any) => { - el.counterFormatter = () => { - throw new Error('This is an expected error'); - }; - }); - await page.waitForChanges(); - }); - - it('should default the formatting to length / maxlength', async () => { - const input = await page.find('ion-input'); - - await input.click(); - await input.type('abcde'); - - const itemCounter = await page.find('ion-item >>> .item-counter'); - - expect(itemCounter.textContent).toBe('5 / 20'); - }); - - it('should log an error', () => { - expect(logs.length).toBeGreaterThan(0); - expect(logs[0]).toMatch('[Ionic Error]: Exception in provided `counterFormatter`.'); - }); - }); - }); -}); diff --git a/core/src/components/item/test/counter/item.e2e.ts b/core/src/components/item/test/counter/item.e2e.ts index aab8748def..7600d0fe2c 100644 --- a/core/src/components/item/test/counter/item.e2e.ts +++ b/core/src/components/item/test/counter/item.e2e.ts @@ -3,10 +3,50 @@ import { test } from '@utils/test/playwright'; test.describe('item: counter', () => { test('should not have visual regressions', async ({ page }) => { - await page.goto(`/src/components/item/test/counter`); + await page.goto('/src/components/item/test/counter'); await page.setIonViewport(); expect(await page.screenshot()).toMatchSnapshot(`item-counter-diff-${page.getSnapshotSettings()}.png`); }); + + test.describe('custom formatter', () => { + test.beforeEach(async ({ page }) => { + await page.goto('/src/components/item/test/counter'); + }); + + test('should format on load', async ({ page }) => { + const itemCounter = page.locator('#customFormatter .item-counter'); + + expect(await itemCounter.textContent()).toBe('20 characters left'); + }); + + test('should format on input', async ({ page }) => { + const input = page.locator('#customFormatter ion-input'); + + await input.click(); + await input.type('abcde'); + + await page.waitForChanges(); + + const itemCounter = page.locator('#customFormatter .item-counter'); + + expect(await itemCounter.textContent()).toBe('15 characters left'); + }); + + test('should format after changing the counterFormatter', async ({ page }) => { + const itemCounter = page.locator('#customFormatter .item-counter'); + + expect(await itemCounter.textContent()).toBe('20 characters left'); + + await page.$eval('#customFormatter', (el: any) => { + el.counterFormatter = () => { + return 'test label'; + }; + }); + await page.waitForChanges(); + + expect(await itemCounter.textContent()).toBe('test label'); + }); + }); }); diff --git a/core/src/components/item/test/css-variables/e2e.ts b/core/src/components/item/test/css-variables/e2e.ts deleted file mode 100644 index c9bc818f7e..0000000000 --- a/core/src/components/item/test/css-variables/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: CSS variables', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/css-variables?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/css-variables/item.e2e.ts b/core/src/components/item/test/css-variables/item.e2e.ts new file mode 100644 index 0000000000..a0380a4e99 --- /dev/null +++ b/core/src/components/item/test/css-variables/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: CSS variables', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/css-variables`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-css-vars-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..ab83fb3174 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..fbda920093 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c52f56b8f3 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..238a022b54 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f108973b3a Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..9511ca3356 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..64718d6e2d Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..3cb731492c Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..4420c7c292 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..384447a150 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..c77684fad9 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..f8b1514ee5 Binary files /dev/null and b/core/src/components/item/test/css-variables/item.e2e.ts-snapshots/item-css-vars-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/e2e.ts b/core/src/components/item/test/disabled/e2e.ts deleted file mode 100644 index 76b6f0e075..0000000000 --- a/core/src/components/item/test/disabled/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: disabled', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/disabled?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: disabled-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/disabled?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/disabled/item.e2e.ts b/core/src/components/item/test/disabled/item.e2e.ts new file mode 100644 index 0000000000..c168fa229b --- /dev/null +++ b/core/src/components/item/test/disabled/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: disabled state', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/disabled`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-disabled-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..0c2a367ce4 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..b2b2d974eb Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..5a4f74d2f4 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..a1910c5e4c Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..5ecb11de69 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..2b6fc34537 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..746d875dbd Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..4bdd1b127d Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..dd705a1d8d Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..b7a142973b Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..c18166a8e5 Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..a247cc78ef Binary files /dev/null and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/e2e.ts b/core/src/components/item/test/dividers/e2e.ts deleted file mode 100644 index 4544e383ff..0000000000 --- a/core/src/components/item/test/dividers/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: dividers', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/dividers?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/dividers/item.e2e.ts b/core/src/components/item/test/dividers/item.e2e.ts new file mode 100644 index 0000000000..6cf1c7a7f2 --- /dev/null +++ b/core/src/components/item/test/dividers/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: dividers', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/dividers`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-dividers-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..55b21bb895 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..b4b0662e0b Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..1263d05f6d Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..6bda06cdf8 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..eeceec987c Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..6bbdfc84d4 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..d54dc4b4be Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..6c87067b77 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..b2e9610cd4 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..b24d35320d Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..3f19979586 Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..811be25eda Binary files /dev/null and b/core/src/components/item/test/dividers/item.e2e.ts-snapshots/item-dividers-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/e2e.ts b/core/src/components/item/test/form/e2e.ts deleted file mode 100644 index 28d2227469..0000000000 --- a/core/src/components/item/test/form/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: form', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/form?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/form/item.e2e.ts b/core/src/components/item/test/form/item.e2e.ts new file mode 100644 index 0000000000..deabca9bff --- /dev/null +++ b/core/src/components/item/test/form/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: form', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/form`); + + await page.setIonViewport({ resizeViewportWidth: true }); + + expect(await page.screenshot()).toMatchSnapshot(`item-form-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c53a19ca32 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..0ed6bcc87a Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..ae5e85c6c0 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..4f774d285b Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..d877c87212 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..1c5b9a1edf Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3ec55fa454 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..51f52ecf16 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..5797516b1f Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..aeb3102e6a Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..1d18087311 Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..2620e97eef Binary files /dev/null and b/core/src/components/item/test/form/item.e2e.ts-snapshots/item-form-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/e2e.ts b/core/src/components/item/test/groups/e2e.ts deleted file mode 100644 index 76c60ff7ec..0000000000 --- a/core/src/components/item/test/groups/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: groups', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/groups?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/groups/item.e2e.ts b/core/src/components/item/test/groups/item.e2e.ts new file mode 100644 index 0000000000..d49d8ddee4 --- /dev/null +++ b/core/src/components/item/test/groups/item.e2e.ts @@ -0,0 +1,15 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: groups', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/groups`); + + // Since the list is dynamically created, we need to wait for it to be rendered + await page.waitForChanges(); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-groups-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..15d0c88fca Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..79a81ad9f7 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..b1def87bb9 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..4ed05b3ddc Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..6d23598096 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..332ba6a2d3 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..62f707654c Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..bd6ba8b7f4 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..734331181d Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..de548a0ca8 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..727fffd405 Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..d85d20968f Binary files /dev/null and b/core/src/components/item/test/groups/item.e2e.ts-snapshots/item-groups-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/e2e.ts b/core/src/components/item/test/icons/e2e.ts deleted file mode 100644 index e35324e1ea..0000000000 --- a/core/src/components/item/test/icons/e2e.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: icons', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/icons?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); - -test('item: icons-rtl', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/icons?ionic:_testing=true&rtl=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/icons/item.e2e.ts b/core/src/components/item/test/icons/item.e2e.ts new file mode 100644 index 0000000000..94798b3d33 --- /dev/null +++ b/core/src/components/item/test/icons/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: icons', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/icons`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-icons-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..0920c9ed7e Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..6916d463f3 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..1f028d7e18 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..118d1957ad Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..1893b9c630 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..a31fd7abc6 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..359dbb8f25 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..a09fb0acf9 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..e31a8c2256 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..17cbc62593 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f215026f97 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..48ef645c93 Binary files /dev/null and b/core/src/components/item/test/icons/item.e2e.ts-snapshots/item-icons-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/e2e.ts b/core/src/components/item/test/images/e2e.ts deleted file mode 100644 index 2737c181db..0000000000 --- a/core/src/components/item/test/images/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: images', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/images?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/images/item.e2e.ts b/core/src/components/item/test/images/item.e2e.ts new file mode 100644 index 0000000000..c537bfee2b --- /dev/null +++ b/core/src/components/item/test/images/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: images', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/images`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-images-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..da6b708d12 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..db83856835 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..952fc6e256 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..ccee61b225 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..6126bda988 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..745e8c36b6 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..954ff03aa5 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..3a5e1e84eb Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..b35d3fd809 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..b9178c41ea Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..820c5f443f Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..548f9c6df6 Binary files /dev/null and b/core/src/components/item/test/images/item.e2e.ts-snapshots/item-images-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/e2e.ts b/core/src/components/item/test/inputs/e2e.ts deleted file mode 100644 index ce8357ae4b..0000000000 --- a/core/src/components/item/test/inputs/e2e.ts +++ /dev/null @@ -1,93 +0,0 @@ -import type { E2EPage } from '@stencil/core/testing'; -import { newE2EPage } from '@stencil/core/testing'; - -test('item: inputs', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/inputs?ionic:_testing=true', - }); - - // check form - await page.click('#submit'); - await checkFormResult( - page, - '{"date":"","select":"n64","toggle":"","input":"","input2":"","checkbox":"","range":"10"}' - ); - await page.waitForTimeout(100); - - // Default case, enabled and no value - let compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); - - // Disable everything - const disableToggle = await page.find('#btnDisabled'); - await disableToggle.waitForVisible(); - await disableToggle.click(); - await page.waitForTimeout(300); - - // check form - await page.click('#submit'); - await page.waitForTimeout(100); - await checkFormResult(page, '{}'); - await page.waitForTimeout(100); - - // screenshot - compare = await page.compareScreenshot('should disable all'); - expect(compare).toMatchScreenshot(); - - // Reenable and set some value - await disableToggle.click(); - await page.click('#btnSomeValue'); - await page.waitForTimeout(100); - - // check form - await page.click('#submit'); - await checkFormResult( - page, - '{"date":"2016-12-09","select":"nes","toggle":"on","input":"Some text","input2":"Some text","checkbox":"on","range":"20"}' - ); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should reenable and set value'); - expect(compare).toMatchScreenshot(); - - // Set "null" - await page.click('#btnNullValue'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should set null'); - expect(compare).toMatchScreenshot(); - - // Set "empty" - await page.click('#btnEmptyValue'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should set empty'); - expect(compare).toMatchScreenshot(); - - // Set "empty" - await page.click('#btnEmptyValue'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should set empty'); - expect(compare).toMatchScreenshot(); - - // Test multiple - await page.click('#checkbox-start'); - await page.click('#datetime-end'); - await page.waitForTimeout(300); - - compare = await page.compareScreenshot('should check checkbox and open datepicker'); - expect(compare).toMatchScreenshot(); - - await page.click('#button-end'); - await page.waitForTimeout(100); - - compare = await page.compareScreenshot('should change button color to red'); - expect(compare).toMatchScreenshot(); -}); - -const checkFormResult = async (page: E2EPage, content: string) => { - const div = await page.find('#form-result'); - - expect(div.textContent).toEqual(content); -}; diff --git a/core/src/components/item/test/inputs/index.html b/core/src/components/item/test/inputs/index.html index fc1206f039..605fde74e6 100644 --- a/core/src/components/item/test/inputs/index.html +++ b/core/src/components/item/test/inputs/index.html @@ -35,13 +35,7 @@ DateTime - + @@ -84,7 +78,7 @@ Submit -

+

Form not submitted

@@ -109,10 +103,6 @@ Multiple inputs/clickables - - Delayed input - - Multiple inputs @@ -137,7 +127,7 @@ Multiple inputs w/ cover - + @@ -190,15 +180,6 @@ clickableItem.color = color === undefined ? 'primary' : undefined; }); - const delayedInputItem = document.querySelector('#delayedInputItem'); - const delayedInput = document.createElement('ion-input'); - delayedInput.type = 'number'; - delayedInput.value = 34; - - setTimeout(() => { - delayedInputItem.appendChild(delayedInput); - }, 3000); - const inputs = document.querySelectorAll('ion-input, ion-textarea'); for (var i = 0; i < inputs.length; i++) { @@ -222,7 +203,7 @@ const { datetime, select, toggle, text, placeholder, checkbox, range } = getInputs(); text.value = placeholder.value = 'Some text'; toggle.checked = checkbox.checked = true; - datetime.value = '2016-12-09'; + datetime.value = '2022-04-01T10:00'; range.value = 20; select.value = 'nes'; } diff --git a/core/src/components/item/test/inputs/item.e2e.ts b/core/src/components/item/test/inputs/item.e2e.ts new file mode 100644 index 0000000000..d63d88c08d --- /dev/null +++ b/core/src/components/item/test/inputs/item.e2e.ts @@ -0,0 +1,118 @@ +import { expect } from '@playwright/test'; +import type { E2EPage } from '@utils/test/playwright'; +import { test } from '@utils/test/playwright'; + +test.describe('item: inputs', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/inputs`); + + const screenshots = []; + + const disableToggle = page.locator('#btnDisabled'); + const submitBtn = page.locator('#submit'); + + // Check form + await submitBtn.click(); + await checkFormResult( + page, + '{"date":"2022-04-01T10:00","select":"n64","toggle":"","input":"","input2":"","checkbox":"","range":"10"}' + ); + + /** + * We need to expand the viewport so that all the datetime components + * enter the visible viewport. This allows the I/O to fire and + * .datetime-ready to be added. + */ + await page.setIonViewport(); + // Wait for all datetime inputs to be ready + await page.waitForSelector('#datetime.datetime-ready'); + await page.waitForSelector('#datetime-end.datetime-ready'); + + // Default case, enabled and no value + screenshots.push({ + name: `item-inputs-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Disable everything + await disableToggle.click(); + await page.waitForChanges(); + + // check form + await submitBtn.click(); + await checkFormResult(page, '{}'); + + screenshots.push({ + name: `item-should-disable-all-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Reenable and set some value + await disableToggle.click(); + await page.click('#btnSomeValue'); + + // check form + await submitBtn.click(); + await checkFormResult( + page, + '{"date":"2022-04-01T10:00","select":"nes","toggle":"on","input":"Some text","input2":"Some text","checkbox":"on","range":"20"}' + ); + + screenshots.push({ + name: `item-should-reenable-and-set-value-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Set "null" + await page.click('#btnNullValue'); + + screenshots.push({ + name: `item-should-set-null-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Set "empty" + await page.click('#btnEmptyValue'); + + screenshots.push({ + name: `item-should-set-empty-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + // Test multiple + await page.click('#checkbox-start'); + await page.click('#datetime-end'); + + screenshots.push({ + name: `item-should-check-checkbox-and-open-datepicker-${page.getSnapshotSettings()}.png`, + screenshot: await captureScreenshot(page), + }); + + await page.click('#button-end'); + await page.waitForChanges(); + + screenshots.push({ + name: `item-should-change-button-color-to-red-${page.getSnapshotSettings()}.png`, + screenshot: await page.screenshot(), + }); + + for (const screenshot of screenshots) { + expect(screenshot.screenshot).toMatchSnapshot(screenshot.name); + } + }); +}); + +const checkFormResult = async (page: E2EPage, content: string) => { + const div = page.locator('#form-result'); + await expect(await div.textContent()).toEqual(content); +}; + +/** + * Resizes the viewport and captures a screenshot. + * Required for this test suite, since the DOM size is not + * the same at each test case. + */ +const captureScreenshot = async (page: E2EPage) => { + await page.setIonViewport(); + return page.screenshot(); +}; diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..833e787b76 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..be19f82293 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..9ca9885d52 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..599067a36c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..fe82685a39 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..567f229169 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3b13e55525 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..759faf2801 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..25339056b1 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..5d09d0513c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..9d892c8ac1 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..9cda7b6d67 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-inputs-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..a340a23684 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..b752839a29 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..13a601074d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..d69c19a26c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..fe4b640431 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..205cdbadda Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c7456808d2 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..9804c78eab Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..831e7923a9 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..52eb6a731d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..b0792f7f9e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..9208bfb1ea Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-change-button-color-to-red-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3031884db0 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..be06a72ca0 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..7dad5e2d37 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..7f6d9c8509 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..2c259ef0e2 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..ef9108aa1c Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..797544afc8 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..22d7b8d27e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..f332cd5d8f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..947ca2128f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..7710e19753 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..b4d143aa06 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-check-checkbox-and-open-datepicker-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..0363c573eb Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..d8fcbea451 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..e4419c5998 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..8a5242eb3d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..12b449bd25 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..a1551aedfe Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..793cdc82d9 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..d299762938 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..fbaeff54c1 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..6d71d8f1b4 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..0426cdb682 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..6a2aed119a Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-disable-all-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..2c1a2c5a80 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f12d29705f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c37c637cb3 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..d684b14ac5 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e08b24157a Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..b50feb6480 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..583c6cfa09 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..1b7d59e5ff Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..20b55bb18e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..9e66ee02a4 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e32bc6e626 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..f934c132f3 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-reenable-and-set-value-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..82be92676d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..512d6e391d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..8bc741624f Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..102fae30f1 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..28828cf076 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..386d98a42d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..98fd1b1bfa Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..06d89b71c7 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..0a40431bc4 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..876f475022 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..da9ab85832 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..0b8dc22fcc Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-empty-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..00a322e181 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e04cbebad1 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..38c295db70 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..e32e4d25db Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..2d23c1edf0 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..1f4b9e1f27 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..03e18ec795 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..2831480603 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..65edc73afa Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..9065bb450e Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..c546bdb74d Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..2cd6b20989 Binary files /dev/null and b/core/src/components/item/test/inputs/item.e2e.ts-snapshots/item-should-set-null-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/e2e.ts b/core/src/components/item/test/lines/e2e.ts deleted file mode 100644 index d10d320912..0000000000 --- a/core/src/components/item/test/lines/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: lines', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/lines?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/lines/item.e2e.ts b/core/src/components/item/test/lines/item.e2e.ts new file mode 100644 index 0000000000..13d89659f2 --- /dev/null +++ b/core/src/components/item/test/lines/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: lines', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/lines`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-lines-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..5f4a609a44 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e17c57816a Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c914271916 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..71360e9713 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..4155134828 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..456db4d1d6 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..9f50315891 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..b6ed3913e5 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..fd7d676821 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..26a9af7fb8 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..09f4faad22 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..820cdff827 Binary files /dev/null and b/core/src/components/item/test/lines/item.e2e.ts-snapshots/item-lines-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/e2e.ts b/core/src/components/item/test/media/e2e.ts deleted file mode 100644 index 925fb14b4a..0000000000 --- a/core/src/components/item/test/media/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: media', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/media?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/media/item.e2e.ts b/core/src/components/item/test/media/item.e2e.ts new file mode 100644 index 0000000000..01551f2917 --- /dev/null +++ b/core/src/components/item/test/media/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: media', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/media`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-media-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..02fc74f467 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e0a348be04 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..8542758bca Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..66701b3731 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..41c90ef98e Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c51e4c0648 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..edf9604c5f Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..107bbe5884 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..10c9b8ff5f Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..3621c12014 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..7dc5a22859 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..7c8e17a3f6 Binary files /dev/null and b/core/src/components/item/test/media/item.e2e.ts-snapshots/item-media-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/e2e.ts b/core/src/components/item/test/reorder/e2e.ts deleted file mode 100644 index 7591105ac3..0000000000 --- a/core/src/components/item/test/reorder/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: reorder', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/reorder?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/reorder/item.e2e.ts b/core/src/components/item/test/reorder/item.e2e.ts new file mode 100644 index 0000000000..123240edf4 --- /dev/null +++ b/core/src/components/item/test/reorder/item.e2e.ts @@ -0,0 +1,14 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: reorder', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/reorder`); + + await page.setIonViewport(); + + await page.click('text=Edit'); + + expect(await page.screenshot()).toMatchSnapshot(`item-reorder-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..93eb3ee9e6 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..ad4e881f36 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..d2569c5b59 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c2486c5a5d Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..ced28d52da Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..1d744bdd76 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..36ca8d582e Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..6dc16ebb44 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c404fdbc40 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..8d0a9f1043 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..f7a21d56c3 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..6d51a8c0a3 Binary files /dev/null and b/core/src/components/item/test/reorder/item.e2e.ts-snapshots/item-reorder-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/e2e.ts b/core/src/components/item/test/standalone/e2e.ts deleted file mode 100644 index c1a2f91f0b..0000000000 --- a/core/src/components/item/test/standalone/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: standalone', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/standalone?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/standalone/index.html b/core/src/components/item/test/standalone/index.html index 2386c57279..2a7e2f084b 100644 --- a/core/src/components/item/test/standalone/index.html +++ b/core/src/components/item/test/standalone/index.html @@ -50,21 +50,21 @@ Item Avatar + > + + > + Item Thumbnail + > + + > + diff --git a/core/src/components/item/test/standalone/item.e2e.ts b/core/src/components/item/test/standalone/item.e2e.ts new file mode 100644 index 0000000000..4ea86ffefd --- /dev/null +++ b/core/src/components/item/test/standalone/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: standalone', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/standalone`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-standalone-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..cecdcc4fa5 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..1420eeca85 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..00bb22b9d0 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..09f5f43c33 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..321c83bbc1 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..98c6015e72 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..9e41007be2 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..37d634d25f Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..2d5c1f9439 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..1491f1dfe4 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..1e240d9153 Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..6f5637d5db Binary files /dev/null and b/core/src/components/item/test/standalone/item.e2e.ts-snapshots/item-standalone-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/e2e.ts b/core/src/components/item/test/states/e2e.ts deleted file mode 100644 index 32b93c2c1a..0000000000 --- a/core/src/components/item/test/states/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: states', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/states?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/states/item.e2e.ts b/core/src/components/item/test/states/item.e2e.ts new file mode 100644 index 0000000000..68e1563fb4 --- /dev/null +++ b/core/src/components/item/test/states/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: states', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/states`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-states-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..c6f5bdb564 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..346dd2aedc Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..c9f4bd6ec1 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..91702bbb33 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..806196ada9 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..be914f7897 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..19e1a3e1b3 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..9bbe48b79c Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..27322e2c49 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..dd33b37956 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..5bf2e78e05 Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..e9268d51ed Binary files /dev/null and b/core/src/components/item/test/states/item.e2e.ts-snapshots/item-states-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/e2e.ts b/core/src/components/item/test/text/e2e.ts deleted file mode 100644 index 1cb4f92b7a..0000000000 --- a/core/src/components/item/test/text/e2e.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { newE2EPage } from '@stencil/core/testing'; - -test('item: text', async () => { - const page = await newE2EPage({ - url: '/src/components/item/test/text?ionic:_testing=true', - }); - - const compare = await page.compareScreenshot(); - expect(compare).toMatchScreenshot(); -}); diff --git a/core/src/components/item/test/text/item.e2e.ts b/core/src/components/item/test/text/item.e2e.ts new file mode 100644 index 0000000000..d6449cd868 --- /dev/null +++ b/core/src/components/item/test/text/item.e2e.ts @@ -0,0 +1,12 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; + +test.describe('item: text', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/item/test/text`); + + await page.setIonViewport(); + + expect(await page.screenshot()).toMatchSnapshot(`item-text-diff-${page.getSnapshotSettings()}.png`); + }); +}); diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..f2ef19f3f7 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..e38f4d2218 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..cd95656c75 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..33562bb050 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..92621081e2 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..47dab5650d Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..89dd7096bc Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..9c2461fd99 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Safari-linux.png new file mode 100644 index 0000000000..e1079fba58 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Chrome-linux.png new file mode 100644 index 0000000000..533ff43f19 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Firefox-linux.png new file mode 100644 index 0000000000..3f837fd452 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Safari-linux.png new file mode 100644 index 0000000000..ecbc8bde27 Binary files /dev/null and b/core/src/components/item/test/text/item.e2e.ts-snapshots/item-text-diff-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/picker-column-internal/picker-column-internal.tsx b/core/src/components/picker-column-internal/picker-column-internal.tsx index 5a1186bea4..64daf337c8 100644 --- a/core/src/components/picker-column-internal/picker-column-internal.tsx +++ b/core/src/components/picker-column-internal/picker-column-internal.tsx @@ -208,7 +208,15 @@ export class PickerColumnInternal implements ComponentInterface { } } - private setValue(value?: string | number) { + /** + * Sets the value prop and fires the ionChange event. + * This is used when we need to fire ionChange from + * user-generated events that cannot be caught with normal + * input/change event listeners. + * @internal + */ + @Method() + async setValue(value?: string | number) { const { items } = this; this.value = value; const findItem = items.find((item) => item.value === value && item.disabled !== true); diff --git a/core/src/components/picker-internal/picker-internal.tsx b/core/src/components/picker-internal/picker-internal.tsx index e86865c45c..4cde38426a 100644 --- a/core/src/components/picker-internal/picker-internal.tsx +++ b/core/src/components/picker-internal/picker-internal.tsx @@ -347,7 +347,7 @@ export class PickerInternal implements ComponentInterface { */ const findItemFromCompleteValue = values.find(({ text }) => text.replace(/^0+/, '') === inputEl.value); if (findItemFromCompleteValue) { - inputModeColumn.value = findItemFromCompleteValue.value; + inputModeColumn.setValue(findItemFromCompleteValue.value); return; } @@ -377,7 +377,7 @@ export class PickerInternal implements ComponentInterface { const item = colEl.items.find(({ text, disabled }) => disabled !== true && text.replace(behavior, '') === value); if (item) { - colEl.value = item.value; + colEl.setValue(item.value); } }; diff --git a/core/src/components/picker-internal/test/keyboard-entry/picker-internal.e2e.ts b/core/src/components/picker-internal/test/keyboard-entry/picker-internal.e2e.ts new file mode 100644 index 0000000000..24be31b39d --- /dev/null +++ b/core/src/components/picker-internal/test/keyboard-entry/picker-internal.e2e.ts @@ -0,0 +1,92 @@ +import { expect } from '@playwright/test'; +import { test } from '@utils/test/playwright'; +import type { E2ELocator } from '@utils/test/playwright/page/utils/locator'; + +test.describe('picker-internal: keyboard entry', () => { + test('should scroll to and update the value prop for a single column', async ({ page }) => { + await page.setContent(` + + + + + + `); + + const column = page.locator('ion-picker-column-internal'); + const ionChange = await page.spyOnEvent('ionChange'); + await column.focus(); + + await page.keyboard.press('Digit2'); + + await expect(ionChange).toHaveReceivedEventDetail({ text: '02', value: 2 }); + await expect(column).toHaveJSProperty('value', 2); + }); + + test('should scroll to and update the value prop for multiple columns', async ({ page }) => { + await page.setContent(` + + + + + + + `); + + const firstColumn = page.locator('ion-picker-column-internal#first'); + const secondColumn = page.locator('ion-picker-column-internal#second'); + const highlight = page.locator('ion-picker-internal .picker-highlight'); + const firstIonChange = await (firstColumn as E2ELocator).spyOnEvent('ionChange'); + const secondIonChange = await (secondColumn as E2ELocator).spyOnEvent('ionChange'); + + const box = await highlight.boundingBox(); + if (box !== null) { + await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2); + } + + await expect(firstColumn).toHaveClass(/picker-column-active/); + await expect(secondColumn).toHaveClass(/picker-column-active/); + + await page.keyboard.press('Digit2'); + + await expect(firstIonChange).toHaveReceivedEventDetail({ text: '02', value: 2 }); + await expect(firstColumn).toHaveJSProperty('value', 2); + + await page.keyboard.press('Digit2+Digit4'); + + await expect(secondIonChange).toHaveReceivedEventDetail({ text: '24', value: 24 }); + await expect(secondColumn).toHaveJSProperty('value', 24); + }); +}); diff --git a/core/src/utils/tap-click.ts b/core/src/utils/tap-click/index.ts similarity index 96% rename from core/src/utils/tap-click.ts rename to core/src/utils/tap-click/index.ts index a8e76d6876..656d52742e 100644 --- a/core/src/utils/tap-click.ts +++ b/core/src/utils/tap-click/index.ts @@ -1,6 +1,5 @@ -import type { Config } from '../interface'; - -import { now, pointerCoord } from './helpers'; +import type { Config } from '../../interface'; +import { now, pointerCoord } from '../helpers'; export const startTapClick = (config: Config) => { let lastTouch = -MOUSE_WAIT * 10; @@ -25,6 +24,11 @@ export const startTapClick = (config: Config) => { }; const onMouseDown = (ev: MouseEvent) => { + // Ignore right clicks + if (ev.button === 2) { + return; + } + const t = now(ev) - MOUSE_WAIT; if (lastTouch < t) { pointerDown(ev); @@ -38,10 +42,6 @@ export const startTapClick = (config: Config) => { } }; - const onContextMenu = (ev: MouseEvent) => { - pointerUp(ev); - }; - const cancelActive = () => { clearTimeout(activeDefer); activeDefer = undefined; @@ -161,8 +161,6 @@ export const startTapClick = (config: Config) => { doc.addEventListener('mousedown', onMouseDown, true); doc.addEventListener('mouseup', onMouseUp, true); - - doc.addEventListener('contextmenu', onContextMenu, true); }; const getActivatableTarget = (ev: UIEvent): any => { diff --git a/core/src/utils/tap-click/test/tap-click.e2e.ts b/core/src/utils/tap-click/test/tap-click.e2e.ts new file mode 100644 index 0000000000..29512706c9 --- /dev/null +++ b/core/src/utils/tap-click/test/tap-click.e2e.ts @@ -0,0 +1,21 @@ +import { test } from '@utils/test/playwright'; + +test.describe('tap click utility', () => { + test('it should apply activated class when clicking element', async ({ page }) => { + await page.setContent(` + + + + `); + + const button = page.locator('button'); + const box = await button.boundingBox()!; + + if (box) { + await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2); + await page.mouse.down(); + } + + await page.waitForSelector('button.ion-activated'); + }); +}); diff --git a/core/src/utils/test/playwright/page/utils/locator.ts b/core/src/utils/test/playwright/page/utils/locator.ts index 9088d7ca7f..0fe632e843 100644 --- a/core/src/utils/test/playwright/page/utils/locator.ts +++ b/core/src/utils/test/playwright/page/utils/locator.ts @@ -21,7 +21,7 @@ export interface E2ELocator extends Locator { * ... * await ionChange.next(); */ - spyOnEvent: (eventName: string) => void; + spyOnEvent: (eventName: string) => Promise; } export const locator = ( diff --git a/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts b/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts index f655c5ede8..ff6c0b291b 100644 --- a/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts +++ b/core/src/utils/test/playwright/page/utils/set-ion-viewport.ts @@ -1,5 +1,7 @@ import type { Page } from '@playwright/test'; +import type { SetIonViewportOptions } from '../../playwright-declarations'; + /** * Taking fullpage screenshots in Playwright * does not work with ion-content by default. @@ -11,7 +13,7 @@ import type { Page } from '@playwright/test'; * can be captured in a screenshot. * */ -export const setIonViewport = async (page: Page) => { +export const setIonViewport = async (page: Page, options?: SetIonViewportOptions) => { const currentViewport = page.viewportSize(); const ionContent = await page.$('ion-content'); @@ -19,17 +21,17 @@ export const setIonViewport = async (page: Page) => { await ionContent.waitForElementState('stable'); } - const pixelAmountRenderedOffscreen = await page.evaluate(async () => { + const [x, y] = await page.evaluate(async () => { const content = document.querySelector('ion-content'); if (content) { const innerScroll = content.shadowRoot!.querySelector('.inner-scroll')!; - return innerScroll.scrollHeight - content.clientHeight; + return [innerScroll.scrollWidth - content.clientWidth, innerScroll.scrollHeight - content.clientHeight]; } - return 0; + return [0, 0]; }); - const width = currentViewport?.width ?? 640; - const height = (currentViewport?.height ?? 480) + pixelAmountRenderedOffscreen; + const width = (currentViewport?.width ?? 640) + (options?.resizeViewportWidth ? x : 0); + const height = (currentViewport?.height ?? 480) + y; await page.setViewportSize({ width, diff --git a/core/src/utils/test/playwright/playwright-declarations.ts b/core/src/utils/test/playwright/playwright-declarations.ts index e483724254..f033fb6fe2 100644 --- a/core/src/utils/test/playwright/playwright-declarations.ts +++ b/core/src/utils/test/playwright/playwright-declarations.ts @@ -67,7 +67,7 @@ export interface E2EPage extends Page { * Increases the size of the page viewport to match the `ion-content` contents. * Use this method when taking full-screen screenshots. */ - setIonViewport: () => Promise; + setIonViewport: (options?: SetIonViewportOptions) => Promise; /** * This provides metadata that can be used to create a unique screenshot URL. * For example, we need to be able to differentiate between iOS in LTR mode and iOS in RTL mode. @@ -95,3 +95,11 @@ export interface E2EPage extends Page { _e2eEventsIds: number; _e2eEvents: Map; } + +export interface SetIonViewportOptions { + /** + * `true` if the viewport should be scaled to match the `ion-content` + * scrollable width. Defaults to `false`. + */ + resizeViewportWidth?: boolean; +} diff --git a/core/src/utils/test/playwright/playwright-page.ts b/core/src/utils/test/playwright/playwright-page.ts index 17f35146ac..cc6bfecff5 100644 --- a/core/src/utils/test/playwright/playwright-page.ts +++ b/core/src/utils/test/playwright/playwright-page.ts @@ -18,7 +18,7 @@ import { locator, } from './page/utils'; import type { LocatorOptions } from './page/utils'; -import type { E2EPage } from './playwright-declarations'; +import type { E2EPage, SetIonViewportOptions } from './playwright-declarations'; type CustomTestArgs = PlaywrightTestArgs & PlaywrightTestOptions & @@ -48,7 +48,7 @@ export async function extendPageFixture(page: E2EPage, testInfo: TestInfo) { // Custom Ionic methods page.getSnapshotSettings = () => getSnapshotSettings(page, testInfo); - page.setIonViewport = () => setIonViewport(page); + page.setIonViewport = (options?: SetIonViewportOptions) => setIonViewport(page, options); page.waitForChanges = (timeoutMs?: number) => waitForChanges(page, timeoutMs); page.spyOnEvent = (eventName: string) => spyOnEvent(page, eventName); diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index 6dabe7312b..c9982bab34 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic-docs/compare/v6.1.11...v6.1.12) (2022-06-29) + +**Note:** Version bump only for package @ionic/docs + + + + + ## [6.1.11](https://github.com/ionic-team/ionic-docs/compare/v6.1.10...v6.1.11) (2022-06-22) **Note:** Version bump only for package @ionic/docs diff --git a/docs/package-lock.json b/docs/package-lock.json index 88cb082669..7e764665b9 100644 --- a/docs/package-lock.json +++ b/docs/package-lock.json @@ -1,12 +1,12 @@ { "name": "@ionic/docs", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/docs", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT" } } diff --git a/docs/package.json b/docs/package.json index 71ddc4f19c..44a6ff31e1 100644 --- a/docs/package.json +++ b/docs/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/docs", - "version": "6.1.11", + "version": "6.1.12", "description": "Pre-packaged API documentation for the Ionic docs.", "main": "core.json", "types": "core.d.ts", diff --git a/lerna.json b/lerna.json index 6f585258a9..fd9a5692de 100644 --- a/lerna.json +++ b/lerna.json @@ -5,5 +5,5 @@ "angular", "packages/*" ], - "version": "6.1.11" + "version": "6.1.12" } diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md index 0aa6744ba2..d6d71c5a0e 100644 --- a/packages/angular-server/CHANGELOG.md +++ b/packages/angular-server/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic/compare/v6.1.11...v6.1.12) (2022-06-29) + +**Note:** Version bump only for package @ionic/angular-server + + + + + ## [6.1.11](https://github.com/ionic-team/ionic/compare/v6.1.10...v6.1.11) (2022-06-22) **Note:** Version bump only for package @ionic/angular-server diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json index e43a02bccd..fd5d3ce8b4 100644 --- a/packages/angular-server/package-lock.json +++ b/packages/angular-server/package-lock.json @@ -1,12 +1,12 @@ { "name": "@ionic/angular-server", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/angular-server", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT", "devDependencies": { "@angular-eslint/eslint-plugin": "^12.6.1", @@ -18,7 +18,7 @@ "@angular/platform-browser": "^12.0.0", "@angular/platform-browser-dynamic": "^12.2.10", "@angular/platform-server": "^12.0.0", - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "@ionic/eslint-config": "^0.3.0", "@ionic/prettier-config": "^2.0.0", "@typescript-eslint/eslint-plugin": "^5.2.0", @@ -786,9 +786,9 @@ "license": "BSD-3-Clause" }, "node_modules/@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "dev": true, "dependencies": { "@stencil/core": "^2.16.0", @@ -7103,9 +7103,9 @@ "dev": true }, "@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "dev": true, "requires": { "@stencil/core": "^2.16.0", diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json index 290a109161..b96c1bd3f4 100644 --- a/packages/angular-server/package.json +++ b/packages/angular-server/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/angular-server", - "version": "6.1.11", + "version": "6.1.12", "description": "Angular SSR Module for Ionic", "keywords": [ "ionic", @@ -56,7 +56,7 @@ "@angular/platform-browser": "^12.0.0", "@angular/platform-browser-dynamic": "^12.2.10", "@angular/platform-server": "^12.0.0", - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "@ionic/eslint-config": "^0.3.0", "@ionic/prettier-config": "^2.0.0", "@typescript-eslint/eslint-plugin": "^5.2.0", diff --git a/packages/react-router/CHANGELOG.md b/packages/react-router/CHANGELOG.md index 62db61622d..ca876a9d12 100644 --- a/packages/react-router/CHANGELOG.md +++ b/packages/react-router/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic/compare/v6.1.11...v6.1.12) (2022-06-29) + +**Note:** Version bump only for package @ionic/react-router + + + + + ## [6.1.11](https://github.com/ionic-team/ionic/compare/v6.1.10...v6.1.11) (2022-06-22) **Note:** Version bump only for package @ionic/react-router diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json index 7421acd575..084c6fcc75 100644 --- a/packages/react-router/package-lock.json +++ b/packages/react-router/package-lock.json @@ -1,15 +1,15 @@ { "name": "@ionic/react-router", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/react-router", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT", "dependencies": { - "@ionic/react": "^6.1.11", + "@ionic/react": "^6.1.12", "tslib": "*" }, "devDependencies": { @@ -147,9 +147,9 @@ } }, "node_modules/@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "dependencies": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", @@ -157,11 +157,11 @@ } }, "node_modules/@ionic/react": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/react/-/react-6.1.11.tgz", - "integrity": "sha512-mJXw5WdbWX56uSdo11EI7ePUe5hiQi4HQX0X0zkYaKijQQ0Tc1vDNoKcEkpP/QmRUQRXUUa5wu3rWtI0mRPu/w==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/react/-/react-6.1.12.tgz", + "integrity": "sha512-k5Nv63fRCcEXOXl+LBeoO8HoqLHJFRoLj+vRBdlaQm660WYd5wu5MGfrzJq+d/1bd7ZzRJaQxz/jNwYOFThqMw==", "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2", "tslib": "*" }, @@ -1157,9 +1157,9 @@ } }, "@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "requires": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", @@ -1167,11 +1167,11 @@ } }, "@ionic/react": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/react/-/react-6.1.11.tgz", - "integrity": "sha512-mJXw5WdbWX56uSdo11EI7ePUe5hiQi4HQX0X0zkYaKijQQ0Tc1vDNoKcEkpP/QmRUQRXUUa5wu3rWtI0mRPu/w==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/react/-/react-6.1.12.tgz", + "integrity": "sha512-k5Nv63fRCcEXOXl+LBeoO8HoqLHJFRoLj+vRBdlaQm660WYd5wu5MGfrzJq+d/1bd7ZzRJaQxz/jNwYOFThqMw==", "requires": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2", "tslib": "*" } diff --git a/packages/react-router/package.json b/packages/react-router/package.json index a42a5911eb..710ff8ab61 100644 --- a/packages/react-router/package.json +++ b/packages/react-router/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/react-router", - "version": "6.1.11", + "version": "6.1.12", "description": "React Router wrapper for @ionic/react", "keywords": [ "ionic", @@ -37,7 +37,7 @@ "dist/" ], "dependencies": { - "@ionic/react": "^6.1.11", + "@ionic/react": "^6.1.12", "tslib": "*" }, "peerDependencies": { diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index bd4f7e073f..e4b7acbe0d 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic/compare/v6.1.11...v6.1.12) (2022-06-29) + +**Note:** Version bump only for package @ionic/react + + + + + ## [6.1.11](https://github.com/ionic-team/ionic/compare/v6.1.10...v6.1.11) (2022-06-22) **Note:** Version bump only for package @ionic/react diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json index b583bcd6ec..8fe7f737e1 100644 --- a/packages/react/package-lock.json +++ b/packages/react/package-lock.json @@ -1,15 +1,15 @@ { "name": "@ionic/react", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/react", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT", "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2", "tslib": "*" }, @@ -607,9 +607,9 @@ } }, "node_modules/@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "dependencies": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", @@ -9522,9 +9522,9 @@ } }, "@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "requires": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", diff --git a/packages/react/package.json b/packages/react/package.json index 5c8608d38e..5f1c09d055 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/react", - "version": "6.1.11", + "version": "6.1.12", "description": "React specific wrapper for @ionic/core", "keywords": [ "ionic", @@ -41,7 +41,7 @@ "css/" ], "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2", "tslib": "*" }, diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md index e0ba171172..796c0b71d0 100644 --- a/packages/vue-router/CHANGELOG.md +++ b/packages/vue-router/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic/compare/v6.1.11...v6.1.12) (2022-06-29) + +**Note:** Version bump only for package @ionic/vue-router + + + + + ## [6.1.11](https://github.com/ionic-team/ionic/compare/v6.1.10...v6.1.11) (2022-06-22) **Note:** Version bump only for package @ionic/vue-router diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json index 7d77ba02da..6c8e03d863 100644 --- a/packages/vue-router/package-lock.json +++ b/packages/vue-router/package-lock.json @@ -1,15 +1,15 @@ { "name": "@ionic/vue-router", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/vue-router", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT", "dependencies": { - "@ionic/vue": "^6.1.11" + "@ionic/vue": "^6.1.12" }, "devDependencies": { "@types/jest": "^28.1.1", @@ -578,9 +578,9 @@ "dev": true }, "node_modules/@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "dependencies": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", @@ -588,11 +588,11 @@ } }, "node_modules/@ionic/vue": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-6.1.11.tgz", - "integrity": "sha512-TOCcXzK9X5EwfT/KyfVgeXJtFM7hZGvSOX+b1OoiHXIDpYk6wYAr6ujW2LUgt1iIv5Q2QMh3+wZJ/VAnCZT6tQ==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-6.1.12.tgz", + "integrity": "sha512-E6tW5GYml67X5YrMhNQb4EF50tE/oaKgQLFBTnp6VxAKTaCDrTQI+N9Ui4juKQ9amSZjVCaOFD/5nsmV/21eWg==", "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2" } }, @@ -5233,9 +5233,9 @@ "dev": true }, "@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "requires": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", @@ -5243,11 +5243,11 @@ } }, "@ionic/vue": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-6.1.11.tgz", - "integrity": "sha512-TOCcXzK9X5EwfT/KyfVgeXJtFM7hZGvSOX+b1OoiHXIDpYk6wYAr6ujW2LUgt1iIv5Q2QMh3+wZJ/VAnCZT6tQ==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-6.1.12.tgz", + "integrity": "sha512-E6tW5GYml67X5YrMhNQb4EF50tE/oaKgQLFBTnp6VxAKTaCDrTQI+N9Ui4juKQ9amSZjVCaOFD/5nsmV/21eWg==", "requires": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2" } }, diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json index 9a0449b1df..c043d08e5d 100644 --- a/packages/vue-router/package.json +++ b/packages/vue-router/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/vue-router", - "version": "6.1.11", + "version": "6.1.12", "description": "Vue Router integration for @ionic/vue", "scripts": { "prepublishOnly": "npm run build", @@ -44,7 +44,7 @@ }, "homepage": "https://github.com/ionic-team/ionic#readme", "dependencies": { - "@ionic/vue": "^6.1.11" + "@ionic/vue": "^6.1.12" }, "devDependencies": { "@types/jest": "^28.1.1", diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md index 2cec9bdba4..67dc0c2b46 100644 --- a/packages/vue/CHANGELOG.md +++ b/packages/vue/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [6.1.12](https://github.com/ionic-team/ionic/compare/v6.1.11...v6.1.12) (2022-06-29) + +**Note:** Version bump only for package @ionic/vue + + + + + ## [6.1.11](https://github.com/ionic-team/ionic/compare/v6.1.10...v6.1.11) (2022-06-22) diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json index 1d1aaa6e8d..7b83a04053 100644 --- a/packages/vue/package-lock.json +++ b/packages/vue/package-lock.json @@ -1,15 +1,15 @@ { "name": "@ionic/vue", - "version": "6.1.11", + "version": "6.1.12", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@ionic/vue", - "version": "6.1.11", + "version": "6.1.12", "license": "MIT", "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2" }, "devDependencies": { @@ -59,9 +59,9 @@ } }, "node_modules/@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "dependencies": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", @@ -768,9 +768,9 @@ } }, "@ionic/core": { - "version": "6.1.11", - "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.11.tgz", - "integrity": "sha512-hMYZ+Iqvv2a8Qj3HCbtnI4DDIplMvr7x1Jk3aljNsvYQeyVLXxXvyNfpBzVuJxF7lJeGMlq9cY5XWUXh2gQnIA==", + "version": "6.1.12", + "resolved": "https://registry.npmjs.org/@ionic/core/-/core-6.1.12.tgz", + "integrity": "sha512-CISprIpbGJHMjxsx0OAQ6grnsbBuhcImaiL5rRBI7MtncIW56nge4IO064n86bwhxRqvoXCA6EGq9D1S5Cn45g==", "requires": { "@stencil/core": "^2.16.0", "ionicons": "^6.0.2", diff --git a/packages/vue/package.json b/packages/vue/package.json index 286d9cba3c..71e3f4fbae 100644 --- a/packages/vue/package.json +++ b/packages/vue/package.json @@ -1,6 +1,6 @@ { "name": "@ionic/vue", - "version": "6.1.11", + "version": "6.1.12", "description": "Vue specific wrapper for @ionic/core", "scripts": { "prepublishOnly": "npm run build", @@ -61,7 +61,7 @@ "vue-router": "^4.0.16" }, "dependencies": { - "@ionic/core": "^6.1.11", + "@ionic/core": "^6.1.12", "ionicons": "^6.0.2" }, "vetur": { diff --git a/packages/vue/src/framework-delegate.ts b/packages/vue/src/framework-delegate.ts index 82d465c00e..0be2956cbe 100644 --- a/packages/vue/src/framework-delegate.ts +++ b/packages/vue/src/framework-delegate.ts @@ -1,6 +1,9 @@ import { h, Teleport, VNode } from 'vue'; +import type { FrameworkDelegate } from '@ionic/core/components'; + import { addTeleportedUserComponent, removeTeleportedUserComponent } from './components/IonApp'; -export const VueDelegate = (addFn = addTeleportedUserComponent, removeFn = removeTeleportedUserComponent) => { + +export const VueDelegate = (addFn = addTeleportedUserComponent, removeFn = removeTeleportedUserComponent): FrameworkDelegate => { let Component: VNode | undefined; const attachViewToDom = (parentElement: HTMLElement, component: any, componentProps: any = {}, classes?: string[]) => { /** @@ -24,7 +27,7 @@ export const VueDelegate = (addFn = addTeleportedUserComponent, removeFn = remov addFn(Component); - return div; + return Promise.resolve(div); } const removeViewFromDom = () => {