diff --git a/src/components/01_branch-management/BranchCard.vue b/src/components/01_branch-management/BranchCard.vue
index 77518037..31214405 100644
--- a/src/components/01_branch-management/BranchCard.vue
+++ b/src/components/01_branch-management/BranchCard.vue
@@ -44,6 +44,7 @@ defineProps<{
       >
         <span>{{ v }}</span>
         <q-btn
+          :id="`${v}-view-detail`"
           @click.stop="$emit('view-detail', metadata ?? data)"
           :label="$t('viewDetail')"
           rounded
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 991b5b0b..b3afbc11 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -742,6 +742,7 @@ watch(locale, () => {
             </div>
             <div class="branch-container">
               <BranchCard
+                :id="`branch-card-${item.name}`"
                 v-for="item in treeData
                   .flatMap((v) => [v, ...v.branch])
                   .filter((v) => {