[INJIMOB-1419] Added id attribute. (mosip#726)

Signed-off-by: GurukiranP <talk2gurukiran@gmail.com>
gk-4VII · May 28, 2024 · ca68966 · ca68966
1 parent 5fa4e4c
commit ca68966
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/oidc-ui/src/common/ErrorBanner.js b/oidc-ui/src/common/ErrorBanner.js
@@ -19,12 +19,14 @@ const ErrorBanner = ({
         "flex justify-between items-center px-2 sm:px-5 lg:-mx-5 md:-mx-4 sm:-mx-3 -mx-3 error-banner " +
         customClass
       }
+      id="error-banner"
     >
-      <div className="error-banner-text text-sm font-semibold">{t(errorCode)}</div>
+      <div className="error-banner-text text-sm font-semibold" id="error-banner-message">{t(errorCode)}</div>
       <img
         onClick={onCloseHandle}
         className="h-2.5 w-2.5 hover:cursor-pointer"
         src="images/cross_icon.svg"
+        id="error-close-button"
       />
     </div>
   );

diff --git a/oidc-ui/src/components/Background.js b/oidc-ui/src/components/Background.js
@@ -45,10 +45,10 @@ export default function Background({
     >
       <div className="flex flex-col flex-grow lg:px-5 md:px-4 sm:px-3 px-3">
         <div className="w-full">
-          <h1 className="flex text-center justify-center title-font sm:text-base text-base mb-3 font-medium text-gray-900">
+          <h1 className="flex text-center justify-center title-font sm:text-base text-base mb-3 font-medium text-gray-900" id="login-header">
             {heading}
           </h1>
-          <h1 className="flex text-center justify-center title-font sm:text-base text-base mb-3 font-small text-gray-400">{subheading}</h1>
+          <h1 className="flex text-center justify-center title-font sm:text-base text-base mb-3 font-small text-gray-400" id="login-subheader">{subheading}</h1>
         </div>
         <div className="w-full flex mb-4 justify-center items-center">
           <img
@@ -70,7 +70,7 @@ export default function Background({
       {/* Enable the signup banner when it is true in the signup.config of oauth-details */}
       {signupBanner && 
       <div className="signup-banner">
-        <p className="signup-banner-text">{t("noAccount")}</p>
+        <p className="signup-banner-text" id="no-account">{t("noAccount")}</p>
         <a className="signup-banner-hyperlink" id="signup-url-button" href={signupURL} target="_self" onClick={() => handleSignup()}>{t("signup_for_unified_login")}</a>
       </div>}
     </div>