diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 08b595e0..991b5b0b 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -505,6 +505,7 @@ watch(locale, () => {
                     <div class="q-gutter-xs flex no-wrap" @click.stop>
                       <q-btn
                         v-if="node.isHeadOffice"
+                        :id="`create-sub-branch-btn-${node.name}`"
                         @click.stop="
                           triggerCreate('subBranch', node.id, node.code)
                         "
@@ -513,10 +514,17 @@ watch(locale, () => {
                         unelevated
                       />
 
-                      <q-btn icon="mdi-dots-vertical" fab-mini unelevated flat>
+                      <q-btn
+                        :id="`view-detail-btn-${node.name}`"
+                        icon="mdi-dots-vertical"
+                        fab-mini
+                        unelevated
+                        flat
+                      >
                         <q-menu class="bordered">
                           <q-list v-close-popup>
                             <q-item
+                              :id="`view-detail-btn-${node.name}-view`"
                               @click="
                                 if (node.isHeadOffice) {
                                   triggerEdit('drawer', node.id, 'headOffice');
@@ -540,6 +548,7 @@ watch(locale, () => {
                               </span>
                             </q-item>
                             <q-item
+                              :id="`view-detail-btn-${node.name}-edit`"
                               clickable
                               dense
                               class="row q-py-sm"
@@ -565,6 +574,7 @@ watch(locale, () => {
                               </span>
                             </q-item>
                             <q-item
+                              :id="`view-detail-btn-${node.name}-delete`"
                               dense
                               :clickable="node.status === 'CREATED'"
                               class="row"
@@ -593,6 +603,7 @@ watch(locale, () => {
                               <q-item-section class="q-py-sm">
                                 <div class="q-pa-sm surface-2 rounded">
                                   <q-toggle
+                                    :id="`view-detail-btn-${node.name}-status`"
                                     dense
                                     size="sm"
                                     :label="
@@ -602,8 +613,6 @@ watch(locale, () => {
                                     "
                                     @click="
                                       async () => {
-                                        console.log('dddgdfg');
-
                                         const res = await branchStore.editById(
                                           node.id,
                                           {