Fix empty message test

Altinn · May 13, 2024 · 67f626e · 67f626e
1 parent 06f5f7f
commit 67f626e
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/...onents/src/components/StudioTableLocalPagination/StudioTableLocalPagination.mdx b/...onents/src/components/StudioTableLocalPagination/StudioTableLocalPagination.mdx
@@ -63,14 +63,14 @@ const rows = [
     icon: <StarFillIcon />,
     name: 'Coordinated register notification',
     creator: 'Brønnøysund Register Centre',
-    lastChanged: new Date('2023-04-12').toLocaleDateString(),
+    lastChanged: '12-04-2023',
   },
   {
     id: 2,
     icon: <StarFillIcon />,
     name: 'Application for authorisation and license as a healthcare personnel',
     creator: 'The Norwegian Directorate of Health',
-    lastChanged: new Date('2023-04-05').toLocaleDateString(),
+    lastChanged: '05-04-2023',
   },
 ];
 ```
diff --git a/...-components/src/components/StudioTableLocalPagination/StudioTableLocalPagination.test.tsx b/...-components/src/components/StudioTableLocalPagination/StudioTableLocalPagination.test.tsx
@@ -135,6 +135,6 @@ describe('StudioTableLocalPagination', () => {
         emptyTableMessage='No rows to display'
       />,
     );
-    expect(screen.getByRole('paragraph', { value: 'No rows to display' })).toBeInTheDocument();
+    expect(screen.getByText('No rows to display')).toBeInTheDocument();
   });
 });
diff --git a/...tudio-components/src/components/StudioTableLocalPagination/StudioTableLocalPagination.tsx b/...tudio-components/src/components/StudioTableLocalPagination/StudioTableLocalPagination.tsx
@@ -38,15 +38,15 @@ export const StudioTableLocalPagination = forwardRef<
     useEffect(() => {
       const newRowsToRender = getRowsToRender(currentPage, pageSize, sortedRows || rows);
 
-      const outOfRange = !newRowsToRender.length && currentPage > 1;
-      if (outOfRange) {
+      const isOutOfRange = !newRowsToRender.length && currentPage > 1;
+      if (isOutOfRange) {
         setCurrentPage(1);
         setRowsToRender(getRowsToRender(1, pageSize, sortedRows || rows));
         return;
       }
 
       setRowsToRender(newRowsToRender);
-    }, [sortedRows, currentPage, pageSize]);
+    }, [sortedRows, rows, currentPage, pageSize]);
 
     const totalPages = Math.ceil(rows.length / pageSize);
 

diff --git a/...ents/src/components/StudioTableRemotePagination/StudioTableRemotePagination.mdx b/...ents/src/components/StudioTableRemotePagination/StudioTableRemotePagination.mdx
@@ -12,7 +12,7 @@ import { propInfoColumns, propInfoRowsRemotePagination } from './mockData';
 <Paragraph>
   StudioTableRemotePagination brings together Digdir Designsystemet's `Table` and `Pagination`
   components. This component is useful when data is retrieved in chunks, and the pagination logic is
-  managed externally.{' '}
+  managed externally.
 </Paragraph>
 
 <Canvas of={StudioTableRemotePaginationStories.Preview} />
@@ -61,14 +61,14 @@ const rows = [
     icon: <StarFillIcon />,
     name: 'Coordinated register notification',
     creator: 'Brønnøysund Register Centre',
-    lastChanged: new Date('2023-04-12').toLocaleDateString(),
+    lastChanged: '12-04-2023',
   },
   {
     id: 2,
     icon: <StarFillIcon />,
     name: 'Application for authorisation and license as a healthcare personnel',
     creator: 'The Norwegian Directorate of Health',
-    lastChanged: new Date('2023-04-05').toLocaleDateString(),
+    lastChanged: '05-04-2023',
   },
 ];
 ```
diff --git a/...omponents/src/components/StudioTableRemotePagination/StudioTableRemotePagination.test.tsx b/...omponents/src/components/StudioTableRemotePagination/StudioTableRemotePagination.test.tsx
@@ -96,6 +96,6 @@ describe('StudioTableRemotePagination', () => {
         emptyTableMessage='No rows to display'
       />,
     );
-    expect(screen.getByRole('paragraph', { value: 'No rows to display' })).toBeInTheDocument();
+    expect(screen.getByText('No rows to display')).toBeInTheDocument();
   });
 });