Add test for always visible search

VolkovLabs · Nov 7, 2023 · c9bf853 · c9bf853
1 parent 8727d17
commit c9bf853
Showing 1 changed file with 34 additions and 2 deletions.
diff --git a/src/components/Table/Table.test.tsx b/src/components/Table/Table.test.tsx
@@ -5,6 +5,11 @@ import { getJestSelectors } from '@volkovlabs/jest-selectors';
 import { TestIds } from '../../constants';
 import { Table } from './Table';
 
+/**
+ * Props
+ */
+type Props = React.ComponentProps<typeof Table>;
+
 /**
  * Test Ids only for tests
  */
@@ -32,7 +37,7 @@ describe('Table', () => {
    * Get Tested Component
    * @param props
    */
-  const getComponent = (props: any) => <Wrapper {...props} />;
+  const getComponent = (props: Partial<Props>) => <Wrapper {...props} />;
 
   /**
    * Selectors
@@ -78,7 +83,7 @@ describe('Table', () => {
       },
     ];
 
-    render(getComponent({ data, columns, getSubRows: (row: any) => row.children }));
+    render(getComponent({ data, columns: columns as any, getSubRows: (row: any) => row.children }));
 
     /**
      * Check first row with sub rows
@@ -152,6 +157,33 @@ describe('Table', () => {
     expect(selectors.cell(true, 'device2', 0)).not.toBeInTheDocument();
   });
 
+  it('Should always show value filter', async () => {
+    render(
+      getComponent({
+        showHeader: true,
+        columns: [
+          {
+            id: 'value',
+            header: 'cell header',
+            accessorKey: 'value',
+            enableColumnFilter: true,
+            cell: ({ getValue, row }: any) => {
+              const value = getValue() as string;
+              return <span data-testid={InTestIds.cell(value, row.depth)}>{value}</span>;
+            },
+          },
+        ],
+        data: [{ value: 'device1' }, { value: 'device2' }],
+        alwaysVisibleFilter: true,
+      })
+    );
+
+    /**
+     * Check Filter Content Presence
+     */
+    expect(selectors.fieldFilterValue()).toBeInTheDocument();
+  });
+
   it('Should show value sorting', async () => {
     const { container } = render(
       getComponent({