add tests

Author: slax57

packages/ra-core/src/list/filter/useSavedQueries.spec.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { render, fireEvent, screen } from '@testing-library/react';
+import { Basic } from './useSavedQueries.stories';
+
+describe('useSavedQueries', () => {
+    it('should allow to save a query', async () => {
+        render(<Basic />);
+        fireEvent.change(await screen.findByLabelText('Title'), {
+            target: { value: 'Post 1' },
+        });
+        fireEvent.click(await screen.findByText('Save current query'));
+        await screen.findByText('My saved query: Post 1 - unpublished');
+    });
+
+    it('should allow to apply a query', async () => {
+        render(<Basic />);
+        await screen.findByText('1-2 of 2');
+        fireEvent.change(await screen.findByLabelText('Title'), {
+            target: { value: 'Post 1' },
+        });
+        await screen.findByText('1-1 of 1');
+        fireEvent.click(await screen.findByText('Save current query'));
+        await screen.findByText('My saved query: Post 1 - unpublished');
+        fireEvent.change(await screen.findByLabelText('Title'), {
+            target: { value: '' },
+        });
+        await screen.findByText('1-2 of 2');
+        fireEvent.click(await screen.findByText('Apply'));
+        await screen.findByText('1-1 of 1');
+    });
+
+    it('should allow to remove a query', async () => {
+        render(<Basic />);
+        fireEvent.change(await screen.findByLabelText('Title'), {
+            target: { value: 'Post 1' },
+        });
+        fireEvent.click(await screen.findByText('Save current query'));
+        await screen.findByText('My saved query: Post 1 - unpublished');
+        fireEvent.click(await screen.findByText('Remove'));
+        await screen.findByText(
+            'No saved queries yet. Set a filter to save it.'
+        );
+    });
+});

packages/ra-core/src/list/filter/useSavedQueries.stories.tsx

@@ -13,7 +13,13 @@ import {
     extractValidSavedQueries,
     SavedQuery,
 } from '../..';
-import { Admin, DataTable, TextInput, BooleanInput } from '../../test-ui';
+import {
+    Admin,
+    DataTable,
+    TextInput,
+    BooleanInput,
+    Pagination,
+} from '../../test-ui';
 
 export default { title: 'ra-core/list/filter/useSavedQueries' };
 
@@ -88,19 +94,15 @@ const SavedQueries = () => {
             <ul>
                 {validSavedQueries.map(
                     (savedQuery: SavedQuery, index: number) => (
-                        <li>
+                        <li key={index}>
                             {savedQuery.label}{' '}
                             {isEqual(savedQuery.value, {
                                 filter: filterValues,
                                 sort,
                                 perPage,
                                 displayedFilters,
                             }) ? (
-                                <button
-                                    type="button"
-                                    onClick={removeQuery}
-                                    key={index}
-                                >
+                                <button type="button" onClick={removeQuery}>
                                     Remove
                                 </button>
                             ) : (
@@ -109,7 +111,6 @@ const SavedQueries = () => {
                                     onClick={() => {
                                         applyQuery(savedQuery);
                                     }}
-                                    key={index}
                                 >
                                     Apply
                                 </button>
@@ -163,6 +164,7 @@ export const Basic = () => (
                             <DataTable.Col source="title" />
                             <DataTable.Col source="published" />
                         </DataTable>
+                        <Pagination />
                     </ListBase>
                 }
             />