From 004e311dcffb995044e8f4280041e7670dc694cd Mon Sep 17 00:00:00 2001 From: Andreas Berliner Date: Fri, 25 Oct 2024 12:45:13 +0200 Subject: [PATCH 1/3] feat(core/input): display tooltip below input --- .../field-wrapper/field-wrapper.tsx | 6 +++- packages/core/src/tests/input/input.e2e.ts | 12 +++++++ ...-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 11017 bytes ...1-chromium---theme-classic-light-linux.png | Bin 0 -> 10448 bytes .../core/src/tests/input/tooltip/index.html | 33 ++++++++++++++++++ 5 files changed, 50 insertions(+), 1 deletion(-) create mode 100644 packages/core/src/tests/input/input.e2e.ts-snapshots/input-tooltip-below-input-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/input/input.e2e.ts-snapshots/input-tooltip-below-input-1-chromium---theme-classic-light-linux.png create mode 100644 packages/core/src/tests/input/tooltip/index.html diff --git a/packages/core/src/components/field-wrapper/field-wrapper.tsx b/packages/core/src/components/field-wrapper/field-wrapper.tsx index 09b2a1e716..0470105340 100644 --- a/packages/core/src/components/field-wrapper/field-wrapper.tsx +++ b/packages/core/src/components/field-wrapper/field-wrapper.tsx @@ -126,7 +126,11 @@ export class FieldWrapper implements FieldWrapperInterface { {this.showTextAsTooltip === true && ( - + {renderHelperText(textOptions)} )} diff --git a/packages/core/src/tests/input/input.e2e.ts b/packages/core/src/tests/input/input.e2e.ts index b31c11875c..9b4db91d1b 100644 --- a/packages/core/src/tests/input/input.e2e.ts +++ b/packages/core/src/tests/input/input.e2e.ts @@ -71,4 +71,16 @@ regressionTest.describe('input', () => { await page.goto('input/with-slots'); await expect(page).toHaveScreenshot(); }); + + regressionTest('tooltip below input', async ({ page }) => { + await page.goto('input/tooltip'); + + const inputElementBoundingBox = await page + .getByTestId('inputelement') + .boundingBox(); + await page.mouse.move(inputElementBoundingBox.x, inputElementBoundingBox.y); + + await expect(page.locator('ix-tooltip')).toBeVisible(); + await expect(page).toHaveScreenshot(); + }); }); diff --git a/packages/core/src/tests/input/input.e2e.ts-snapshots/input-tooltip-below-input-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/input/input.e2e.ts-snapshots/input-tooltip-below-input-1-chromium---theme-classic-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..19ebd66f483c6d6dbb064fee69ec761036ca3eb8 GIT binary patch literal 11017 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/input/input.e2e.ts-snapshots/input-tooltip-below-input-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/input/input.e2e.ts-snapshots/input-tooltip-below-input-1-chromium---theme-classic-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..5076b004df046bcd3941ff4ac84b97f1b179bc4e GIT binary patch literal 10448 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 y!QEE;iINXM{T#;p-(OD=tDxro7vukV + + + + + + + Stencil Component Starter + + + +
+ +
+ + + From 3439728ac54af134ff895693ba3053a4ca1b869a Mon Sep 17 00:00:00 2001 From: Andreas Berliner Date: Fri, 25 Oct 2024 13:28:09 +0200 Subject: [PATCH 2/3] fix(core/input): solve strict error in e2e test --- packages/core/src/tests/input/input.e2e.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/core/src/tests/input/input.e2e.ts b/packages/core/src/tests/input/input.e2e.ts index 9b4db91d1b..cf322fdfd4 100644 --- a/packages/core/src/tests/input/input.e2e.ts +++ b/packages/core/src/tests/input/input.e2e.ts @@ -78,7 +78,12 @@ regressionTest.describe('input', () => { const inputElementBoundingBox = await page .getByTestId('inputelement') .boundingBox(); - await page.mouse.move(inputElementBoundingBox.x, inputElementBoundingBox.y); + if (inputElementBoundingBox) { + await page.mouse.move( + inputElementBoundingBox.x, + inputElementBoundingBox.y + ); + } await expect(page.locator('ix-tooltip')).toBeVisible(); await expect(page).toHaveScreenshot(); From 2d8b72dbcbcd9a1e2114a8960847dd5b37f0eb75 Mon Sep 17 00:00:00 2001 From: Andreas Berliner Date: Wed, 30 Oct 2024 11:43:15 +0100 Subject: [PATCH 3/3] test(core/input): refactor input tooltip e2e test --- packages/core/src/tests/input/input.e2e.ts | 10 +--------- packages/core/src/tests/input/tooltip/index.html | 1 - 2 files changed, 1 insertion(+), 10 deletions(-) diff --git a/packages/core/src/tests/input/input.e2e.ts b/packages/core/src/tests/input/input.e2e.ts index cf322fdfd4..2c6b04151e 100644 --- a/packages/core/src/tests/input/input.e2e.ts +++ b/packages/core/src/tests/input/input.e2e.ts @@ -75,15 +75,7 @@ regressionTest.describe('input', () => { regressionTest('tooltip below input', async ({ page }) => { await page.goto('input/tooltip'); - const inputElementBoundingBox = await page - .getByTestId('inputelement') - .boundingBox(); - if (inputElementBoundingBox) { - await page.mouse.move( - inputElementBoundingBox.x, - inputElementBoundingBox.y - ); - } + await page.locator('ix-input').hover(); await expect(page.locator('ix-tooltip')).toBeVisible(); await expect(page).toHaveScreenshot(); diff --git a/packages/core/src/tests/input/tooltip/index.html b/packages/core/src/tests/input/tooltip/index.html index fa820dae4e..6b6bb29b36 100644 --- a/packages/core/src/tests/input/tooltip/index.html +++ b/packages/core/src/tests/input/tooltip/index.html @@ -22,7 +22,6 @@