diff --git a/src/components/01_branch-management/FormBranchContact.vue b/src/components/01_branch-management/FormBranchContact.vue
index a2f21564..fbeafe2a 100644
--- a/src/components/01_branch-management/FormBranchContact.vue
+++ b/src/components/01_branch-management/FormBranchContact.vue
@@ -26,6 +26,7 @@ defineProps<{
       class="col-5"
       :label="$t('formDialogInputEmailHq')"
       v-model="email"
+      id="input-email"
     />
 
     <q-input
@@ -37,6 +38,7 @@ defineProps<{
       class="col-7"
       :label="$t('formDialogInputTelephoneHq')"
       v-model="telephoneNo"
+      id="input-telephone-no"
     />
 
     <q-input
@@ -48,6 +50,7 @@ defineProps<{
       class="col-5"
       :label="$t('formDialogInputContactName')"
       v-model="contactName"
+      id="input-contact-name"
     />
 
     <q-input
@@ -59,6 +62,7 @@ defineProps<{
       class="col-7"
       :label="$t('formDialogInputTelephoneContact')"
       v-model="contact"
+      id="input-contact"
     />
 
     <q-input
@@ -70,6 +74,7 @@ defineProps<{
       class="col-5"
       label="Line ID"
       v-model="lineId"
+      id="input-line-id"
     />
   </div>
   <q-separator
diff --git a/src/components/01_branch-management/FormBranchInformation.vue b/src/components/01_branch-management/FormBranchInformation.vue
index 60d7157d..87712bd9 100644
--- a/src/components/01_branch-management/FormBranchInformation.vue
+++ b/src/components/01_branch-management/FormBranchInformation.vue
@@ -30,6 +30,7 @@ defineProps<{
       }"
       :label="$t('formDialogInputCode')"
       v-model="code"
+      id="input-code"
     />
 
     <q-input
@@ -45,6 +46,7 @@ defineProps<{
       }"
       :label="$t('branchLabelCode')"
       v-model="codeSubBranch"
+      id="input-code-sub-branch"
     />
 
     <q-input
@@ -63,6 +65,7 @@ defineProps<{
       :rules="[
         (val) => (val && val.length > 0) || $t('formDialogInputTaxNoValidate'),
       ]"
+      id="input-tax-no"
     />
 
     <q-input
@@ -85,6 +88,7 @@ defineProps<{
           ? $t('formDialogInputNameHqValidate')
           : $t('formDialogInputNameSubBranchValidate')
       "
+      id="input-name"
     />
 
     <q-input
@@ -106,6 +110,7 @@ defineProps<{
           ? $t('formDialogInputNameHqEnValidate')
           : $t('formDialogInputNameSubBranchEnValidate')
       "
+      id="input-name-en"
     />
   </div>
   <q-separator
diff --git a/src/components/01_branch-management/FormImage.vue b/src/components/01_branch-management/FormImage.vue
index e7e35df7..50263e39 100644
--- a/src/components/01_branch-management/FormImage.vue
+++ b/src/components/01_branch-management/FormImage.vue
@@ -31,6 +31,7 @@ defineEmits<{
         rounded
         :label="$t('formDialogBtnImg')"
         @click="$emit('upload')"
+        id="btn-image-upload"
       />
     </div>
   </div>
diff --git a/src/components/01_branch-management/FormLocation.vue b/src/components/01_branch-management/FormLocation.vue
index f5daa12f..7fc93664 100644
--- a/src/components/01_branch-management/FormLocation.vue
+++ b/src/components/01_branch-management/FormLocation.vue
@@ -55,6 +55,7 @@ defineProps<{
         rounded
         :label="$t('formDialogBtnLocation')"
         @click="getLocation()"
+        id="btn-get-location"
       />
     </div>
   </div>
diff --git a/src/components/01_branch-management/FormQr.vue b/src/components/01_branch-management/FormQr.vue
index c74aef32..6875f2f0 100644
--- a/src/components/01_branch-management/FormQr.vue
+++ b/src/components/01_branch-management/FormQr.vue
@@ -49,6 +49,7 @@ defineEmits<{
         rounded
         :label="$t('formDialogUploadQrCode')"
         @click="$emit('upload')"
+        id="btn-upload-qr-code"
       />
     </div>
   </div>