@descope-ui/descope-multi-select-combo-box 3.11.8 → 3.12.0

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "@descope-ui/descope-multi-select-combo-box",
-  "version": "3.11.8",
+  "version": "3.12.0",
+  "files": [
+    "src",
+    "stories"
+  ],
   "exports": {
     ".": {
       "import": "./src/component/index.js"
@@ -14,14 +18,14 @@
   },
   "devDependencies": {
     "@playwright/test": "1.58.2",
-    "test-drivers": "3.11.8",
-    "e2e-utils": "3.11.8"
+    "test-drivers": "3.12.0",
+    "e2e-utils": "3.12.0"
   },
   "dependencies": {
     "@vaadin/multi-select-combo-box": "24.3.4",
-    "@descope-ui/theme-globals": "3.11.8",
-    "@descope-ui/common": "3.11.8",
-    "@descope-ui/theme-input-wrapper": "3.11.8"
+    "@descope-ui/common": "3.12.0",
+    "@descope-ui/theme-globals": "3.12.0",
+    "@descope-ui/theme-input-wrapper": "3.12.0"
   },
   "publishConfig": {
     "link-workspace-packages": false

package/CHANGELOG.md

@@ -1,38 +0,0 @@
-# Changelog
-
-This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
-
-## [3.11.8](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.7...web-components-ui-3.11.8) (2026-05-25)
-
-## [3.11.7](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.6...web-components-ui-3.11.7) (2026-05-25)
-
-## [3.11.6](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.5...web-components-ui-3.11.6) (2026-05-24)
-
-## [3.11.5](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.4...web-components-ui-3.11.5) (2026-05-21)
-
-## [3.11.4](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.3...web-components-ui-3.11.4) (2026-05-20)
-
-## [3.11.3](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.2...web-components-ui-3.11.3) (2026-05-19)
-
-## [3.11.2](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.1...web-components-ui-3.11.2) (2026-05-19)
-
-## [3.11.1](https://github.com/descope/web-components-ui/compare/web-components-ui-3.11.0...web-components-ui-3.11.1) (2026-05-19)
-
-## [3.11.0](https://github.com/descope/web-components-ui/compare/web-components-ui-3.10.2...web-components-ui-3.11.0) (2026-05-19)
-
-## [3.10.2](https://github.com/descope/web-components-ui/compare/web-components-ui-3.10.1...web-components-ui-3.10.2) (2026-05-19)
-
-## [3.10.1](https://github.com/descope/web-components-ui/compare/web-components-ui-3.10.0...web-components-ui-3.10.1) (2026-05-18)
-
-## [3.10.0](https://github.com/descope/web-components-ui/compare/web-components-ui-3.9.2...web-components-ui-3.10.0) (2026-05-17)
-
-## [3.9.2](https://github.com/descope/web-components-ui/compare/web-components-ui-3.9.1...web-components-ui-3.9.2) (2026-05-17)
-
-## [3.9.1](https://github.com/descope/web-components-ui/compare/web-components-ui-3.9.0...web-components-ui-3.9.1) (2026-05-17)
-
-## [3.9.0](https://github.com/descope/web-components-ui/compare/web-components-ui-3.8.0...web-components-ui-3.9.0) (2026-05-17)
-
-
-### Features
-
-* added multi line mappings component ([#978](https://github.com/descope/web-components-ui/issues/978)) ([544552f](https://github.com/descope/web-components-ui/commit/544552f474430f7a9317e268979fb94694f6249a))

package/e2e/descope-multi-select-combo-box.spec.ts

@@ -1,666 +0,0 @@
-import { expect, test } from '@playwright/test';
-import { createComboBoxTestDriver } from 'test-drivers';
-import { getStoryUrl, loopConfig, loopPresets } from 'e2e-utils';
-
-const storyName = 'descope-multi-select-combo-box';
-const componentName = 'descope-multi-select-combo-box';
-
-const BooleanValues = ['true', 'false'];
-
-const componentAttributesMulti = {
-  label: 'Number field label',
-  placeholder: 'Test placeholder',
-  size: ['xs', 'sm', 'md', 'lg'],
-  bordered: BooleanValues,
-  readonly: BooleanValues,
-  required: BooleanValues,
-  'full-width': BooleanValues,
-  disabled: 'true',
-  'default-values[0]': 'itemId2',
-};
-
-const presetsMulti = {
-  'Render with alt item renderer': {
-    itemsSource: 'prop',
-    overrideRenderItem: 'true',
-  },
-  'Render with data property': { itemsSource: 'prop' },
-  'Render with data attribute': { itemsSource: 'attr' },
-  'Render with data property and default value': {
-    itemsSource: 'prop',
-    'default-values[0]': 'itemId2',
-  },
-};
-
-const rtlPresets = {
-  'direction rtl': {
-    direction: 'rtl',
-    label: '-Test Label',
-    placeholder: '-Test Placeholder',
-    itemsSource: 'attr',
-    'data[0].displayName': '-Item 1',
-    'data[1].displayName': '-Item 2',
-    'data[1].label': '-Data Item 2',
-  },
-  'direction rtl required': {
-    direction: 'rtl',
-    label: '-Test Label',
-    placeholder: '-Test Placeholder',
-    itemsSource: 'attr',
-    'data[0].displayName': '-Item 1',
-    'data[1].displayName': '-Item 2',
-    'data[1].label': '-Data Item 2',
-    required: 'true',
-  },
-};
-
-const floatingLabelProps = {
-  'label-type': 'floating',
-  label: 'label-',
-  placeholder: 'placeholder',
-};
-
-const floatingLabelTypePresets = {
-  'floating label ltr': floatingLabelProps,
-  'floating label rtl': {
-    ...floatingLabelProps,
-    direction: 'rtl',
-  },
-  'floating label ltr with value': {
-    ...floatingLabelProps,
-    'default-value': 'itemId2',
-    direction: 'ltr',
-  },
-  'floating label rtl with value': {
-    ...floatingLabelProps,
-    'default-value': 'itemId2',
-    direction: 'rtl',
-  },
-  'floating label with long tail letters': {
-    ...floatingLabelProps,
-    label: 'gyqjp',
-  },
-};
-
-const { placeholder, ...restConfig } = componentAttributesMulti;
-
-test.describe('theme', () => {
-  test.describe('with placeholder', () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, { placeholder }), {
-        waitUntil: 'networkidle',
-      });
-      await page.waitForSelector(componentName);
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.clear();
-    });
-
-    test('hover', async ({ page }) => {
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.hover();
-      expect(await component.screenshot()).toMatchSnapshot();
-    });
-
-    test('focus', async ({ page }) => {
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.focus();
-      expect(await component.screenshot()).toMatchSnapshot();
-    });
-  });
-
-  loopPresets(presetsMulti, (preset, name) => {
-    test.describe(name, () => {
-      test.beforeEach(async ({ page }) => {
-        await page.goto(getStoryUrl(storyName, preset), {
-          waitUntil: 'networkidle',
-        });
-      });
-
-      test('hover', async ({ page }) => {
-        const component = createComboBoxTestDriver(page.locator(componentName));
-        await component.hover();
-        expect(
-          await component.screenshot({ animations: 'disabled' }),
-        ).toMatchSnapshot();
-      });
-
-      test('focus', async ({ page }) => {
-        const component = createComboBoxTestDriver(page.locator(componentName));
-        await component.focus();
-        expect(
-          await component.screenshot({ animations: 'disabled' }),
-        ).toMatchSnapshot();
-      });
-    });
-  });
-
-  test.describe('with value', () => {
-    loopConfig(restConfig, (attr, value) => {
-      test.describe(`${attr}: ${value}`, () => {
-        test.beforeEach(async ({ page }) => {
-          await page.goto(getStoryUrl(storyName, { [attr]: value }), {
-            waitUntil: 'networkidle',
-          });
-
-          const component = createComboBoxTestDriver(
-            page.locator(componentName),
-          );
-          component.setValue('itemId4');
-        });
-
-        test('hover', async ({ page }) => {
-          const component = createComboBoxTestDriver(
-            page.locator(componentName),
-          );
-          await component.hover();
-          expect(await component.screenshot()).toMatchSnapshot();
-        });
-
-        test('focus', async ({ page }) => {
-          const component = createComboBoxTestDriver(
-            page.locator(componentName),
-          );
-          await component.focus();
-          expect(await component.screenshot()).toMatchSnapshot();
-        });
-      });
-    });
-  });
-
-  test.describe('dropDown', () => {
-    loopConfig(
-      {
-        size: componentAttributesMulti.size,
-        'full-width': componentAttributesMulti['full-width'],
-      },
-      (attr, value) => {
-        test.describe(`${attr}: ${value}`, () => {
-          test.beforeEach(async ({ page }) => {
-            await page.goto(getStoryUrl(storyName, { [attr]: value }), {
-              waitUntil: 'networkidle',
-            });
-
-            const component = createComboBoxTestDriver(
-              page.locator(componentName),
-            );
-            await component.openDropdown();
-          });
-          test('visible', async ({ page }) => {
-            const component = createComboBoxTestDriver(
-              page.locator(componentName),
-            );
-            await component.hover();
-            expect(await component.dropDown.screenshot()).toMatchSnapshot();
-          });
-        });
-      },
-    );
-  });
-
-  test.describe('direction rtl', () => {
-    loopPresets(rtlPresets, (preset, name) => {
-      test(name, async ({ page }) => {
-        await page.goto(getStoryUrl(storyName, preset));
-        await page.waitForSelector(componentName);
-        const component = createComboBoxTestDriver(page.locator(componentName));
-
-        expect(
-          await component.screenshot({
-            animations: 'disabled',
-            timeout: 3000,
-            caret: 'hide',
-          }),
-        ).toMatchSnapshot();
-      });
-    });
-    test('with error', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, Object.values(rtlPresets)[1]), {
-        waitUntil: 'networkidle',
-      });
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await page.getByRole('button').getByText('Submit').click();
-      expect(await component.screenshot({ delay: 3000 })).toMatchSnapshot();
-    });
-
-    test('with open dropdown', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, Object.values(rtlPresets)[1]), {
-        waitUntil: 'networkidle',
-      });
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.openDropdown();
-      await component.hover();
-      expect(await component.dropDown.screenshot()).toMatchSnapshot();
-    });
-
-    test('with open dropdown and value', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, Object.values(rtlPresets)[1]), {
-        waitUntil: 'networkidle',
-      });
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.setValue('itemId2');
-      await component.openDropdown();
-      await component.hover();
-      expect(await component.dropDown.screenshot()).toMatchSnapshot();
-    });
-
-    test('with value', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, Object.values(rtlPresets)[1]), {
-        waitUntil: 'networkidle',
-      });
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.setValue('itemId2');
-      expect(await component.screenshot()).toMatchSnapshot();
-    });
-  });
-});
-
-// The purpose of having snapshots with different values is to make sure that the overflow chip
-// is displayed correctly in different scenarios (it stays the same after having 3 collapsed options).
-const presets = {
-  'Render with 2 default values': {
-    'default-values[0]': 'itemId1',
-    'default-values[1]': 'itemId2',
-  },
-  'Render with 3 default values': {
-    'default-values[0]': 'itemId1',
-    'default-values[1]': 'itemId2',
-    'default-values[2]': 'itemId3',
-  },
-  'Render with many default values': {
-    'default-values[0]': 'itemId1',
-    'default-values[1]': 'itemId2',
-    'default-values[2]': 'itemId3',
-    'default-values[3]': 'itemId4',
-  },
-  'Render with many values and full width': {
-    'default-values[0]': 'itemId1',
-    'default-values[1]': 'itemId2',
-    'default-values[2]': 'itemId3',
-    'default-values[3]': 'itemId4',
-    'full-width': 'true',
-  },
-  'Placeholder and readonly': {
-    placeholder: '-Select items',
-    readonly: 'true',
-  },
-};
-
-['ltr', 'rtl'].forEach((dir) => {
-  test.describe(`direction ${dir}`, () => {
-    const presetsWithDirection = Object.entries(presets).reduce(
-      (acc, [presetName, presetValues]) => {
-        const presetWithDirection = { ...presetValues, direction: dir };
-        return { ...acc, [presetName]: presetWithDirection };
-      },
-      {},
-    );
-
-    loopPresets(presetsWithDirection, (preset, name) => {
-      test(name, async ({ page }) => {
-        await page.goto(getStoryUrl(storyName, preset));
-        await page.waitForSelector(componentName);
-
-        const component = createComboBoxTestDriver(page.locator(componentName));
-        expect(
-          await component.screenshot({
-            animations: 'disabled',
-            timeout: 3000,
-            caret: 'hide',
-          }),
-        ).toMatchSnapshot();
-      });
-    });
-  });
-});
-
-test.describe('logic', () => {
-  test('select multiple items', async ({ page }) => {
-    await page.goto(getStoryUrl(storyName, { 'full-width': true }), {
-      waitUntil: 'networkidle',
-    });
-    const component = createComboBoxTestDriver(page.locator(componentName));
-    await component.openDropdown();
-    await component.selectItem("Achilles' Fateful Wrath");
-    await component.selectItem('Trojan Horse Deception');
-
-    expect(await component.getValue()).toStrictEqual(['itemId2', 'itemId5']);
-  });
-
-  test.describe('selection limit', () => {
-    test('required and minimum not met', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, { required: true, minItemsSelection: 2 }),
-        {
-          waitUntil: 'networkidle',
-        },
-      );
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.openDropdown();
-      await component.selectItem("Achilles' Fateful Wrath");
-      await component.closeDropdown();
-      await page.getByRole('button').getByText('Submit').click();
-      await component.blur();
-      await expect(
-        page.getByText('At least 2 items are required'),
-      ).toBeVisible();
-      expect(
-        await component.screenshot({ timeout: 2000, animations: 'disabled' }),
-      ).toMatchSnapshot();
-    });
-
-    test('required and minimum met', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, { required: true, minItemsSelection: 2 }),
-        {
-          waitUntil: 'networkidle',
-        },
-      );
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.openDropdown();
-      await component.selectItem("Achilles' Fateful Wrath");
-      await component.selectItem('Trojan Horse Deception');
-      await component.closeDropdown();
-      await page.getByRole('button').getByText('Submit').click();
-      await expect(
-        page.getByText('At least 2 items are required'),
-      ).not.toBeVisible();
-    });
-
-    test('not required and minimum not enforced', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, { minItemsSelection: 2 }), {
-        waitUntil: 'networkidle',
-      });
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.openDropdown();
-      await component.selectItem("Achilles' Fateful Wrath");
-      await component.closeDropdown();
-      await page.getByRole('button').getByText('Submit').click();
-      await expect(
-        page.getByText('At least 2 items are required'),
-      ).not.toBeVisible();
-    });
-
-    test('maximum not met', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, { maxItemsSelection: 2 }), {
-        waitUntil: 'networkidle',
-      });
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.openDropdown();
-      await component.selectItem("Achilles' Fateful Wrath");
-      await component.selectItem('Trojan Horse Deception');
-      await component.selectItem("Agamemnon's Royal Command");
-      component.closeDropdown();
-      await page.getByRole('button').getByText('Submit').click();
-      await component.blur();
-      await expect(page.getByText('At most 2 items are allowed')).toBeVisible();
-      expect(
-        await component.screenshot({ timeout: 2000, animations: 'disabled' }),
-      ).toMatchSnapshot();
-    });
-
-    test('maximum met', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, { maxItemsSelection: 2 }), {
-        waitUntil: 'networkidle',
-      });
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.openDropdown();
-      await component.selectItem("Achilles' Fateful Wrath");
-      await component.selectItem('Trojan Horse Deception');
-      component.closeDropdown();
-      await page.getByRole('button').getByText('Submit').click();
-      await expect(
-        page.getByText('At most 2 items are allowed'),
-      ).not.toBeVisible();
-    });
-  });
-
-  test.describe('clear button', () => {
-    test('clear button visible when has value', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, { 'default-values[0]': 'itemId2' }),
-        {
-          waitUntil: 'networkidle',
-        },
-      );
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.clearSelection();
-      expect(await component.getValue()).toStrictEqual([]);
-    });
-  });
-
-  test.describe('custom value entry', () => {
-    test('on', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, {
-          'allow-custom-value': true,
-          'full-width': true,
-        }),
-        {
-          waitUntil: 'networkidle',
-        },
-      );
-      const componentLocator = page.locator(componentName);
-      const component = createComboBoxTestDriver(componentLocator);
-      expect(
-        componentLocator.page().getByText('Custom Test Value'),
-      ).not.toBeVisible();
-      await component.insertValue('Custom Test Value');
-      await componentLocator.page().keyboard.press('Enter');
-      await page.waitForTimeout(1000);
-      expect(await component.getValue()).toStrictEqual(['Custom Test Value']);
-      await component.blur();
-      await page.getByRole('button').getByText('Submit').click();
-      expect(await component.screenshot()).toMatchSnapshot();
-      await component.openDropdown();
-      expect(await component.dropDown.screenshot()).toMatchSnapshot();
-    });
-
-    test('off', async ({ page }) => {
-      await page.goto(getStoryUrl(storyName, { 'full-width': true }), {
-        waitUntil: 'networkidle',
-      });
-      const componentLocator = page.locator(componentName);
-      const component = createComboBoxTestDriver(componentLocator);
-      expect(
-        componentLocator.page().getByText('Custom Test Value'),
-      ).not.toBeVisible();
-      await component.insertValue('Custom Test Value');
-      await componentLocator.page().keyboard.press('Enter');
-      await page.waitForTimeout(1000);
-      expect(await component.getValue()).toStrictEqual([]);
-      expect(
-        await componentLocator.page().getByText('Custom Test Value').count(),
-      ).toEqual(0);
-    });
-
-    test('no provided options', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, {
-          'allow-custom-value': true,
-          'ignore-data': true,
-          itemsSource: 'attr',
-          'full-width': true,
-        }),
-      );
-      const componentLocator = page.locator(componentName);
-      const component = createComboBoxTestDriver(componentLocator);
-      expect(await component.screenshot()).toMatchSnapshot();
-      await component.insertValue('Custom Test Value');
-      await componentLocator.page().keyboard.press('Enter');
-      await page.waitForTimeout(1000);
-      expect(await component.getValue()).toStrictEqual(['Custom Test Value']);
-      await component.insertValue('Custom Test Value2');
-      await componentLocator.page().keyboard.press('Enter');
-      await page.waitForTimeout(1000);
-      expect(await component.getValue()).toStrictEqual([
-        'Custom Test Value',
-        'Custom Test Value2',
-      ]);
-      await component.blur();
-      await page.getByRole('button').getByText('Submit').click();
-      expect(await component.screenshot()).toMatchSnapshot();
-      await component.openDropdown();
-      expect(await component.dropDown.screenshot()).toMatchSnapshot();
-    });
-
-    test('no options and below limit', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, {
-          'allow-custom-value': true,
-          'ignore-data': true,
-          itemsSource: 'attr',
-          'full-width': true,
-          required: true,
-          minItemsSelection: 2,
-        }),
-      );
-      const componentLocator = page.locator(componentName);
-      const component = createComboBoxTestDriver(componentLocator);
-      await component.insertValue('Custom Test Value');
-      await componentLocator.page().keyboard.press('Enter');
-      await page.waitForTimeout(1000);
-      expect(await component.getValue()).toStrictEqual(['Custom Test Value']);
-      component.closeDropdown();
-      await page.getByRole('button').getByText('Submit').click();
-      await component.blur();
-      expect(await component.screenshot()).toMatchSnapshot();
-    });
-
-    test('set value without predefined options', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, {
-          'allow-custom-value': true,
-          'ignore-data': true,
-          itemsSource: 'attr',
-          'full-width': true,
-        }),
-      );
-      const componentLocator = page.locator(componentName);
-      const component = createComboBoxTestDriver(componentLocator);
-      await page.waitForSelector(componentName);
-
-      componentLocator.page().$eval(
-        componentName,
-        (node: any, arg) => {
-          node.value = arg;
-        },
-        ['value1', 'value2'],
-      );
-      await page.waitForTimeout(1000);
-      expect(await component.screenshot()).toMatchSnapshot();
-    });
-
-    test('set repeated value without predefined options', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, {
-          'allow-custom-value': true,
-          'ignore-data': true,
-          itemsSource: 'attr',
-          'full-width': true,
-        }),
-      );
-      const componentLocator = page.locator(componentName);
-      const component = createComboBoxTestDriver(componentLocator);
-      await page.waitForSelector(componentName);
-
-      componentLocator.page().$eval(
-        componentName,
-        (node: any, arg) => {
-          node.value = arg;
-        },
-        ['value1', 'value2', 'value1'],
-      );
-      await page.waitForTimeout(1000);
-      expect(await component.screenshot()).toMatchSnapshot();
-    });
-
-    test('pattern do not match', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, {
-          pattern: 'bla',
-          'data-errormessage-pattern-mismatch': 'wrong',
-          'allow-custom-value': 'true',
-        }),
-      );
-      const component = createComboBoxTestDriver(page.locator(componentName));
-      await component.addItem('kuku');
-      await page.getByRole('button').getByText('Submit').click();
-      await expect(page.getByText('wrong')).toBeVisible();
-    });
-
-    test('error message with icon', async ({ page }) => {
-      await page.goto(
-        getStoryUrl(storyName, { required: true, errorMsgIcon: true }),
-      );
-
-      const component = createComboBoxTestDriver(page.locator(componentName));
-
-      await page.getByRole('button').getByText('Submit').click();
-
-      expect(
-        await component.screenshot({
-          animations: 'disabled',
-          caret: 'hide',
-          delay: 3000,
-        }),
-      ).toMatchSnapshot();
-    });
-  });
-});
-
-test.describe('variants', () => {
-  loopPresets(floatingLabelTypePresets, (preset, name) => {
-    test.describe(name, () => {
-      test.beforeEach(async ({ page }) => {
-        await page.goto(getStoryUrl(storyName, preset), {
-          waitUntil: 'networkidle',
-        });
-      });
-
-      test('hover', async ({ page }) => {
-        const component = createComboBoxTestDriver(page.locator(componentName));
-        await component.setValue('itemId2');
-        await component.hover();
-        expect(
-          await component.screenshot({ animations: 'disabled' }),
-        ).toMatchSnapshot();
-      });
-      test('focus', async ({ page }) => {
-        const component = createComboBoxTestDriver(page.locator(componentName));
-        await component.focus();
-        expect(
-          await component.screenshot({ animations: 'disabled' }),
-        ).toMatchSnapshot();
-      });
-    });
-  });
-});
-
-test.describe('custom error message', () => {
-  loopPresets(
-    {
-      'value missing: default': {
-        required: 'true',
-        defaultErrorMessageValueMissing: 'true',
-      },
-      'value missing: custom': {
-        required: 'true',
-        'data-errormessage-value-missing': 'custom message',
-      },
-      'value missing: empty': {
-        required: 'true',
-        'data-errormessage-value-missing': '',
-      },
-    },
-    (preset, name) => {
-      test(name, async ({ page }) => {
-        await page.goto(getStoryUrl(storyName, preset));
-        const component = createComboBoxTestDriver(page.locator(componentName));
-        await page.getByRole('button').getByText('Submit').click();
-        expect(
-          await component.screenshot({ animations: 'disabled', delay: 3000 }),
-        ).toMatchSnapshot();
-      });
-    },
-  );
-});

package/project.json

@@ -1,8 +0,0 @@
-{
-  "name": "@descope-ui/descope-multi-select-combo-box",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/web-components/components/descope-multi-select-combo-box/src",
-  "projectType": "library",
-  "targets": {},
-  "tags": []
-}