diff --git a/lib/vue/src/components/input/CInputConfirm.vue b/lib/vue/src/components/input/CInputConfirm.vue
index 32d7fe6e8..fbac73295 100644
--- a/lib/vue/src/components/input/CInputConfirm.vue
+++ b/lib/vue/src/components/input/CInputConfirm.vue
@@ -2,8 +2,8 @@
   <div class="d-inline-flex">
     <template v-if="!inConfirmation">
       <b-button
-        data-test-id="button-delete"
         v-b-tooltip.noninteractive.hover="{ title: tooltip, container: '#body' }"
+        :data-test-id="dataTestId"
         :variant="variant"
         :size="size"
         :disabled="disabled || processing"
@@ -38,7 +38,7 @@
 
     <template v-else>
       <b-button
-        data-test-id="button-delete-confirm"
+        :data-test-id="`${dataTestId}-confirm`"
         :variant="variantOk"
         :size="sizeConfirm"
         :disabled="okDisabled"
@@ -56,7 +56,7 @@
       </b-button>
 
       <b-button
-        data-test-id="button-delete-cancel"
+        :data-test-id="`${dataTestId}-cancel`"
         :variant="variantCancel"
         :size="sizeConfirm"
         :disabled="cancelDisabled"
@@ -144,6 +144,11 @@ export default {
       type: String,
       default: '',
     },
+
+    dataTestId: {
+      type: String,
+      default: 'button-delete',
+    },
   },
 
   data () {