[INJIWEB-700]: secure time bound storage- test cases

Signed-off-by: Vijay <[email protected]>

inji-web/src/__tests__/modals/ModalWrapper.test.tsx

@@ -0,0 +1,38 @@
+import {render, screen} from "@testing-library/react";
+import {ModalWrapper} from "../../modals/ModalWrapper";
+import {DSHeader} from "../../components/DataShare/DSHeader";
+import {DSFooter} from "../../components/DataShare/DSFooter";
+import React from "react";
+import {DSContent} from "../../components/DataShare/DSContent";
+import {reduxStore} from "../../redux/reduxStore";
+import {Provider} from "react-redux";
+
+describe("Test the Layout of the Modal Wrapper", () => {
+
+    const customMockFn = jest.fn();
+    beforeEach(() => {
+        render(
+            <Provider store={reduxStore}>
+            <ModalWrapper header={<DSHeader title={"title"} subTitle={"subTitle"}/>}
+                             content={<DSContent credentialName={"credentialName"} credentialLogo={"credentialLogo"} setCustom={jest.fn()}/>}
+                             footer={<DSFooter cancel={"cancel"} success={"success"} onSuccess={jest.fn()} onCancel={jest.fn()}/>}
+                             size={"3xl"}
+                             zIndex={40} />
+            </Provider>)
+    })
+
+    test("Test the presence of the Outer Container", ()=>{
+        const document = screen.getByTestId("ModalWrapper-Outer-Container");
+        expect(document).toBeInTheDocument();
+    })
+    test("Test the presence of the Inner Container", ()=>{
+        const document = screen.getByTestId("ModalWrapper-Inner-Container");
+        expect(document).toBeInTheDocument();
+        expect(document.children.length).toBe(3)
+    })
+    test("Test the presence of the Back Drop", ()=>{
+        const document = screen.getByTestId("ModalWrapper-BackDrop");
+        expect(document).toBeInTheDocument();
+    })
+
+})

inji-web/src/locales/ar.json

@@ -127,5 +127,30 @@
       "description3": "2. لم يتم تكوين أي جهات إصدار.",
       "description4": "وفي كلتا الحالتين، يرجى الاتصال بفريقك الفني لمعالجة المشكلة."
     }
+  },
+  "DataShareExpiryModal": {
+    "title": "صلاحية المشاركة",
+    "subTitle": "يرجى تقديم موافقتك على تعيين صلاحية مشاركة {{credentialName}}",
+    "content": {
+      "selectedDocument": "المستند المحدد",
+      "consent": "صلاحية الموافقة *",
+      "validityTimesHeader": "عدد المرات",
+      "validityTimesOptions": {
+        "once": "مرة واحدة",
+        "thrice": "ثلاث مرات",
+        "noLimit": "لا يوجد حد",
+        "custom": "مخصص"
+      },
+      "validityDate": "تاريخ"
+    },
+    "success": "يتابع",
+    "cancel": "خلف",
+    "disclaimer": "يرجى ملاحظة أنه لا يمكن مشاركة رمز الاستجابة السريعة إلا لعدد المرات التي اخترتها هنا. "
+  },
+  "CustomExpiryModal": {
+    "title": "الرجاء إدخال عدد المرات التي تريد فيها استخدام بيانات الاعتماد هذه ",
+    "metrics": "مرات",
+    "success": "يتابع",
+    "cancel": "يلغي"
   }
 }

inji-web/src/locales/fr.json

@@ -127,5 +127,30 @@
       "description3": "2. Aucun émetteur n'a été configuré.",
       "description4": "Dans les deux cas, veuillez contacter votre équipe technique pour résoudre le problème."
     }
+  },
+  "DataShareExpiryModal": {
+    "title": "Validité du partage",
+    "subTitle": "Veuillez donner votre consentement pour définir une validité pour le partage du {{credentialName}}",
+    "content": {
+      "selectedDocument": "Document sélectionné",
+      "consent": "Validité du consentement *",
+      "validityTimesHeader": "Nombre de fois",
+      "validityTimesOptions": {
+        "once": "Une fois",
+        "thrice": "Trois fois",
+        "noLimit": "Aucune limite",
+        "custom": "Coutume"
+      },
+      "validityDate": "Date"
+    },
+    "success": "Procéder",
+    "cancel": "Dos",
+    "disclaimer": "Veuillez noter que le QR Code ne peut être partagé que le nombre de fois que vous avez choisi ici. "
+  },
+  "CustomExpiryModal": {
+    "title": "Veuillez saisir le nombre de fois que vous souhaitez utiliser cet identifiant ",
+    "metrics": "Fois",
+    "success": "Procéder",
+    "cancel": "Annuler"
   }
 }

inji-web/src/locales/hi.json

@@ -127,5 +127,30 @@
       "description3": "2. कोई जारीकर्ता कॉन्फ़िगर नहीं किया गया है.",
       "description4": "किसी भी स्थिति में, समस्या के समाधान के लिए कृपया अपनी तकनीकी टीम से संपर्क करें।"
     }
+  },
+  "DataShareExpiryModal": {
+    "title": "वैधता साझा करें",
+    "subTitle": "कृपया साझा करने की वैधता निर्धारित करने के लिए अपनी सहमति प्रदान करें {{credentialName}}",
+    "content": {
+      "selectedDocument": "चयनित दस्तावेज़",
+      "consent": "सहमति की वैधता*",
+      "validityTimesHeader": "कितनी बार",
+      "validityTimesOptions": {
+        "once": "एक बार",
+        "thrice": "तीन बार",
+        "noLimit": "कोई सीमा नहीं",
+        "custom": "रिवाज़"
+      },
+      "validityDate": "तारीख"
+    },
+    "success": "आगे बढ़ना",
+    "cancel": "पीछे",
+    "disclaimer": "कृपया ध्यान दें कि क्यूआर कोड केवल उतनी ही बार साझा किया जा सकता है जितनी बार आपने यहां चुना है। "
+  },
+  "CustomExpiryModal": {
+    "title": "कृपया वह संख्या दर्ज करें जितनी बार आप इस क्रेडेंशियल का उपयोग करना चाहते हैं ",
+    "metrics": "टाइम्स",
+    "success": "आगे बढ़ना",
+    "cancel": "रद्द करना"
   }
 }

inji-web/src/locales/kn.json

@@ -127,5 +127,30 @@
       "description3": "2. ಯಾವುದೇ ವಿತರಕರನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾಗಿಲ್ಲ.",
       "description4": "ಎರಡೂ ಸಂದರ್ಭಗಳಲ್ಲಿ, ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಲು ದಯವಿಟ್ಟು ನಿಮ್ಮ ತಾಂತ್ರಿಕ ತಂಡವನ್ನು ಸಂಪರ್ಕಿಸಿ."
     }
+  },
+  "DataShareExpiryModal": {
+    "title": "Share Validity",
+    "subTitle": "გთხოვთ, მიუთითოთ თქვენი თანხმობა გაზიარების მოქმედების დაწესებაზე {{credentialName}}",
+    "content": {
+      "selectedDocument": "არჩეული დოკუმენტი",
+      "consent": "თანხმობის ვადა *",
+      "validityTimesHeader": "რამდენჯერმე",
+      "validityTimesOptions": {
+        "once": "ერთხელ",
+        "thrice": "სამჯერ",
+        "noLimit": "არანაირი ლიმიტი",
+        "custom": "საბაჟო"
+      },
+      "validityDate": "თარიღი"
+    },
+    "success": "გაგრძელება",
+    "cancel": "უკან",
+    "disclaimer": "გთხოვთ, გაითვალისწინოთ, რომ QR კოდის გაზიარება შესაძლებელია მხოლოდ იმდენჯერ, რამდენჯერაც აირჩევთ აქ. "
+  },
+  "CustomExpiryModal": {
+    "title": "გთხოვთ, შეიყვანოთ რამდენჯერ გსურთ ამ რწმუნებათა სიგელის გამოყენება ",
+    "metrics": "ჯერ",
+    "success": "გაგრძელება",
+    "cancel": "გაუქმება"
   }
 }

inji-web/src/locales/ta.json

@@ -127,5 +127,30 @@
       "description3": "2. வழங்குபவர்கள் யாரும் கட்டமைக்கப்படவில்லை.",
       "description4": "எந்தவொரு சந்தர்ப்பத்திலும், சிக்கலைத் தீர்க்க உங்கள் தொழில்நுட்பக் குழுவைத் தொடர்பு கொள்ளவும்."
     }
+  },
+  "DataShareExpiryModal": {
+    "title": "பங்கு செல்லுபடியாகும்",
+    "subTitle": "பகிர்வதற்கான செல்லுபடியை அமைக்க உங்கள் ஒப்புதலை வழங்கவும் {{credentialName}}",
+    "content": {
+      "selectedDocument": "தேர்ந்தெடுக்கப்பட்ட ஆவணம்",
+      "consent": "ஒப்புதல் செல்லுபடியாகும் *",
+      "validityTimesHeader": "முறைகளின் எண்ணிக்கை",
+      "validityTimesOptions": {
+        "once": "ஒருமுறை",
+        "thrice": "மூன்று முறை",
+        "noLimit": "வரம்பு இல்லை",
+        "custom": "தனிப்பயன்"
+      },
+      "validityDate": "தேதி"
+    },
+    "success": "தொடரவும்",
+    "cancel": "மீண்டும்",
+    "disclaimer": "நீங்கள் இங்கு எத்தனை முறை தேர்வு செய்தீர்களோ அந்த அளவுக்கு மட்டுமே QR குறியீட்டைப் பகிர முடியும் என்பதை நினைவில் கொள்ளவும். "
+  },
+  "CustomExpiryModal": {
+    "title": "இந்த நற்சான்றிதழை நீங்கள் எத்தனை முறை பயன்படுத்த விரும்புகிறீர்கள் என்பதை உள்ளிடவும் ",
+    "metrics": "நேரங்கள்",
+    "success": "தொடரவும்",
+    "cancel": "ரத்து செய்"
   }
 }

inji-web/src/modals/ModalWrapper.tsx

@@ -3,16 +3,16 @@ import React from "react";
 export const ModalWrapper:React.FC<ModalWrapperType> = (props) => {
 
     return <>
-        <div className={`justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 ${props.zIndex == 50 ? 'z-50': 'z-40'} outline-none focus:outline-none`}>
+        <div data-testid={"ModalWrapper-Outer-Container"} className={`justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 ${props.zIndex == 50 ? 'z-50': 'z-40'} outline-none focus:outline-none`}>
             <div className={`relative w-auto my-6 mx-auto ${props.size === '3xl' ? 'max-w-3xl' : 'max-w-sm'}`}>
-                <div className="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-iw-background outline-none focus:outline-none">
+                <div data-testid={"ModalWrapper-Inner-Container"} className="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-iw-background outline-none focus:outline-none">
                     {props.header}
                     {props.content}
                     {props.footer}
                 </div>
             </div>
         </div>
-        <div className={`opacity-25 fixed inset-0 ${props.zIndex == 50 ? 'z-40': 'z-30'} bg-iw-backDrop`}></div>
+        <div  data-testid={"ModalWrapper-BackDrop"} className={`opacity-25 fixed inset-0 ${props.zIndex == 50 ? 'z-40': 'z-30'} bg-iw-backDrop`}></div>
     </>
 }