test for pages (#164)

* transaction id * saving pages * all dashboard layouts
WiiQare · Jan 9, 2024 · e5918c2 · e5918c2 · vercel · Jan 9, 2024
1 parent 5bb8a7c
commit e5918c2
Show file tree

Hide file tree

Showing 10 changed files with 130 additions and 20 deletions.
diff --git a/tests/pages/hospitals/index.test.js b/tests/pages/hospitals/index.test.js
@@ -3,6 +3,7 @@ import { render } from '@testing-library/react';
 import { DrawContext } from '@/pages/_app';
 import { SessionProvider } from 'next-auth/react';
 require('jest-fetch-mock').enableMocks();
+import DashboardLayout from '../../../layouts/Dashboard';
 
 fetch.mockResponse('[]');
 
@@ -24,4 +25,12 @@ describe('Hospitals', () => {
     );
     expect(container).toMatchSnapshot();
   });
+
+  it('should use DashboardLayout as layout', () => {
+    expect(Page.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>,
+    );
+  });
 });
diff --git a/tests/pages/profile/index.test.js b/tests/pages/profile/index.test.js
@@ -3,6 +3,7 @@ import { render } from '@testing-library/react';
 import { DrawContext } from '@/pages/_app';
 import { SessionProvider } from 'next-auth/react';
 require('jest-fetch-mock').enableMocks();
+import DashboardLayout from '../../../layouts/Dashboard';
 
 fetch.mockResponse('[]');
 
@@ -24,4 +25,12 @@ describe('Profile', () => {
     );
     expect(container).toMatchSnapshot();
   });
+
+  it('should use DashboardLayout as layout', () => {
+    expect(Page.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>,
+    );
+  });
 });
diff --git a/tests/pages/saving/[slug].test.js b/tests/pages/saving/[slug].test.js
@@ -2,6 +2,7 @@ import SavingSlug from '@/pages/saving/[slug]';
 import { render } from '@testing-library/react';
 import { TransactionContext } from '@/components/organisms/Transaction';
 import { SessionProvider } from 'next-auth/react';
+import DashboardLayout from '../../../layouts/Dashboard';
 
 jest.mock('next/router', () => ({
   useRouter: jest.fn().mockReturnValue({
@@ -17,12 +18,20 @@ describe('Saving', () => {
     const { container } = render(
       <SessionProvider session={{ user: { data: { access_token: {} } } }}>
         <TransactionContext.Provider
-          value={{ transaction: {}, setTransaction: () => {} }}
+          value={{ transaction: {}, setTransaction: () => { } }}
         >
           <SavingSlug />
         </TransactionContext.Provider>
       </SessionProvider>,
     );
     expect(container).toMatchSnapshot();
   });
+
+  it('should use DashboardLayout as layout', () => {
+    expect(SavingSlug.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>,
+    );
+  });
 });
diff --git a/tests/pages/saving/__snapshots__/done.test.js.snap b/tests/pages/saving/__snapshots__/done.test.js.snap
@@ -1,6 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Saving should render 1`] = `
+exports[`Saving should render when redirect fails 1`] = `
+<div>
+  Paiement échoué...
+</div>
+`;
+
+exports[`Saving should render when redirect succeeds 1`] = `
 <div>
   <div
     class="flex flex-col gap-3 items-center mt-14"

diff --git a/tests/pages/saving/done.test.js b/tests/pages/saving/done.test.js
@@ -4,24 +4,52 @@ import { TransactionContext } from '@/components/organisms/Transaction';
 import { SessionProvider } from 'next-auth/react';
 import { DrawContext } from '@/pages/_app';
 import { QueryClientProvider, QueryClient } from 'react-query';
+import DashboardLayout from '../../../layouts/Dashboard';
+import { useRouter } from 'next/router';
 
 jest.mock('next/router', () => ({
-  useRouter: jest.fn().mockReturnValue({
-    query: {
-      redirect_status: 'succeeded',
-    },
-  }),
+  useRouter: jest.fn(),
 }));
 
 describe('Saving', () => {
-  it('should render', () => {
+  it('should render when redirect succeeds', () => {
+    useRouter.mockReturnValueOnce({
+      query: {
+        redirect_status: 'succeeded',
+      },
+    });
+
+    const queryClient = new QueryClient();
+    const { container } = render(
+      <QueryClientProvider client={queryClient}>
+        <DrawContext.Provider value={{ draw: {}, setDraw: () => { } }}>
+          <SessionProvider session={{ user: { data: { access_token: {} } } }}>
+            <TransactionContext.Provider
+              value={{ transaction: {}, setTransaction: () => { } }}
+            >
+              <Done />
+            </TransactionContext.Provider>
+          </SessionProvider>
+        </DrawContext.Provider>
+      </QueryClientProvider>,
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should render when redirect fails', () => {
+    useRouter.mockReturnValueOnce({
+      query: {
+        redirect_status: 'failed',
+      },
+    });
+
     const queryClient = new QueryClient();
     const { container } = render(
       <QueryClientProvider client={queryClient}>
-        <DrawContext.Provider value={{ draw: {}, setDraw: () => {} }}>
+        <DrawContext.Provider value={{ draw: {}, setDraw: () => { } }}>
           <SessionProvider session={{ user: { data: { access_token: {} } } }}>
             <TransactionContext.Provider
-              value={{ transaction: {}, setTransaction: () => {} }}
+              value={{ transaction: {}, setTransaction: () => { } }}
             >
               <Done />
             </TransactionContext.Provider>
@@ -31,4 +59,12 @@ describe('Saving', () => {
     );
     expect(container).toMatchSnapshot();
   });
+
+  it('should use DashboardLayout as layout', () => {
+    expect(Done.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>,
+    );
+  });
 });
diff --git a/tests/pages/saving/index.test.js b/tests/pages/saving/index.test.js
@@ -2,18 +2,27 @@ import Saving from '@/pages/saving';
 import { render } from '@testing-library/react';
 import { TransactionContext } from '@/components/organisms/Transaction';
 import { SessionProvider } from 'next-auth/react';
+import DashboardLayout from '../../../layouts/Dashboard';
 
 describe('Saving', () => {
   it('should render', () => {
     const { container } = render(
       <SessionProvider session={{ user: { data: { access_token: {} } } }}>
         <TransactionContext.Provider
-          value={{ transaction: {}, setTransaction: () => {} }}
+          value={{ transaction: {}, setTransaction: () => { } }}
         >
           <Saving />
         </TransactionContext.Provider>
       </SessionProvider>,
     );
     expect(container).toMatchSnapshot();
   });
+
+  it('should use DashboardLayout as layout', () => {
+    expect(Saving.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>,
+    );
+  });
 });
diff --git a/tests/pages/saving/new.test.js b/tests/pages/saving/new.test.js
@@ -4,6 +4,7 @@ import { TransactionContext } from '@/components/organisms/Transaction';
 import { SessionProvider } from 'next-auth/react';
 import { DrawContext } from '../../../pages/_app';
 import { QueryClientProvider, QueryClient } from 'react-query';
+import DashboardLayout from '../../../layouts/Dashboard';
 
 jest.mock('next/router', () => ({
   useRouter: jest.fn().mockReturnValue({
@@ -16,10 +17,10 @@ describe('Saving', () => {
     const queryClient = new QueryClient();
     const { container } = render(
       <QueryClientProvider client={queryClient}>
-        <DrawContext.Provider value={{ draw: {}, setDraw: () => {} }}>
+        <DrawContext.Provider value={{ draw: {}, setDraw: () => { } }}>
           <SessionProvider session={{ user: { data: { access_token: {} } } }}>
             <TransactionContext.Provider
-              value={{ transaction: {}, setTransaction: () => {} }}
+              value={{ transaction: {}, setTransaction: () => { } }}
             >
               <NewSaving />
             </TransactionContext.Provider>
@@ -29,4 +30,12 @@ describe('Saving', () => {
     );
     expect(container).toMatchSnapshot();
   });
+
+  it('should use DashboardLayout as layout', () => {
+    expect(NewSaving.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>,
+    );
+  });
 });
diff --git a/tests/pages/saving/operation/[saving].test.js b/tests/pages/saving/operation/[saving].test.js
@@ -2,6 +2,7 @@ import { render, screen } from "@testing-library/react";
 import Page from "@/pages/saving/operation/[saving]";
 import { SessionProvider } from "next-auth/react";
 import { QueryClient, QueryClientProvider } from "react-query";
+import DashboardLayout from "../../../../layouts/Dashboard";
 
 jest.mock('next/router', () => ({
     useRouter: jest.fn().mockReturnValue({
@@ -28,4 +29,12 @@ describe("Page", () => {
         const pageTitle = screen.getAllByText("Récharger mon épargne");
         expect(pageTitle).toHaveLength(2);
     });
+
+    it('should use DashboardLayout as layout', () => {
+        expect(Page.getLayout(<div />)).toEqual(
+            <DashboardLayout className="space-y-8">
+                <div />
+            </DashboardLayout>,
+        );
+    });
 });
diff --git a/tests/pages/saving/summary.test.js b/tests/pages/saving/summary.test.js
@@ -4,6 +4,7 @@ import { TransactionContext } from '@/components/organisms/Transaction';
 import { SessionProvider } from 'next-auth/react';
 import { DrawContext } from '../../../pages/_app';
 import { QueryClientProvider, QueryClient } from 'react-query';
+import DashboardLayout from '../../../layouts/Dashboard';
 
 require('jest-fetch-mock').enableMocks();
 
@@ -24,13 +25,13 @@ describe('Saving Summary', () => {
       <DrawContext.Provider
         value={{
           draw: {},
-          setDraw: () => {},
+          setDraw: () => { },
           saving: { plan: { currency: 'GBP' }, target: { currency: 'USD' } },
         }}
       >
         <SessionProvider session={{ user: { data: { access_token: {} } } }}>
           <TransactionContext.Provider
-            value={{ transaction: {}, setTransaction: () => {} }}
+            value={{ transaction: {}, setTransaction: () => { } }}
           >
             <QueryClientProvider client={queryClient}>
               <SavingSummary />
@@ -41,4 +42,12 @@ describe('Saving Summary', () => {
     );
     expect(container).toMatchSnapshot();
   });
+
+  it('should use DashboardLayout as layout', () => {
+    expect(SavingSummary.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>,
+    );
+  });
 });
diff --git a/tests/pages/transactions/[id].test.js b/tests/pages/transactions/[id].test.js
@@ -1,10 +1,15 @@
 import Page from '@/pages/transactions/[id]';
-import { render } from '@testing-library/react';
+import DashboardLayout from '../../../layouts/Dashboard';
+
 
 describe('Transactions id page', () => {
   it.todo('should render the page');
-  // it('should render the page', () => {
-  // const { container } = render(<Page />);
-  // expect(container).toMatchSnapshot();
-  // });
+
+  it('should have DashboardLayout', () => {
+    expect(Page.getLayout(<div />)).toEqual(
+      <DashboardLayout className="space-y-8">
+        <div />
+      </DashboardLayout>
+    );
+  });
 });