diff --git a/dictation_client/src/components/delegate/index.tsx b/dictation_client/src/components/delegate/index.tsx
index 1bfce9e..a4750de 100644
--- a/dictation_client/src/components/delegate/index.tsx
+++ b/dictation_client/src/components/delegate/index.tsx
@@ -46,6 +46,7 @@ export const DelegationBar: React.FC = (): JSX.Element => {
         alt="Exit"
         title="Exit"
         onClick={onClickExit}
+        data-tag="exit-delegation"
       />
     </div>
   );
diff --git a/dictation_client/src/components/header/loginedHeader.tsx b/dictation_client/src/components/header/loginedHeader.tsx
index 86f5e68..57ee5dd 100644
--- a/dictation_client/src/components/header/loginedHeader.tsx
+++ b/dictation_client/src/components/header/loginedHeader.tsx
@@ -87,6 +87,7 @@ const LoginedHeader: React.FC<HeaderProps> = (props: HeaderProps) => {
                     ? styles.isActive
                     : ""
                 }
+                data-tag={`menu-${x.key}`}
               >
                 {t(x.label)}
               </a>
@@ -101,6 +102,7 @@ const LoginedHeader: React.FC<HeaderProps> = (props: HeaderProps) => {
           <span
             className={styles.accountSignout}
             onClick={onSignoutButton}
+            data-tag="logout"
             style={{ pointerEvents: isDelegation ? "none" : "auto" }}
           >
             <img src={logout} alt="" className={styles.accountIcon} />
diff --git a/dictation_client/src/components/snackbar/index.tsx b/dictation_client/src/components/snackbar/index.tsx
index 2f41161..0967d86 100644
--- a/dictation_client/src/components/snackbar/index.tsx
+++ b/dictation_client/src/components/snackbar/index.tsx
@@ -39,22 +39,34 @@ const Snackbar: React.FC<SnackbarProps> = (props) => {
   const isShow = isOpen ? styles.isShow : "";
 
   return (
-    <div className={`${styles.snackbar} ${isAlert} ${isShow}`}>
+    <div
+      className={`${styles.snackbar} ${isAlert} ${isShow}`}
+      data-tag="snackbar"
+    >
       {level === "error" ? (
-        <img src={reportWhite} className={styles.snackbarIcon} alt="check" />
+        <img
+          src={reportWhite}
+          className={styles.snackbarIcon}
+          alt="check"
+          data-tag="snackbar-error"
+        />
       ) : (
         <img
           src={checkCircleWhite}
           className={styles.snackbarIcon}
           alt="report"
+          data-tag="snackbar-report"
         />
       )}
-      <p className={styles.txNormal}>{message}</p>
+      <p className={styles.txNormal} data-tag="snackbar-text">
+        {message}
+      </p>
       {level === "error" && (
         <button
           style={{ marginLeft: "auto" }}
           type="button"
           onClick={onCloseSnackbar}
+          data-tag="close-snackbar"
         >
           <img
             src={closeWhite}
diff --git a/dictation_client/src/pages/AccountPage/deleteAccountPopup.tsx b/dictation_client/src/pages/AccountPage/deleteAccountPopup.tsx
index 2fcb13c..54aa4d2 100644
--- a/dictation_client/src/pages/AccountPage/deleteAccountPopup.tsx
+++ b/dictation_client/src/pages/AccountPage/deleteAccountPopup.tsx
@@ -56,7 +56,11 @@ export const DeleteAccountPopup: React.FC<DeleteAccountPopupProps> = (
       <div className={styles.modalBox}>
         <p className={styles.modalTitle}>
           {t(getTranslationID("deleteAccountPopup.label.title"))}
-          <button type="button" onClick={closePopup}>
+          <button
+            type="button"
+            onClick={closePopup}
+            data-tag="close-delegate-popup"
+          >
             <img src={close} className={styles.modalTitleIcon} alt="close" />
           </button>
         </p>
@@ -92,6 +96,7 @@ export const DeleteAccountPopup: React.FC<DeleteAccountPopupProps> = (
                 )}
                 className={`${styles.formDelete} ${styles.marginBtm1} ${styles.isActive}`}
                 onClick={onDeleteAccount}
+                data-tag="delete-account"
               />
               <p>
                 <input
@@ -102,6 +107,7 @@ export const DeleteAccountPopup: React.FC<DeleteAccountPopupProps> = (
                   )}
                   className={`${styles.formButtonTx} ${styles.marginBtm1}`}
                   onClick={closePopup}
+                  data-tag="cancel-delete-account"
                 />
               </p>
             </dd>
diff --git a/dictation_client/src/pages/AccountPage/index.tsx b/dictation_client/src/pages/AccountPage/index.tsx
index 924048c..79963ae 100644
--- a/dictation_client/src/pages/AccountPage/index.tsx
+++ b/dictation_client/src/pages/AccountPage/index.tsx
@@ -364,6 +364,7 @@ const AccountPage: React.FC = (): JSX.Element => {
                     }
                 `}
                     onClick={onSaveChangesButton}
+                    data-tag="savechanges-account"
                   />
                   <img
                     style={{ display: isLoading ? "inline" : "none" }}
@@ -377,7 +378,11 @@ const AccountPage: React.FC = (): JSX.Element => {
                 <ul className={styles.linkBottom}>
                   <li>
                     {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
-                    <a className={styles.linkTx} onClick={onDeleteAccountOpen}>
+                    <a
+                      className={styles.linkTx}
+                      onClick={onDeleteAccountOpen}
+                      data-tag="open-delete-account-popup"
+                    >
                       {t(getTranslationID("accountPage.label.deleteAccount"))}
                     </a>
                   </li>
diff --git a/dictation_client/src/pages/TermsPage/index.tsx b/dictation_client/src/pages/TermsPage/index.tsx
index 586b029..cb45b5d 100644
--- a/dictation_client/src/pages/TermsPage/index.tsx
+++ b/dictation_client/src/pages/TermsPage/index.tsx
@@ -109,6 +109,7 @@ const TermsPage: React.FC = (): JSX.Element => {
                       target="_blank"
                       className={styles.linkTx}
                       onClick={() => setIsClickedEulaLink(true)}
+                      data-tag="open-eula"
                     >
                       {t(getTranslationID("termsPage.label.linkOfEula"))}
                     </a>
@@ -123,6 +124,7 @@ const TermsPage: React.FC = (): JSX.Element => {
                         value=""
                         onChange={(e) => setIsCheckedEula(e.target.checked)}
                         disabled={!isClickedEulaLink}
+                        data-tag="accept-eula"
                       />
                       {t(
                         getTranslationID("termsPage.label.checkBoxForConsent")
@@ -140,6 +142,7 @@ const TermsPage: React.FC = (): JSX.Element => {
                         target="_blank"
                         className={styles.linkTx}
                         onClick={() => setIsClickedDpaLink(true)}
+                        data-tag="open-dpa"
                       >
                         {t(getTranslationID("termsPage.label.linkOfDpa"))}
                       </a>
@@ -154,6 +157,7 @@ const TermsPage: React.FC = (): JSX.Element => {
                           value=""
                           onChange={(e) => setIsCheckedDpa(e.target.checked)}
                           disabled={!isClickedDpaLink}
+                          data-tag="accept-dpa"
                         />
                         {t(
                           getTranslationID("termsPage.label.checkBoxForConsent")
@@ -172,6 +176,7 @@ const TermsPage: React.FC = (): JSX.Element => {
                         canClickButton() ? styles.isActive : ""
                       }`}
                       onClick={onAcceptTermsOfUse}
+                      data-tag="accept-terms"
                     />
                   </p>
                 </dd>
diff --git a/dictation_client/src/pages/TopPage/index.tsx b/dictation_client/src/pages/TopPage/index.tsx
index 20ab130..1a4e435 100644
--- a/dictation_client/src/pages/TopPage/index.tsx
+++ b/dictation_client/src/pages/TopPage/index.tsx
@@ -86,6 +86,7 @@ const TopPage: React.FC = (): JSX.Element => {
                     };
                     instance.loginRedirect(loginRequest);
                   }}
+                  data-tag="signin"
                 >
                   {t(getTranslationID("topPage.label.signInButton"))}
                   <img