@promoboxx/use-filter 2.0.0 → 2.0.1

package/src/useFilter.test.tsx

@@ -1,822 +0,0 @@
-import { act, cleanup, fireEvent, render, screen } from '@testing-library/react'
-import { useState } from 'react'
-
-import buildDefaultFilterInfo from './lib/buildDefaultFilterInfo'
-import type { FilterStore } from './store'
-import { setFilterStore } from './store'
-import localStorageStore from './store/localStorageStore'
-import memoryStore from './store/memoryStore'
-import { createUrlParamStore } from './store/urlParamStore'
-import type { FilterInfo } from './useFilter'
-import useFilter from './useFilter'
-
-async function runFilterTest(testOptions: { store: FilterStore }) {
-  describe('useFilter', () => {
-    const defaultFilterInfo = buildDefaultFilterInfo({
-      filter: {
-        foo: 'bar',
-      },
-    })
-
-    it('calls on mount', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      expect(onChangeMock).toHaveBeenCalledTimes(1)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ filter: { foo: 'bar' } }),
-        'initial',
-      )
-      expect(screen.getByTestId('updateReason').textContent).toBe('initial')
-    })
-
-    it('calls when data changes', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ filter: { foo: '42' } }),
-        'filter',
-      )
-      expect(screen.getByTestId('updateReason').textContent).toBe('filter')
-    })
-
-    it('uses shallowEqual be default', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-      // 2 is still the correct number of times, as there is one from the initial
-      // mount and the other from updateFilter.
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-    })
-
-    it('can reset and keeps defaults', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('resetFilterButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ filter: { foo: 'bar' } }),
-        'filter',
-      )
-    })
-
-    it('can setSort', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setSortButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ filter: { foo: 'bar' }, sort: 'foo:bar' }),
-        'filter',
-      )
-    })
-
-    it('renders the current filter', async () => {
-      await setup({ defaultFilterInfo })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ filter: { foo: 'bar' } }))
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ filter: { foo: '42' } }))
-    })
-
-    it('handles onChange.filterInfo', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ totalResults: 1 }))
-
-      // Say the server response with a new totalResults.
-      onChangeMock.mockImplementation(() => ({
-        filterInfo: {
-          totalResults: 100,
-        },
-      }))
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('forceRefreshButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ totalResults: 100 }))
-    })
-
-    it('handles onChange.filterInfo.totalResults', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      // Say the server response with a new totalResults.
-      onChangeMock.mockImplementation(() => ({
-        filterInfo: {
-          totalResults: 99,
-        },
-      }))
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('forceRefreshButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ totalResults: 99 }))
-    })
-
-    it('handles onChange.data', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      onChangeMock.mockImplementation((filterInfo) => ({
-        data: [{ name: filterInfo.filter.foo }],
-      }))
-
-      // Need to trigger an update so that our onChangeMock implementation takes
-      // effect.
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('responseDataJson').textContent),
-      ).toEqual([{ name: '42' }])
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('resetFilterButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('responseDataJson').textContent),
-      ).toEqual([{ name: 'bar' }])
-    })
-
-    it('handles async onChange.filterInfo', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ totalResults: 1 }))
-
-      // Say the server response with a new totalResults.
-      onChangeMock.mockImplementation(() =>
-        Promise.resolve({
-          filterInfo: {
-            totalResults: 100,
-          },
-        }),
-      )
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('forceRefreshButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ totalResults: 100 }))
-    })
-
-    it('handles async onChange.filterInfo.totalResults', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      // Say the server response with a new totalResults.
-      onChangeMock.mockImplementation(() =>
-        Promise.resolve({
-          filterInfo: {
-            totalResults: 99,
-          },
-        }),
-      )
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('forceRefreshButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ totalPages: 5 }))
-    })
-
-    it('handles async onChange.data', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo })
-
-      onChangeMock.mockImplementation((filterInfo) =>
-        Promise.resolve({
-          data: [{ name: filterInfo.filter.foo }],
-        }),
-      )
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('responseDataJson').textContent),
-      ).toEqual([{ name: '42' }])
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('resetFilterButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('responseDataJson').textContent),
-      ).toEqual([{ name: 'bar' }])
-    })
-
-    it('persists across mounts', async () => {
-      const { onChangeMock, ExampleComponent } = await setup({
-        defaultFilterInfo,
-      })
-
-      const ToggleComponent = () => {
-        const [shouldShow, setShouldShow] = useState(true)
-
-        return (
-          <div>
-            <button
-              data-testid="toggleShouldShow"
-              onClick={() => setShouldShow(!shouldShow)}
-            />
-            {shouldShow ? <ExampleComponent /> : null}
-          </div>
-        )
-      }
-
-      // Simulate the filter being visible.
-      await actAndWait(() => {
-        // Cleanup the render done in `setup`.
-        cleanup()
-        render(<ToggleComponent />)
-      })
-      expect(screen.queryByTestId('updateFilterButton')).toBeTruthy()
-
-      // Simulate removing the filter.
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('toggleShouldShow'))
-      })
-      expect(screen.queryByTestId('updateFilterButton')).toBeFalsy()
-
-      // Simulate the filter being visible, again.
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('toggleShouldShow'))
-      })
-      expect(screen.queryByTestId('updateFilterButton')).toBeTruthy()
-
-      // onChange should still only be called once.
-      expect(onChangeMock).toHaveBeenCalledTimes(1)
-    })
-
-    it('uses onBeforeSaveFilter to control what is saved', async () => {
-      const { ExampleComponent } = await setup({
-        defaultFilterInfo,
-        onBeforeSaveFilter: (filterInfo) => {
-          return {
-            ...filterInfo,
-            filter: {
-              ...filterInfo.filter,
-              somethingAddedInOnBeforeSaveFilter: 'hello world',
-            },
-          }
-        },
-      })
-
-      const ToggleComponent = () => {
-        const [shouldShow, setShouldShow] = useState(true)
-
-        return (
-          <div>
-            <button
-              data-testid="toggleShouldShow"
-              onClick={() => setShouldShow(!shouldShow)}
-            />
-            {shouldShow ? <ExampleComponent /> : null}
-          </div>
-        )
-      }
-
-      // Simulate the filter being visible.
-      await actAndWait(() => {
-        // Cleanup the render done in `setup`.
-        cleanup()
-        render(<ToggleComponent />)
-      })
-      expect(screen.queryByTestId('updateFilterButton')).toBeTruthy()
-
-      // Do something to ensure filter is saved.
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-
-      // Simulate removing the filter.
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('toggleShouldShow'))
-      })
-      expect(screen.queryByTestId('updateFilterButton')).toBeFalsy()
-
-      // Simulate the filter being visible, again.
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('toggleShouldShow'))
-      })
-      expect(screen.queryByTestId('updateFilterButton')).toBeTruthy()
-
-      // Verify that the data we added in `onBeforeSaveFilter` is there.
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(
-        expect.objectContaining({
-          filter: expect.objectContaining({
-            somethingAddedInOnBeforeSaveFilter: 'hello world',
-          }),
-        }),
-      )
-    })
-
-    it('can setPageSize', async () => {
-      const defaultFilterInfo = buildDefaultFilterInfo({
-        filter: {
-          foo: 'bar',
-        },
-        pageSize: 20,
-      })
-
-      const children: TestCaseChildren = (api) => (
-        <>
-          <button
-            data-testid="setPageButton"
-            onClick={() => api.setPage(api.filterInfo.page + 1)}
-          />
-          <button
-            data-testid="setPageSizeButton"
-            onClick={() => api.setPageSize(5)}
-          />
-        </>
-      )
-
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setPageButton'))
-      })
-      expect(onChangeMock).toBeCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({
-          page: 2,
-          offset: 20,
-        }),
-        'pagination',
-      )
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setPageSizeButton'))
-      })
-      expect(onChangeMock).toBeCalledTimes(3)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({
-          page: 5,
-          offset: 20,
-        }),
-        'pagination',
-      )
-    })
-
-    it('lets you pass your own store', async () => {
-      const mockStore: FilterStore = {
-        getFilter: vitest.fn(),
-        saveFilter: vitest.fn(),
-        getData: vitest.fn(),
-        saveData: vitest.fn(),
-        clear: vitest.fn(),
-      }
-
-      await setup({
-        defaultFilterInfo,
-        store: mockStore,
-      })
-
-      expect(mockStore.getFilter).toHaveBeenCalled()
-      expect(mockStore.saveFilter).toHaveBeenCalled()
-    })
-
-    it('handles stores not returning a full filterInfo', async () => {
-      const mockStore: FilterStore = {
-        getFilter: vitest
-          .fn()
-          .mockReturnValue({ filter: { fromStore: 'lol' } }),
-        saveFilter: vitest.fn(),
-        getData: vitest.fn(),
-        saveData: vitest.fn(),
-        clear: vitest.fn(),
-      }
-
-      await setup({
-        defaultFilterInfo,
-        store: mockStore,
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(
-        expect.objectContaining({
-          // This asserts that when a store returns a `Partial<FilterInfo>` it's
-          // turned into a full `FilterInfo`.
-          page: 1,
-        }),
-      )
-    })
-
-    it('merges stored filters with whats passed to the hook', async () => {
-      const mockStore: FilterStore = {
-        getFilter: vitest
-          .fn()
-          .mockReturnValue({ filter: { fromStore: 'lol' } }),
-        saveFilter: vitest.fn(),
-        getData: vitest.fn(),
-        saveData: vitest.fn(),
-        clear: vitest.fn(),
-      }
-
-      await setup({
-        defaultFilterInfo,
-        store: mockStore,
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(
-        expect.objectContaining({
-          filter: {
-            // This asserts that whatever the store returns is included.
-            fromStore: 'lol',
-            // This asserts that whatever defaultFilterInfo passed to the hook is
-            // included.
-            foo: 'bar',
-          },
-        }),
-      )
-    })
-  })
-
-  describe('page based', () => {
-    const defaultFilterInfo = buildDefaultFilterInfo({
-      filter: {
-        foo: 'bar',
-      },
-      pageSize: 20,
-      page: 2,
-    })
-
-    const children: TestCaseChildren = (api) => (
-      <button data-testid="setPageButton" onClick={() => api.setPage(3)} />
-    )
-
-    it('accepts initial page', async () => {
-      await setup({ defaultFilterInfo, children })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ page: 2, offset: 20 }))
-    })
-
-    it('can set page', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setPageButton'))
-      })
-
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ page: 3, offset: 40 }),
-        'pagination',
-      )
-      expect(screen.getByTestId('updateReason').textContent).toBe('pagination')
-    })
-
-    it('resets pagination when filters change', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setPageButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ page: 3, offset: 40 }),
-        'pagination',
-      )
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(3)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ page: 1 }),
-        'filter',
-      )
-
-      expect(screen.getByTestId('updateReason').textContent).toBe('filter')
-    })
-
-    it('can handle onChange.filterInfo.page', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      // Intentionally respond with numbers that don't match what the button
-      // actually does.
-      // This is to test the actual response, the view updates immediately.
-      onChangeMock.mockImplementation(() => ({
-        filterInfo: {
-          page: 20,
-        },
-      }))
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setPageButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ page: 20, offset: 380 }))
-    })
-  })
-
-  describe('offset based', () => {
-    const defaultFilterInfo = buildDefaultFilterInfo({
-      filter: {
-        foo: 'bar',
-      },
-      pageSize: 20,
-      offset: 80,
-    })
-
-    const children: TestCaseChildren = (api) => (
-      <button
-        data-testid="setOffsetButton"
-        onClick={() => api.setOffset(100)}
-      />
-    )
-
-    it('accepts initial offset', async () => {
-      await setup({ defaultFilterInfo, children })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ offset: 80, page: 5 }))
-    })
-
-    it('can set offset', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setOffsetButton'))
-      })
-
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ page: 6, offset: 100 }),
-        'pagination',
-      )
-      expect(screen.getByTestId('updateReason').textContent).toBe('pagination')
-    })
-
-    it('resets pagination when filters change', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setOffsetButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ page: 6, offset: 100 }),
-        'pagination',
-      )
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(3)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ offset: 0 }),
-        'filter',
-      )
-
-      expect(screen.getByTestId('updateReason').textContent).toBe('filter')
-    })
-
-    it('can handle onChange.filterInfo.offset', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      // Intentionally respond with numbers that don't match what the button
-      // actually does.
-      // This is to test the actual response, the view updates immediately.
-      onChangeMock.mockImplementation(() => ({
-        filterInfo: {
-          offset: 380,
-        },
-      }))
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setOffsetButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ page: 20, offset: 380 }))
-    })
-  })
-
-  describe('cursor based', () => {
-    const defaultFilterInfo = buildDefaultFilterInfo({
-      filter: {
-        foo: 'bar',
-      },
-      cursor: 'currentCursor',
-      nextCursor: 'nextCursor',
-    })
-
-    const children: TestCaseChildren = (api) => (
-      <button
-        data-testid="setCursorButton"
-        onClick={() => api.setCursor(api.filterInfo.nextCursor)}
-      />
-    )
-
-    it('accepts initial cursor', async () => {
-      await setup({ defaultFilterInfo, children })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(expect.objectContaining({ cursor: 'currentCursor' }))
-    })
-
-    it('can set cursor', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setCursorButton'))
-      })
-
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ cursor: 'nextCursor' }),
-        'pagination',
-      )
-      expect(screen.getByTestId('updateReason').textContent).toBe('pagination')
-    })
-
-    it('resets cursor when filters change', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setCursorButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(2)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ cursor: 'nextCursor' }),
-        'pagination',
-      )
-
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('updateFilterButton'))
-      })
-      expect(onChangeMock).toHaveBeenCalledTimes(3)
-      expect(onChangeMock).toHaveBeenLastCalledWith(
-        expect.objectContaining({ cursor: undefined }),
-        'filter',
-      )
-
-      expect(screen.getByTestId('updateReason').textContent).toBe('filter')
-    })
-
-    it('can handle onChange.filterInfo.nextCursor', async () => {
-      const { onChangeMock } = await setup({ defaultFilterInfo, children })
-
-      onChangeMock.mockImplementation(() => ({
-        filterInfo: {
-          nextCursor: 'nextCursorFromResponse',
-        },
-      }))
-      await actAndWait(() => {
-        fireEvent.click(screen.getByTestId('setCursorButton'))
-      })
-
-      expect(
-        safeJsonParse(screen.getByTestId('filterJson').textContent),
-      ).toEqual(
-        expect.objectContaining({ nextCursor: 'nextCursorFromResponse' }),
-      )
-    })
-  })
-
-  function wait(n = 0) {
-    return new Promise((resolve) => setTimeout(resolve, n))
-  }
-
-  function safeJsonParse(input: string | undefined | null = '') {
-    if (input) {
-      return JSON.parse(input)
-    }
-  }
-
-  async function actAndWait(fn: () => void, n = 0) {
-    act(fn)
-    await act(async () => {
-      await wait(n)
-    })
-    // You'd think you could just write this:
-    //     await act(async () => {
-    //       fn();
-    //       await wait(n);
-    //     });
-    // But for some reason, doing it that way needs a longer wait duration than
-    // just a single tick. /shrug.
-  }
-
-  type TestCaseChildren = (api: ReturnType<typeof useFilter>) => React.ReactNode
-
-  async function setup<TFilterInfo extends FilterInfo<any>>(options: {
-    defaultFilterInfo: TFilterInfo
-    children?: TestCaseChildren
-    onBeforeSaveFilter?: (filterInfo: TFilterInfo) => TFilterInfo
-    store?: FilterStore
-  }) {
-    testOptions.store.clear()
-    setFilterStore(testOptions.store)
-
-    const onChangeMock = vitest.fn()
-
-    const ExampleComponent = () => {
-      const api = useFilter('namespace', {
-        defaultFilterInfo: options.defaultFilterInfo,
-        debounceDuration: 0,
-        onChange: onChangeMock,
-        store: options.store,
-        // This is a very annoying warning in TypeScript:
-        //
-        //     'FilterInfo<any>' is assignable to the constraint of type
-        //     'TFilterInfo', but 'TFilterInfo' could be instantiated with a
-        //     different subtype of constraint 'FilterInfo<any>'
-        //
-        // Which I don't think is valid, because you cannot do what's is saying is
-        // possible, as this errors (as expected):
-        //
-        //     setup({
-        //       defaultFilterInfo: {
-        //         lol: '24',
-        //       }
-        //     })
-        //
-        // So I don't know why TS thinks it can be something else, it's already
-        // preventing you from doing that.
-        onBeforeSaveFilter: options.onBeforeSaveFilter as unknown as any,
-      })
-
-      return (
-        <div>
-          {options.children?.(api)}
-          <button
-            data-testid="updateFilterButton"
-            onClick={() => api.updateFilter({ foo: '42' })}
-          />
-          <button
-            data-testid="resetFilterButton"
-            onClick={() => api.resetFilter()}
-          />
-          <button
-            data-testid="forceRefreshButton"
-            onClick={() => api.forceRefresh()}
-          />
-          <button
-            data-testid="setSortButton"
-            onClick={() => api.setSort('foo:bar')}
-          />
-          <div data-testid="filterJson">{JSON.stringify(api.filterInfo)}</div>
-          <div data-testid="responseDataJson">{JSON.stringify(api.data)}</div>
-          <div data-testid="updateReason">{api.updateReason}</div>
-        </div>
-      )
-    }
-
-    await actAndWait(() => {
-      render(<ExampleComponent />)
-    })
-
-    return {
-      onChangeMock,
-      ExampleComponent,
-    }
-  }
-}
-
-runFilterTest({ store: memoryStore })
-runFilterTest({ store: createUrlParamStore() })
-runFilterTest({ store: localStorageStore })