test: multiselect test update as per new UX

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/nc-gui/components/cell/MultiSelect.vue

@@ -455,4 +455,8 @@ useEventListener(document, 'click', handleClose, true)
 :deep(.ant-select-selector) {
   @apply !px-0;
 }
+
+:deep(.ant-select-selection-search-input) {
+  @apply !text-xs;
+}
 </style>

packages/nc-gui/components/cell/SingleSelect.vue

@@ -318,4 +318,8 @@ useEventListener(document, 'click', handleClose, true)
 :deep(.ant-select-selector) {
   @apply !px-0;
 }
+
+:deep(.ant-select-selection-search-input) {
+  @apply !text-xs;
+}
 </style>

tests/playwright/tests/columnMultiSelect.spec.ts

@@ -76,18 +76,22 @@ test.describe('Multi select', () => {
       multiSelect: true,
     });
 
-    await grid.column.selectOption.editOption({ index: 2, columnTitle: 'MultiSelect', newOption: 'New Option 3' });
+    await grid.column.selectOption.editOption({
+      index: 2,
+      columnTitle: 'MultiSelect',
+      newOption: 'MultiSelect New Option 3',
+    });
     await grid.cell.selectOption.verify({
       index: 0,
       columnHeader: 'MultiSelect',
-      option: 'New Option 3',
+      option: 'MultiSelect New Option 3',
       multiSelect: true,
     });
 
     await grid.cell.selectOption.verifyOptions({
       index: 0,
       columnHeader: 'MultiSelect',
-      options: ['Option 1', 'Option 2', 'New Option 3'],
+      options: ['Option 1', 'Option 2', 'MultiSelect New Option 3'],
     });
 
     await grid.deleteRow(0);