diff --git a/app/frontend/src/components/designer/settings/FormFunctionalitySettings.vue b/app/frontend/src/components/designer/settings/FormFunctionalitySettings.vue
index 79b25a5db..86df7fd23 100644
--- a/app/frontend/src/components/designer/settings/FormFunctionalitySettings.vue
+++ b/app/frontend/src/components/designer/settings/FormFunctionalitySettings.vue
@@ -82,6 +82,7 @@ defineExpose({
 
     <v-checkbox
       v-model="form.enableStatusUpdates"
+      data-test="canUpdateStatusOfFormCheckbox"
       hide-details="auto"
       class="my-0"
     >
@@ -96,6 +97,7 @@ defineExpose({
 
     <v-checkbox
       v-model="form.allowSubmitterToUploadFile"
+      data-test="canUploadDraftCheckbox"
       hide-details="auto"
       class="my-0"
       :disabled="form.userType === ID_MODE.PUBLIC"
@@ -140,6 +142,7 @@ defineExpose({
       v-model="form.schedule.enabled"
       disabled
       hide-details="auto"
+      data-test="canScheduleFormSubmissionCheckbox"
       class="my-0"
     >
       <template #label>
@@ -153,6 +156,7 @@ defineExpose({
       v-if="formStore.isFormPublished"
       v-model="form.schedule.enabled"
       hide-details="auto"
+      data-test="canScheduleFormSubmissionCheckbox"
       class="my-0"
     >
       <template #label>
@@ -191,6 +195,7 @@ defineExpose({
     <v-checkbox
       v-model="form.enableCopyExistingSubmission"
       hide-details="auto"
+      data-test="canCopyExistingSubmissionCheckbox"
       class="my-0"
       :disabled="form.userType === ID_MODE.PUBLIC"
     >
@@ -231,6 +236,7 @@ defineExpose({
     <v-checkbox
       v-model="form.subscribe.enabled"
       hide-details="auto"
+      data-test="canAllowEventSubscriptionCheckbox"
       class="my-0"
       :disabled="primaryIdpUser === false || !formStore.isFormPublished"
     >
@@ -268,7 +274,12 @@ defineExpose({
         </div>
       </template>
     </v-checkbox>
-    <v-checkbox v-model="form.wideFormLayout" hide-details="auto" class="my-0">
+    <v-checkbox
+      v-model="form.wideFormLayout"
+      hide-details="auto"
+      data-test="canAllowWideFormLayoutCheckbox"
+      class="my-0"
+    >
       <template #label>
         <div :class="{ 'mr-2': isRTL }">
           <span
diff --git a/app/frontend/src/components/designer/settings/FormSubmissionSettings.vue b/app/frontend/src/components/designer/settings/FormSubmissionSettings.vue
index c5822242a..5a4bc077b 100644
--- a/app/frontend/src/components/designer/settings/FormSubmissionSettings.vue
+++ b/app/frontend/src/components/designer/settings/FormSubmissionSettings.vue
@@ -32,6 +32,7 @@ const emailArrayRules = ref([
     <v-checkbox
       v-model="form.showSubmissionConfirmation"
       hide-details="auto"
+      data-test="canAllowSubmissionConfirmationCheckbox"
       class="my-0"
       :class="{ 'dir-rtl': isRTL }"
     >
diff --git a/app/frontend/src/components/forms/manage/ApiKey.vue b/app/frontend/src/components/forms/manage/ApiKey.vue
index 8f39efad1..69135661f 100644
--- a/app/frontend/src/components/forms/manage/ApiKey.vue
+++ b/app/frontend/src/components/forms/manage/ApiKey.vue
@@ -128,6 +128,7 @@ export default {
                 ? $t('trans.apiKey.regenerate')
                 : $t('trans.apiKey.generate')
             }${$t('trans.apiKey.apiKey')}`"
+            data-test="canGenerateAPIKey"
             @click="showConfirmationDialog = true"
           >
             <span :lang="lang"
@@ -163,6 +164,7 @@ export default {
                 size="x-small"
                 density="default"
                 :icon="showSecret ? 'mdi:mdi-eye-off' : 'mdi:mdi-eye'"
+                data-test="canReadAPIKey"
                 :title="$t('trans.apiKey.hideSecret')"
                 @click="showHideKey"
               />
@@ -175,6 +177,7 @@ export default {
 
           <BaseCopyToClipboard
             :disabled="!canReadSecret || !showSecret"
+            data-test="canAllowCopyAPIKey"
             class="mx-2"
             :text-to-copy="secret"
             :snack-bar-text="$t('trans.apiKey.sCTC')"
@@ -191,6 +194,7 @@ export default {
                 size="x-small"
                 density="default"
                 icon="mdi:mdi-delete"
+                data-test="canDeleteApiKey"
                 :title="$t('trans.apiKey.deleteKey')"
                 @click="showDeleteDialog = true"
               />
@@ -261,6 +265,7 @@ export default {
         v-model="filesApiAccess"
         :disabled="!apiKey"
         :label="$t('trans.apiKey.filesAPIAccess')"
+        data-test="canAllowFileAccess"
         @update:model-value="updateKey"
       ></v-checkbox>
     </v-col>
diff --git a/app/frontend/src/components/forms/manage/ManageForm.vue b/app/frontend/src/components/forms/manage/ManageForm.vue
index fe7bea712..04a6e9f8d 100644
--- a/app/frontend/src/components/forms/manage/ManageForm.vue
+++ b/app/frontend/src/components/forms/manage/ManageForm.vue
@@ -145,7 +145,11 @@ export default {
       <v-expansion-panel flat>
         <!-- Form Settings -->
         <v-expansion-panel-title>
-          <div class="header" :lang="lang">
+          <div
+            class="header"
+            :lang="lang"
+            data-test="canExpandFormSettingsPanel"
+          >
             <strong>{{ $t('trans.manageForm.formSettings') }}</strong>
             <span :lang="lang">
               <small>
@@ -160,6 +164,7 @@ export default {
                 color="primary"
                 style="font-size: 14px"
                 :title="$t('trans.generalLayout.edit')"
+                data-test="canAllowEditFormSettings"
                 @click.stop="enableSettingsEdit"
               >
                 <v-icon icon="mdi:mdi-pencil"></v-icon>
@@ -186,6 +191,7 @@ export default {
               :class="isRTL ? 'ml-5' : 'mr-5'"
               color="primary"
               :title="$t('trans.manageForm.update')"
+              data-test="canEditForm"
               @click="updateSettings"
             >
               <span :lang="lang">{{ $t('trans.manageForm.update') }}</span>
@@ -193,6 +199,7 @@ export default {
             <v-btn
               variant="outlined"
               :title="$t('trans.manageForm.cancel')"
+              data-test="canCancelEdit"
               @click="cancelSettingsEdit"
             >
               <span :lang="lang">{{ $t('trans.manageForm.cancel') }}</span>
@@ -242,7 +249,11 @@ export default {
     >
       <v-expansion-panel flat>
         <v-expansion-panel-title>
-          <div class="header" :lang="lang">
+          <div
+            class="header"
+            :lang="lang"
+            data-test="canExpandApiKeySettingsPanel"
+          >
             <strong>{{ $t('trans.manageForm.apiKey') }}</strong>
             <span v-if="apiKey" :lang="lang">
               <small v-if="apiKey.updatedBy">
@@ -274,7 +285,7 @@ export default {
     >
       <v-expansion-panel flat>
         <v-expansion-panel-title>
-          <div class="header" :lang="lang">
+          <div class="header" :lang="lang" data-test="canExpandCDOGSPanel">
             <strong>{{ $t('trans.manageForm.cdogsTemplate') }}</strong>
           </div>
         </v-expansion-panel-title>
@@ -288,7 +299,11 @@ export default {
     <v-expansion-panels v-model="versionsPanel" class="nrmc-expand-collapse">
       <v-expansion-panel flat>
         <v-expansion-panel-title>
-          <div class="header" :lang="lang">
+          <div
+            class="header"
+            :lang="lang"
+            data-test="canExpandFormDesignHistoryPanel"
+          >
             <strong style="flex: 1">{{
               $t('trans.manageForm.formDesignHistory')
             }}</strong>
diff --git a/app/frontend/src/components/forms/manage/ManageFormActions.vue b/app/frontend/src/components/forms/manage/ManageFormActions.vue
index cb7873b28..bd34a19b0 100644
--- a/app/frontend/src/components/forms/manage/ManageFormActions.vue
+++ b/app/frontend/src/components/forms/manage/ManageFormActions.vue
@@ -70,6 +70,7 @@ export default {
               size="x-small"
               density="default"
               icon="mdi:mdi-list-box-outline"
+              data-test="canViewFormSubmissions"
               :title="$t('trans.manageFormActions.viewSubmissions')"
             />
           </router-link>
@@ -91,6 +92,7 @@ export default {
               size="x-small"
               density="default"
               icon="mdi:mdi-account-multiple"
+              data-test="canManageTeammembers"
               :title="$t('trans.manageFormActions.teamManagement')"
             />
           </router-link>
@@ -112,6 +114,7 @@ export default {
               size="x-small"
               density="default"
               icon="mdi:mdi-email"
+              data-test="canUpdateEmail"
               :title="$t('trans.manageFormActions.emailManagement')"
             />
           </router-link>
@@ -133,6 +136,7 @@ export default {
             size="x-small"
             density="default"
             icon="mdi:mdi-delete"
+            data-test="canRemoveForm"
             :title="$t('trans.manageFormActions.deleteForm')"
             @click="showDeleteDialog = true"
           />
diff --git a/app/frontend/src/components/forms/manage/TeamManagement.vue b/app/frontend/src/components/forms/manage/TeamManagement.vue
index 287d04d37..8e2c0059c 100644
--- a/app/frontend/src/components/forms/manage/TeamManagement.vue
+++ b/app/frontend/src/components/forms/manage/TeamManagement.vue
@@ -571,6 +571,7 @@ export default {
           v-model="item.form_designer"
           v-ripple
           :disabled="updating"
+          data-test="FormDesignerRoleCheckbox"
           @update:modelValue="toggleRole(item)"
         ></v-checkbox-btn>
       </template>
@@ -581,6 +582,7 @@ export default {
           v-model="item.owner"
           v-ripple
           :disabled="updating"
+          data-test="OwnerRoleCheckbox"
           @update:modelValue="toggleRole(item)"
         ></v-checkbox-btn>
       </template>
@@ -591,6 +593,7 @@ export default {
           v-model="item.submission_approver"
           v-ripple
           :disabled="updating"
+          data-test="ApproverRoleCheckbox"
           @update:modelValue="toggleRole(item)"
         ></v-checkbox-btn>
       </template>
@@ -601,6 +604,7 @@ export default {
           v-model="item.submission_reviewer"
           v-ripple
           :disabled="updating"
+          data-test="ReviewerRoleCheckbox"
           @update:modelValue="toggleRole(item)"
         ></v-checkbox-btn>
       </template>
@@ -611,6 +615,7 @@ export default {
           v-model="item.form_submitter"
           v-ripple
           :disabled="updating"
+          data-test="SubmitterRoleCheckbox"
           @update:modelValue="toggleRole(item)"
         ></v-checkbox-btn>
       </template>
@@ -621,6 +626,7 @@ export default {
           v-model="item.team_manager"
           v-ripple
           :disabled="updating"
+          data-test="TeamManagerRoleCheckbox"
           @update:modelValue="toggleRole(item)"
         ></v-checkbox-btn>
       </template>
diff --git a/app/frontend/src/components/forms/submission/NotesPanel.vue b/app/frontend/src/components/forms/submission/NotesPanel.vue
index 380e0e33c..4540ab7a5 100644
--- a/app/frontend/src/components/forms/submission/NotesPanel.vue
+++ b/app/frontend/src/components/forms/submission/NotesPanel.vue
@@ -85,6 +85,7 @@ export default {
   >
     <div
       class="d-flex flex-md-row justify-space-between"
+      data-test="showNotesPanel"
       @click="showNotesContent = !showNotesContent"
     >
       <div cols="12" sm="6">
@@ -115,6 +116,7 @@ export default {
               size="x-small"
               v-bind="props"
               :title="$t('trans.notesPanel.addNewNote')"
+              data-test="canAddNewNote"
               @click.stop="showNoteField = true"
               @click="showNotesContent = true"
             >
@@ -135,6 +137,7 @@ export default {
           auto-grow
           density="compact"
           variant="outlined"
+          data-test="canAddNotes"
           solid
           :lang="lang"
         />
@@ -145,6 +148,7 @@ export default {
               color="primary"
               variant="outlined"
               :title="$t('trans.notesPanel.cancel')"
+              data-test="canCancelNote"
               @click="showNoteField = false"
             >
               <span :lang="lang">{{ $t('trans.notesPanel.cancel') }}</span>
diff --git a/app/frontend/src/components/forms/submission/StatusPanel.vue b/app/frontend/src/components/forms/submission/StatusPanel.vue
index 005403038..06e861a82 100644
--- a/app/frontend/src/components/forms/submission/StatusPanel.vue
+++ b/app/frontend/src/components/forms/submission/StatusPanel.vue
@@ -300,7 +300,11 @@ export default {
 
 <template>
   <div :class="{ 'dir-rtl': isRTL }">
-    <div class="flex-container" @click="showStatusContent = !showStatusContent">
+    <div
+      class="flex-container"
+      data-test="showStatusPanel"
+      @click="showStatusContent = !showStatusContent"
+    >
       <h2 class="status-heading" :class="{ 'dir-rtl': isRTL }" :lang="lang">
         {{ $t('trans.formSubmission.status') }}
         <v-icon>{{
@@ -316,13 +320,14 @@ export default {
         <span :class="isRTL ? 'status-details-rtl' : 'status-details'">
           <strong>{{ $t('trans.statusPanel.currentStatus') }}</strong>
           {{ currentStatus.code }}
+          data-test="showCurrentStatus"
         </span>
         <span :class="isRTL ? 'status-details-rtl' : 'status-details'">
           <strong>{{ $t('trans.statusPanel.assignedTo') }}</strong>
           {{ currentStatus.user ? currentStatus.user.fullName : 'N/A' }}
-          <span v-if="currentStatus.user"
-            >({{ currentStatus.user.email }})</span
-          >
+          <span v-if="currentStatus.user" data-test="showAssigneeEmail">
+            ({{ currentStatus.user.email }})
+          </span>
         </span>
       </p>
     </div>
@@ -339,7 +344,7 @@ export default {
           <br />
           <strong>{{ $t('trans.statusPanel.assignedTo') }}</strong>
           {{ currentStatus.user ? currentStatus.user.fullName : 'N/A' }}
-          <span v-if="currentStatus.user"
+          <span v-if="currentStatus.user" data-test="showAssigneeEmail"
             >({{ currentStatus.user.email }})</span
           >
         </p>
@@ -357,6 +362,7 @@ export default {
             variant="outlined"
             :items="items"
             item-title="display"
+            data-test="showStatusList"
             item-value="code"
             style="width: 100% !important; padding: 0px !important"
             :rules="[(v) => !!v || $t('trans.statusPanel.statusIsRequired')]"
@@ -388,6 +394,7 @@ export default {
                 v-model="assignee"
                 :class="{ 'dir-rtl': isRTL }"
                 autocomplete="autocomplete_off"
+                data-test="showAssigneeList"
                 clearable
                 :custom-filter="autoCompleteFilter"
                 :items="formReviewers"
@@ -423,6 +430,7 @@ export default {
                   size="small"
                   color="primary"
                   class="pl-0 my-0 text-end"
+                  data-test="canAssignToMe"
                   :title="$t('trans.statusPanel.assignToMe')"
                   @click="assignToCurrentUser"
                 >
@@ -441,6 +449,7 @@ export default {
                 density="compact"
                 :class="{ 'dir-rtl': isRTL }"
                 :lang="lang"
+                data-test="showRecipientEmail"
               />
             </div>
 
@@ -449,6 +458,7 @@ export default {
                 v-model="addComment"
                 :label="$t('trans.statusPanel.attachCommentToEmail')"
                 :lang="lang"
+                data-test="canAttachCommentToEmail"
               />
               <div v-if="addComment">
                 <label :lang="lang">{{
@@ -465,6 +475,7 @@ export default {
                   auto-grow
                   density="compact"
                   variant="outlined"
+                  data-test="canAddComment"
                   solid
                 />
               </div>
@@ -482,6 +493,7 @@ export default {
                     color="textLink"
                     v-bind="props"
                     :title="$t('trans.statusPanel.viewHistory')"
+                    data-test="viewHistoryButton"
                   >
                     <span :lang="lang">{{
                       $t('trans.statusPanel.viewHistory')
@@ -492,6 +504,7 @@ export default {
                     :disabled="!statusToSet"
                     color="primary"
                     :title="statusAction"
+                    data-test="updateStatusToNew"
                     @click="updateStatus"
                   >
                     <span>{{ statusAction }}</span>
@@ -518,6 +531,7 @@ export default {
                       color="primary"
                       variant="flat"
                       :title="$t('trans.statusPanel.close')"
+                      data-test="canCloseStatusPanel"
                       @click="historyDialog = false"
                     >
                       <span :lang="lang">{{