fix(core/select): fixed behaviour and added tests

siemens · Oct 16, 2023 · 6c28109 · 6c28109
1 parent 0469f3f
commit 6c28109
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 3 deletions.
diff --git a/packages/core/src/components/select/select.tsx b/packages/core/src/components/select/select.tsx
@@ -307,8 +307,12 @@ export class Select {
       this.isDropdownEmpty = this.isEveryDropdownItemHidden;
     } else {
       this.navigationItem = undefined;
-      this.inputFilterText = undefined;
-      this.inputRef.value = this.selectedLabels[0];
+
+      if (this.selectedLabels[0] && !this.isMultipleMode) {
+        this.inputRef.value = this.selectedLabels[0];
+      } else {
+        this.clearInput();
+      }
     }
   }
 

diff --git a/packages/core/src/components/select/test/select.ct.ts b/packages/core/src/components/select/test/select.ct.ts
@@ -61,7 +61,7 @@ test('editable mode', async ({ mount, page }) => {
     .getByRole('listitem')
     .filter({ hasText: 'Not existing' });
 
-  await expect(addedItem).toBeVisible();
+  await expect(addedItem.first()).toBeVisible();
 });
 
 test('single selection', async ({ mount, page }) => {
@@ -150,3 +150,24 @@ test('filter', async ({ mount, page }) => {
   await expect(item4).not.toBeVisible();
   await expect(item_abc).toBeVisible();
 });
+
+test('display selected option', async ({ mount, page }) => {
+  await mount(`
+        <ix-select>
+          <ix-select-item value="11" label="Item 1">Test</ix-select-item>
+          <ix-select-item value="22" label="Item 2">Test</ix-select-item>
+        </ix-select>
+    `);
+  const element = page.locator('ix-select');
+  await element.evaluate(
+    (select: HTMLIxSelectElement) => (select.value = '22')
+  );
+
+  await page.locator('[data-select-dropdown]').click();
+  await page.getByTestId('input').fill('Not existing');
+
+  await page.click('body');
+
+  const inputText = await page.inputValue('input');
+  expect(inputText).toEqual('Item 2');
+});