ayanova/src/main.js

@@ -179,12 +179,20 @@ Vue.directive("focus", {
   }
 });
 
+
 /////////////////////////////////////////////////////////////////
 // INSTANTIATE
 //
+Vue.prototype.$ay = {
+  //development mode, this enables data-cy tags for testing, development level error messages etc
+  dev: true,
+  t: function(tKey) {
+    return translation.get(tKey);
+  }
+};
 new Vue({
   vuetify: Vuetify,
   router,
   store,
-  render: h => h(App)
+  render: (h) => h(App)
 }).$mount("#app");

ayanova/src/views/ay-customize.vue

@@ -19,7 +19,7 @@
 
             <template v-for="item in obj">
               <v-col :key="item.key" cols="12" sm="6" lg="4" xl="3" px-2>
-                <v-card :data-cy="!!enableCypress ? item.key : false">
+                <v-card :data-cy="!!$ay.dev ? item.key : false">
                   <v-card-title>
                     {{ item.title }}
                   </v-card-title>

ayanova/src/views/login.vue

@@ -11,7 +11,11 @@
       <v-col cols="12" class="d-flex d-md-none">
         <v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
       </v-col>
-
+      <template v-if="$ay.dev">
+        <v-col cols="12" offset="6">
+          <span class="title red--text">DEVELOPMENT MODE</span>
+        </v-col>
+      </template>
       <v-col cols="12" offset-md="3">
         <form>
           <v-row>