Merge pull request #7398 from nocodb/nc-fix/filter-bugs

Nc fix/filter bugs

packages/nc-gui/components/smartsheet/toolbar/FilterInput.vue

@@ -70,7 +70,7 @@ provide(EditModeInj, readonly(editEnabled))
 
 provide(ReadonlyInj, ref(false))
 
-const checkTypeFunctions = {
+const checkTypeFunctions: Record<string, (column: ColumnType, abstractType?: string) => boolean> = {
   isSingleSelect,
   isMultiSelect,
   isDate,
@@ -106,7 +106,7 @@ const checkType = (filterType: FilterType) => {
     return false
   }
 
-  return checkTypeFunction(column.value, abstractType)
+  return checkTypeFunction(column.value, abstractType.value)
 }
 
 const filterInput = computed({
@@ -224,7 +224,7 @@ provide(IsFormInj, ref(true))
   />
   <div
     v-else
-    class="bg-white border-1 flex flex-grow min-h-4 h-full items-center nc-filter-input-wrapper !rounded-lg"
+    class="bg-white border-1 flex flex-grow min-h-4 h-full px-1 items-center nc-filter-input-wrapper !rounded-lg"
     :class="{ 'px-2': hasExtraPadding, 'border-brand-500': isInputBoxOnFocus }"
     @mouseup.stop
   >
@@ -234,7 +234,7 @@ provide(IsFormInj, ref(true))
       :disabled="filter.readOnly"
       placeholder="Enter a value"
       :column="column"
-      class="flex"
+      class="flex !rounded-lg"
       v-bind="componentProps"
       location="filter"
       @focus="isInputBoxOnFocus = true"

tests/playwright/pages/Dashboard/common/Toolbar/Filter.ts

@@ -288,14 +288,7 @@ export class ToolbarFilterPage extends BasePage {
             .click();
           break;
         case UITypes.MultiSelect:
-          await this.get()
-            .locator('.nc-filter-value-select')
-            .click({
-              position: {
-                x: 1,
-                y: 1,
-              },
-            });
+          await this.get().locator('.nc-filter-value-select').locator('.ant-select-arrow').click({ force: true });
           // eslint-disable-next-line no-case-declarations
           const v = value.split(',');
           for (let i = 0; i < v.length; i++) {
@@ -306,14 +299,12 @@ export class ToolbarFilterPage extends BasePage {
           }
           break;
         case UITypes.SingleSelect:
-          await this.get()
-            .locator('.nc-filter-value-select')
-            .click({
-              position: {
-                x: 1,
-                y: 1,
-              },
-            });
+          // for single select field, the drop select arrow is visible only for some operations
+          if ((await this.get().locator('.nc-filter-value-select').locator('.ant-select-arrow').count()) > 0) {
+            await this.get().locator('.nc-filter-value-select').locator('.ant-select-arrow').click({ force: true });
+          } else {
+            await this.get().locator('.nc-filter-value-select').click({ force: true });
+          }
           // check if value was an array
           // eslint-disable-next-line no-case-declarations
           const val = value.split(',');
@@ -333,14 +324,7 @@ export class ToolbarFilterPage extends BasePage {
           break;
         case UITypes.User:
           if (!['is blank', 'is not blank'].includes(operation)) {
-            await this.get()
-              .locator('.nc-filter-value-select')
-              .click({
-                position: {
-                  x: 1,
-                  y: 1,
-                },
-              });
+            await this.get().locator('.nc-filter-value-select').locator('.ant-select-arrow').click({ force: true });
 
             const v = value.split(',');
             for (let i = 0; i < v.length; i++) {