diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index b3afbc11..4e200a0c 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -654,6 +654,8 @@ watch(locale, () => {
               >
                 <template v-if="!currentHq.id">
                   <q-select
+                    id="select-branch"
+                    for="select-branch"
                     v-model="fieldSelectedBranch"
                     style="min-width: 120px"
                     outlined
@@ -664,6 +666,7 @@ watch(locale, () => {
                     dense
                   />
                   <q-btn
+                    id="btn-filter"
                     icon="mdi-tune-vertical-variant"
                     size="sm"
                     class="bordered rounded"
@@ -673,6 +676,7 @@ watch(locale, () => {
                     <q-menu class="bordered">
                       <q-list v-close-popup dense>
                         <q-item
+                          id="btn-filter-all"
                           clickable
                           class="flex items-center"
                           :class="{ 'app-text-info': statusFilter === 'all' }"
@@ -681,6 +685,7 @@ watch(locale, () => {
                           {{ $t('all') }}
                         </q-item>
                         <q-item
+                          id="btn-filter-active"
                           clickable
                           class="flex items-center"
                           :class="{
@@ -691,6 +696,7 @@ watch(locale, () => {
                           {{ $t('statusACTIVE') }}
                         </q-item>
                         <q-item
+                          id="btn-filter-inactive"
                           clickable
                           class="flex items-center"
                           :class="{
@@ -714,6 +720,7 @@ watch(locale, () => {
                 style="flex-grow: 1; display: flex; justify-content: flex-end"
               >
                 <q-input
+                  for="input-Search"
                   style="width: 250px"
                   outlined
                   dense
@@ -725,6 +732,8 @@ watch(locale, () => {
 
               <div style="flex-grow: 1">
                 <q-select
+                  id="select-field"
+                  for="select-field"
                   :options="
                     fieldDisplay.map((v) => ({ label: $t(v), value: v }))
                   "