Modified testimonial (#451)

atlp-rwanda · Sep 4, 2024 · c2ae867 · c2ae867
1 parent 64af47e
commit c2ae867
Show file tree

Hide file tree

Showing 19 changed files with 1,820 additions and 488 deletions.
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "webpack server",
     "build": "webpack",
-    "test": "npm run update-snapshots && npx jest ",
+    "test": "npm run update-snapshots && npx jest --runInBand",
     "update-snapshots": "jest --updateSnapshot",
     "coverage": "jest --collect-coverage --silent -u",
     "lint": "npx eslint src/**/*.{tsx,ts} --fix",

diff --git a/src/components/tests/__snapshots__/AdminTraineeDashboard.test.tsx.snap b/src/components/tests/__snapshots__/AdminTraineeDashboard.test.tsx.snap
@@ -28,6 +28,7 @@ Array [
       >
         <form
           className="px-8 py-3 "
+          onSubmit={[Function]}
         >
           <div
             className="flex flex-wrap items-center justify-center w-full card-title "
@@ -48,6 +49,7 @@ Array [
                 className="w-full px-5 py-2 font-sans text-xs text-black border rounded outline-none dark:bg-dark-tertiary border-primary"
                 name="email"
                 onChange={[Function]}
+                onSubmit={[Function]}
                 placeholder="email"
                 type="email"
                 value=""
@@ -461,7 +463,7 @@ Array [
               name="date"
               readOnly={true}
               type="text"
-              value="2024-03-26"
+              value="2024-09-03"
             />
           </div>
           <div
@@ -890,7 +892,6 @@ Array [
                   onClick={[Function]}
                   type="button"
                 >
-                   
                   add
                    +
                    

diff --git a/src/components/tests/__snapshots__/Header.test.tsx.snap b/src/components/tests/__snapshots__/Header.test.tsx.snap
@@ -91,7 +91,7 @@ exports[`Header Tests Should render the header with home 1`] = `
         >
           <a
             className=""
-            href="/docs/org-signin"
+            href="/docs/getting-started"
             onClick={[Function]}
           >
             Docs
@@ -234,7 +234,7 @@ exports[`Header Tests Should render the header with home 1`] = `
       className="p-2 w-full mt-2 dark:text-dark-text-fill text-primary"
     >
       <a
-        href="/docs/org-signin"
+        href="/docs/getting-started"
         onClick={[Function]}
       >
         Docs
@@ -360,7 +360,7 @@ exports[`Header Tests Should render the header with no active 1`] = `
         >
           <a
             className=""
-            href="/docs/org-signin"
+            href="/docs/getting-started"
             onClick={[Function]}
           >
             Docs
@@ -503,7 +503,7 @@ exports[`Header Tests Should render the header with no active 1`] = `
       className="p-2 w-full mt-2 dark:text-dark-text-fill text-primary"
     >
       <a
-        href="/docs/org-signin"
+        href="/docs/getting-started"
         onClick={[Function]}
       >
         Docs
@@ -619,7 +619,7 @@ exports[`Header Tests Should render the header with no active 2`] = `
         >
           <a
             className=""
-            href="/docs/org-signin"
+            href="/docs/getting-started"
             onClick={[Function]}
           >
             Docs
@@ -749,7 +749,7 @@ exports[`Header Tests Should render the header with no active 2`] = `
       className="p-2 w-full mt-2 dark:text-dark-text-fill text-primary"
     >
       <a
-        href="/docs/org-signin"
+        href="/docs/getting-started"
         onClick={[Function]}
       >
         Docs
@@ -870,7 +870,7 @@ exports[`Header Tests Should render the header with no active 3`] = `
         >
           <a
             className=""
-            href="/docs/org-signin"
+            href="/docs/getting-started"
             onClick={[Function]}
           >
             Docs
@@ -1013,7 +1013,7 @@ exports[`Header Tests Should render the header with no active 3`] = `
       className="p-2 w-full mt-2 dark:text-dark-text-fill text-primary"
     >
       <a
-        href="/docs/org-signin"
+        href="/docs/getting-started"
         onClick={[Function]}
       >
         Docs
@@ -1140,7 +1140,7 @@ exports[`Header Tests Should render the header with pricing active 1`] = `
         >
           <a
             className=""
-            href="/docs/org-signin"
+            href="/docs/getting-started"
             onClick={[Function]}
           >
             Docs
@@ -1283,7 +1283,7 @@ exports[`Header Tests Should render the header with pricing active 1`] = `
       className="p-2 w-full mt-2 dark:text-dark-text-fill text-primary"
     >
       <a
-        href="/docs/org-signin"
+        href="/docs/getting-started"
         onClick={[Function]}
       >
         Docs
@@ -1409,7 +1409,7 @@ exports[`Header Tests Should render the header with product active 1`] = `
         >
           <a
             className=""
-            href="/docs/org-signin"
+            href="/docs/getting-started"
             onClick={[Function]}
           >
             Docs
@@ -1552,7 +1552,7 @@ exports[`Header Tests Should render the header with product active 1`] = `
       className="p-2 w-full mt-2 dark:text-dark-text-fill text-primary"
     >
       <a
-        href="/docs/org-signin"
+        href="/docs/getting-started"
         onClick={[Function]}
       >
         Docs

diff --git a/src/containers/admin-dashBoard/Sessions.tsx b/src/containers/admin-dashBoard/Sessions.tsx
@@ -327,6 +327,7 @@ function AdminSission() {
 
       {/* =========================== Start::  delete Session Model =============================== */}
       <div
+        data-testid="delete-section"
         className={`min-h-full w-screen z-30 bg-black bg-opacity-30 backdrop-blur-sm absolute flex items-center justify-center px-4 ${
           deleteSessionModel === true ? 'block' : 'hidden'
         }`}
@@ -372,7 +373,7 @@ function AdminSission() {
 
       {/* =========================== Start::  update Session Model =============================== */}
       {updateTraineeModel && sessionToEdit && (
-        <div className="min-h-full w-screen z-30 bg-black bg-opacity-30 backdrop-blur-sm absolute flex items-center justify-center px-4">
+        <div data-testid="update-section" className="min-h-full w-screen z-30 bg-black bg-opacity-30 backdrop-blur-sm absolute flex items-center justify-center px-4">
           <div className="bg-white dark:bg-dark-bg w-full sm:w-3/4 md:w-1/2 xl:w-4/12 rounded-lg p-4 pb-8">
             <div className="card-title w-full flex flex-wrap justify-center items-center">
               <h3 className="font-bold text-sm text-gray-700 dark:text-white text-center w-11/12">
@@ -385,6 +386,7 @@ function AdminSission() {
                 <div className="input my-3 h-9">
                   <div className="grouped-input flex items-center h-full w-full rounded-md">
                     <input
+                      data-testid="session-name"
                       type="text"
                       name="Sessionname"
                       placeholder={sessionToEdit.Sessionname}
@@ -396,6 +398,7 @@ function AdminSission() {
                 <div className="input my-3 h-9">
                   <div className="grouped-input flex items-center h-full w-full rounded-md">
                     <input
+                      data-testid="description"
                       type="text"
                       name="description"
                       placeholder={sessionToEdit.description}
@@ -447,6 +450,7 @@ function AdminSission() {
                     {t('Cancel')}
                   </Button>
                   <Button
+                    data-testid="save"
                     variant="primary"
                     size="sm"
                     style="w-[30%] md:w-1/4 text-sm font-sans"

diff --git a/src/containers/admin-dashBoard/tests/Sessions.test.tsx b/src/containers/admin-dashBoard/tests/Sessions.test.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { MockedProvider } from '@apollo/client/testing';
 import { act } from 'react-dom/test-utils';
 import AdminSission from '../Sessions';
@@ -53,8 +53,8 @@ describe('AdminSission Component', () => {
     );
 
     await waitFor(() => {
-      // expect(screen.getByText('Test Session 1')).toBeInTheDocument();
-      // expect(screen.getByText('Test Session 2')).toBeInTheDocument();
+      expect(screen.getByText('Test Session 1')).toBeInTheDocument();
+      expect(screen.getByText('Test Session 2')).toBeInTheDocument();
     });
   });
 
@@ -67,7 +67,7 @@ describe('AdminSission Component', () => {
 
     await waitFor(() => {
       fireEvent.click(screen.getByText('register +'));
-      // expect(screen.getByText('AddSession')).toBeInTheDocument();
+      expect(screen.getByText('AddSession')).toBeInTheDocument();
     });
   });
 
@@ -95,13 +95,16 @@ describe('AdminSission Component', () => {
       </MockedProvider>,
     );
 
-    // await waitFor(() => {
-    //   fireEvent.click(screen.getByTestId('deleteIcon'));
-    //   // expect(screen.getByText('reallydeleteSession')).toBeInTheDocument();
+    await waitFor(async () => {
+      fireEvent.click(screen.getAllByTestId('deleteIcon')[0]);
+      expect(screen.getByTestId('delete-section')).toBeInTheDocument();
+      expect(screen.getByTestId('delete-section')).toHaveClass("block");
 
-    //   fireEvent.click(screen.getByText('Delete'));
-    //   expect(screen.queryByText('reallydeleteSession')).toBeNull();
-    // });
+      fireEvent.click(screen.getByTestId('delete'));
+      await waitFor(()=>{
+        expect(screen.queryByTestId('delete-section')).toHaveClass("hidden");
+      })
+    });
   });
 
   it('updates a session when the edit icon is clicked and saved', async () => {
@@ -135,20 +138,22 @@ describe('AdminSission Component', () => {
       </MockedProvider>,
     );
 
-    // await waitFor(() => {
-    //   fireEvent.click(screen.getByTestId('updateIcon'));
-    //   // expect(screen.getByText('UpdateSession')).toBeInTheDocument();
+    await waitFor(async() => {
+      fireEvent.click(screen.getAllByTestId('updateIcon')[0]);
+      expect(screen.getByTestId('update-section')).toBeInTheDocument();
 
-    //   // Simulate updating session details
-    //   fireEvent.change(screen.getByLabelText('Sessionname'), {
-    //     target: { value: 'Updated Session Name' },
-    //   });
-    //   fireEvent.change(screen.getByLabelText('description'), {
-    //     target: { value: 'Updated Description' },
-    //   });
+      // Simulate updating session details
+      fireEvent.change(screen.getByTestId('session-name'), {
+        target: { value: 'Updated Session Name' },
+      });
+      fireEvent.change(screen.getByTestId('description'), {
+        target: { value: 'Updated Description' },
+      });
 
-    //   fireEvent.click(screen.getByText('Save'));
-    //   expect(screen.queryByText('UpdateSession')).toBeNull();
-    // });
+      fireEvent.click(screen.getByTestId('save'));
+      await waitFor(()=>{
+        expect(screen.queryByText('update-section')).toBeNull();
+      })
+    });
   });
 });