diff --git a/src/lib/kit/components/Inputs/ArrayBase/ArrayBase.scss b/src/lib/kit/components/Inputs/ArrayBase/ArrayBase.scss index 2f821193..1fc4f8bd 100644 --- a/src/lib/kit/components/Inputs/ArrayBase/ArrayBase.scss +++ b/src/lib/kit/components/Inputs/ArrayBase/ArrayBase.scss @@ -6,7 +6,7 @@ align-items: flex-end; .#{$ns}transparent { - align-items: flex-end; + align-items: flex-start; } } diff --git a/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-chromium-linux.png b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-chromium-linux.png new file mode 100644 index 00000000..e5b9cf14 Binary files /dev/null and b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-webkit-linux.png b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-webkit-linux.png new file mode 100644 index 00000000..d736d3f4 Binary files /dev/null and b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-light-chromium-linux.png b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-light-chromium-linux.png new file mode 100644 index 00000000..4c8a03df Binary files /dev/null and b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-light-webkit-linux.png b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-light-webkit-linux.png new file mode 100644 index 00000000..20f972f9 Binary files /dev/null and b/src/lib/kit/components/Inputs/ArrayBase/__snapshots__/ArrayBase.visual.test.tsx-snapshots/Array-Base-error-remove-button-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/ArrayBase/__tests__/ArrayBase.visual.test.tsx b/src/lib/kit/components/Inputs/ArrayBase/__tests__/ArrayBase.visual.test.tsx index 119988df..e35b67d4 100644 --- a/src/lib/kit/components/Inputs/ArrayBase/__tests__/ArrayBase.visual.test.tsx +++ b/src/lib/kit/components/Inputs/ArrayBase/__tests__/ArrayBase.visual.test.tsx @@ -40,6 +40,16 @@ test.describe('Array Base', () => { await expectScreenshot(); }); + test('error remove button', async ({mount, expectScreenshot}) => { + const component = await mount(); + const input = component.getByRole('textbox').first(); + + await input.focus(); + await input.blur(); + + await expectScreenshot(); + }); + test('description', async ({mount, expectScreenshot}) => { await mount(); diff --git a/src/lib/kit/components/Inputs/ArrayBase/__tests__/helpers.tsx b/src/lib/kit/components/Inputs/ArrayBase/__tests__/helpers.tsx index 055bc7f4..a8599c53 100644 --- a/src/lib/kit/components/Inputs/ArrayBase/__tests__/helpers.tsx +++ b/src/lib/kit/components/Inputs/ArrayBase/__tests__/helpers.tsx @@ -102,6 +102,26 @@ export const ARRAY_BASE: Record = { itemLabel: 'Add element', }, }, + errorRemoveButton: { + type: SpecTypes.Array, + defaultValue: ['foo'], + items: { + type: SpecTypes.String, + pattern: 'bar', + viewSpec: { + type: 'base', + layout: 'row', + layoutTitle: 'Element', + }, + }, + viewSpec: { + type: 'base', + layout: 'accordeon', + layoutTitle: 'Elements', + layoutOpen: true, + itemLabel: 'Add element', + }, + }, description: { defaultValue: ['foo', 'bar', 'rab', 'oof'], type: SpecTypes.Array,