diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 6a83c4ba..d02e4f14 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -2305,6 +2305,7 @@ async function formDownload() {
             solid
             icon="mdi-account-multiple-check-outline"
             color="207 96% 32%"
+            id="btn-approve-invoice"
             @click="
               () => {
                 convertInvoiceToSubmit();
@@ -2328,15 +2329,18 @@ async function formDownload() {
           <UndoButton
             outlined
             @click="closeTab()"
+            id="btn-undo"
             v-if="quotationFormState.mode === 'edit'"
           />
           <CloseButton
             outlined
+            id="btn-close"
             @click="closeTab()"
             v-if="quotationFormState.mode === 'info' && closeAble()"
           />
           <SaveButton
             type="submit"
+            id="btn-save"
             v-if="
               quotationFormState.mode === 'create' ||
               quotationFormState.mode === 'edit'
@@ -2347,6 +2351,7 @@ async function formDownload() {
           <EditButton
             v-else
             class="no-print"
+            id="btn-edit"
             @click="quotationFormState.mode = 'edit'"
             solid
           />