ayanova/src/components/date-time-control.vue

@@ -18,12 +18,14 @@
               v-bind:rules="rules"
               readonly
               :error="!!error"
+              :data-cy="'dtfpick:' + testId"
             ></v-text-field>
           </template>
           <v-date-picker
             v-model="dateOnly"
             @input="dlgdate = false"
             :locale="defaultLocale"
+            :data-cy="'dpick:' + testId"
           >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgdate = false">{{
@@ -55,6 +57,7 @@
             ampm-in-title
             :format="hour12 ? 'ampm' : '24hr'"
             v-model="timeOnly"
+            :data-cy="'tpick:' + testId"
           >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgtime = false">{{
@@ -98,7 +101,8 @@ export default {
     error: {
       type: String,
       required: false
-    }
+    },
+    testId: String
   },
   methods: {
     t(tKey) {

ayanova/src/views/widget.vue

@@ -101,6 +101,7 @@
                 :readonly="formState.readOnly"
                 ref="startDate"
                 data-cy="startDate"
+                testId="startDate"
                 :error-messages="form().serverErrors(this, 'startDate')"
                 @input="fieldValueChanged('startDate')"
               ></gz-date-time-picker>
@@ -114,7 +115,7 @@
                 v-model="obj.endDate"
                 :readonly="formState.readOnly"
                 ref="endDate"
-                data-cy="endDate"
+                testId="endDate"
                 @input="fieldValueChanged('endDate')"
               ></gz-date-time-picker>
             </v-col>

ayanova/tests/e2e/specs/widget-crud.js

@@ -31,6 +31,19 @@ describe("WIDGET", () => {
     cy.get("[data-cy=dollarAmount]").type("123.45");
     cy.contains("Price is a required field").should("not.exist");
 
+    //start date
+    cy.get("[data-cy='dtfpick:startDate']").click();
+    //first row first day (the first of the month)
+    cy.get("tbody > :nth-child(1) > :nth-child(1) > .v-btn").click();
+
+    //end
+    cy.get("[data-cy='dtfpick:endDate']").click();
+    //first row second day (the second of the month)
+    cy.get("tbody > :nth-child(1) > :nth-child(2) > .v-btn").click();
+
+    // cy.get("[data-cy=startDate]").click();
+    // cy.get("tbody > :nth-child(1) > :nth-child(1) > .v-btn").click();
+
     // // we should be redirected to /dashboard
     // cy.url().should("include", "/home-dashboard");