chore (refs T34082): add E2E Props.

CHANGELOG.md

@@ -6,6 +6,7 @@ Since v0.0.10, this Changelog is formatted according to the [Common Changelog][c
 
 ### Added
 
+- ([#443](https://github.com/demos-europe/demosplan-ui/pull/443)) Add E2E Props ([@ahmad-demos](https://github.com/@ahmad-demos))
 - ([#437](https://github.com/demos-europe/demosplan-ui/pull/437)) Add missing Hooks/Selectors ([@ahmad-demos](https://github.com/@ahmad-demos))
 
 ## v0.1.11 - 2023-08-11

src/components/DpDateRangePicker/DpDateRangePicker.vue

@@ -10,7 +10,7 @@
       :disabled="startDisabled"
       :value="startValue"
       :required="required || (endDate !== '' && endDate < currentDate)"
-      data-cy="startDateDescription"
+      :data-cy="dataCy.startDate"
       @input="handleInputStartDate" />
     <span>-</span>
     <dp-datepicker
@@ -23,7 +23,7 @@
       :disabled="endDisabled"
       :value="endValue"
       :required="required"
-      data-cy="endDateDescription"
+      :data-cy="dataCy.endDate"
       @input="handleInputEndDate" />
   </div>
 </template>
@@ -52,6 +52,15 @@ export default {
       default: 0
     },
 
+    dataCy: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+      validator: (prop) => {
+        return Object.keys(prop).every(key => ['endDate', 'startDate'].includes(key))
+      }
+    },
+
     endDisabled: {
       type: Boolean,
       required: false,

src/components/DpDatepicker/DpDatepicker.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     :id="id"
-    data-cy="datepicker"
+    :data-cy="dataCy"
     @input.stop.prevent="emitUpdate" />
 </template>
 
@@ -25,6 +25,11 @@ export default {
       default: 0
     },
 
+    dataCy: {
+      type: String,
+      required: false,
+    },
+
     disabled: {
       type: Boolean,
       required: false,