[INJIWEB-980]: update test snapshots for inji rebranding

Signed-off-by: Vijay <[email protected]>
mosip · Oct 19, 2024 · cbefe6c · cbefe6c
1 parent 998b59b
commit cbefe6c
Show file tree

Hide file tree

Showing 12 changed files with 186 additions and 67 deletions.
diff --git a/inji-web/src/__tests__/components/Common/__snapshots__/EmptyListContainer.test.tsx.snap b/inji-web/src/__tests__/components/Common/__snapshots__/EmptyListContainer.test.tsx.snap
@@ -3,8 +3,7 @@
 exports[`Testing the Layouts of EmptyListContainer Check if the layout is matching with the snapshots 1`] = `
 <DocumentFragment>
   <div
-    class="flex justify-center items-center w-full mx-auto bg-iw-background
- my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
+    class="flex justify-center items-center w-full mx-auto bg-iw-background my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
     data-testid="EmptyList-Outer-Container"
   >
     <p

diff --git a/inji-web/src/__tests__/components/Common/__snapshots__/ErrorSheildIcon.test.tsx.snap b/inji-web/src/__tests__/components/Common/__snapshots__/ErrorSheildIcon.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Testing the Layout of ErrorSheildIcon Check if the layout is matching with the snapshots 1`] = `
 <DocumentFragment>
   <div
-    class="rounded-full p-2 shadow"
+    class="rounded-full p-2 shadow bg-white"
   >
     <div
       class="rounded-full p-8 bg-iw-shieldErrorShadow"

diff --git a/inji-web/src/__tests__/components/Common/__snapshots__/LandingPageWrapper.test.tsx.snap b/inji-web/src/__tests__/components/Common/__snapshots__/LandingPageWrapper.test.tsx.snap
@@ -29,13 +29,19 @@ exports[`Testing the Layout of LandingPageWrapper Check if the layout is matchin
         Test SubTitle
       </p>
     </div>
-    <div>
-      <button
-        class="text-iw-primary font-bold py-2 px-4 rounded-lg border-2 border-iw-primary"
-        data-testid="DownloadResult-Home-Button"
+    <div
+      class="bg-gradient-to-r rounded-lg from-iw-primary to-iw-secondary p-0.5"
+    >
+      <div
+        class="py-2 px-4 rounded-lg bg-white"
       >
-        Go To Home
-      </button>
+        <button
+          class="text-iw-tertiary font-bold rounded-lg"
+          data-testid="DownloadResult-Home-Button"
+        >
+          Go To Home
+        </button>
+      </div>
     </div>
   </div>
 </DocumentFragment>

diff --git a/inji-web/src/__tests__/components/Common/__snapshots__/LanguageSelector.test.tsx.snap b/inji-web/src/__tests__/components/Common/__snapshots__/LanguageSelector.test.tsx.snap
@@ -8,13 +8,35 @@ exports[`Testing the Layout of Language Selector Check if the layout is matching
     role="button"
     tabindex="0"
   >
+    <svg
+      height="0"
+      width="0"
+    >
+      <lineargradient
+        id="blue-gradient"
+        x1="0%"
+        x2="100%"
+        y1="0%"
+        y2="100%"
+      >
+        <stop
+          offset="0%"
+          stop-color="var(--iw-color-primary)"
+        />
+        <stop
+          offset="100%"
+          stop-color="var(--iw-color-secondary)"
+        />
+      </lineargradient>
+    </svg>
     <svg
       color="var(--iw-color-languageGlobeIcon)"
       data-testid="Language-Selector-Icon"
       fill="currentColor"
       height="30"
       stroke="currentColor"
       stroke-width="0"
+      style="fill: url(#blue-gradient);"
       viewBox="0 0 16 16"
       width="30"
       xmlns="http://www.w3.org/2000/svg"
@@ -38,12 +60,34 @@ exports[`Testing the Layout of Language Selector Check if the layout is matching
         >
           English
         </p>
+        <svg
+          height="0"
+          width="0"
+        >
+          <lineargradient
+            id="blue-gradient"
+            x1="0%"
+            x2="100%"
+            y1="0%"
+            y2="100%"
+          >
+            <stop
+              offset="0%"
+              stop-color="var(--iw-color-primary)"
+            />
+            <stop
+              offset="100%"
+              stop-color="var(--iw-color-secondary)"
+            />
+          </lineargradient>
+        </svg>
         <svg
           color="var(--iw-color-languageArrowIcon)"
           fill="currentColor"
           height="20"
           stroke="currentColor"
           stroke-width="0"
+          style="fill: url(#blue-gradient);"
           viewBox="0 0 24 24"
           width="20"
           xmlns="http://www.w3.org/2000/svg"

diff --git a/inji-web/src/__tests__/components/Common/__snapshots__/NavBar.test.tsx.snap b/inji-web/src/__tests__/components/Common/__snapshots__/NavBar.test.tsx.snap
@@ -3,12 +3,11 @@
 exports[`Testing the Layout of NavBar Check the presence of the navbar container 1`] = `
 <DocumentFragment>
   <div
-    class="bg-iw-navigationBar text-iw-title p-4 py-10"
+    class="bg-iw-navigationBar bg-gradient-to-r from-iw-lightPrimary to-iw-lightSecondary text-iw-title p-4 py-10"
     data-testid="NavBar-Outer-Container"
   >
     <nav
-      class=" mx-auto flex flex-col justify-start container items-start
- sm:flex-row sm:justify-start sm:items-center"
+      class=" mx-auto flex flex-col justify-start container items-start sm:flex-row sm:justify-start sm:items-center"
       data-testid="NavBar-Inner-Container"
     >
       <div

diff --git a/inji-web/src/__tests__/components/Common/__snapshots__/SuccessSheildIcon.test.tsx.snap b/inji-web/src/__tests__/components/Common/__snapshots__/SuccessSheildIcon.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Testing the Layout of SuccessSheildIcon Check if the layout is matching with the snapshots 1`] = `
 <DocumentFragment>
   <div
-    class="rounded-full p-2 shadow"
+    class="rounded-full p-2 shadow bg-white"
   >
     <div
       class="rounded-full p-8 bg-iw-shieldSuccessShadow "

diff --git a/inji-web/src/__tests__/components/Credentials/__snapshots__/CredentialList.test.tsx.snap b/inji-web/src/__tests__/components/Credentials/__snapshots__/CredentialList.test.tsx.snap
@@ -16,8 +16,7 @@ exports[`Testing the Layout of CredentialList Layouts Check if the layout is mat
       Choose a credential, and confirm your identity in the next step.
     </div>
     <div
-      class="flex justify-center items-center w-full mx-auto bg-iw-background
- my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
+      class="flex justify-center items-center w-full mx-auto bg-iw-background my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
       data-testid="EmptyList-Outer-Container"
     >
       <p
@@ -105,8 +104,7 @@ exports[`Testing the Layout of CredentialList Layouts Check if the layout is mat
       Choose a credential, and confirm your identity in the next step.
     </div>
     <div
-      class="flex justify-center items-center w-full mx-auto bg-iw-background
- my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
+      class="flex justify-center items-center w-full mx-auto bg-iw-background my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
       data-testid="EmptyList-Outer-Container"
     >
       <p
@@ -136,8 +134,7 @@ exports[`Testing the Layout of CredentialList Layouts Check if the layout is mat
       Choose a credential, and confirm your identity in the next step.
     </div>
     <div
-      class="flex justify-center items-center w-full mx-auto bg-iw-background
- my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
+      class="flex justify-center items-center w-full mx-auto bg-iw-background my-auto flex-col h-72 shadow-md shadow-iw-shadow border-t-iw-shadow px-10"
       data-testid="EmptyList-Outer-Container"
     >
       <p

diff --git a/inji-web/src/__tests__/components/Help/__snapshots__/HelpAccordion.test.tsx.snap b/inji-web/src/__tests__/components/Help/__snapshots__/HelpAccordion.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
     data-testid="Help-Accordion-Container"
   >
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -39,7 +39,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
         </div>
       </button>
       <div
-        class="p-5 bg-iw-background border-t-2"
+        class="p-5 bg-iw-background border-t"
         data-testid="Help-Item-Content-Text"
       >
         <p
@@ -50,7 +50,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </div>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -84,7 +84,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -118,7 +118,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -152,7 +152,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -186,7 +186,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -220,7 +220,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -254,7 +254,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -288,7 +288,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -322,7 +322,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -356,7 +356,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -390,7 +390,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -424,7 +424,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -458,7 +458,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -492,7 +492,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -526,7 +526,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -560,7 +560,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -594,7 +594,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -628,7 +628,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -662,7 +662,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -696,7 +696,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -730,7 +730,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button
@@ -764,7 +764,7 @@ exports[`Testing the layout of Help Accordion Check if the layout is matching wi
       </button>
     </div>
     <div
-      class="rounded-md mb-2 shadow-sm shadow-iw-shadow"
+      class="rounded-md mb-2 shadow-md shadow-iw-shadow"
       data-testid="Help-Item-Container"
     >
       <button