Add test

mui · May 26, 2024 · ae62ac6 · ae62ac6
1 parent 84c5d45
commit ae62ac6
Showing 1 changed file with 41 additions and 0 deletions.
diff --git a/packages/x-data-grid-pro/src/tests/filtering.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/filtering.DataGridPro.test.tsx
@@ -15,6 +15,7 @@ import {
   gridExpandedSortedRowEntriesSelector,
   gridClasses,
   GridColDef,
+  getGridStringOperators,
 } from '@mui/x-data-grid-pro';
 import { createRenderer, fireEvent, screen, act, within } from '@mui-internal/test-utils';
 import { expect } from 'chai';
@@ -1057,6 +1058,46 @@ describe('<DataGridPro /> - Filter', () => {
 
       expect(getColumnHeaderCell(0, 1).textContent).to.equal('Custom Input');
     });
+
+    // See https://github.com/mui/mui-x/issues/13217
+    it('should not throw when custom filter operator is used with an initilaized value', () => {
+      expect(() => {
+        render(
+          <TestCase
+            columns={[
+              {
+                field: 'brand',
+                headerName: 'Brand',
+                filterOperators: [
+                  ...getGridStringOperators(),
+                  {
+                    value: 'looksLike',
+                    label: 'Looks Like',
+                    headerLabel: 'Looks Like',
+                    getApplyFilterFn: () => () => true,
+                    InputComponent: () => <div>Custom Input</div>,
+                  },
+                ],
+              },
+            ]}
+            initialState={{
+              filter: {
+                filterModel: {
+                  items: [
+                    {
+                      field: 'brand',
+                      operator: 'looksLike',
+                      value: 'a',
+                    },
+                  ],
+                },
+              },
+            }}
+            headerFilters
+          />,
+        );
+      }).not.toErrorDev();
+    });
   });
 
   describe('Read-only filters', () => {