Merge pull request #7416 from Countly/QT-415

[QT-415] Added the data-test-id and update the some of the data-test-id value

Author: can-angun

frontend/express/public/javascripts/countly/vue/components/form.js

@@ -413,7 +413,7 @@
         mixins: [countlyVue.mixins.i18n],
         template: '<div class="cly-vue-form-field" :class="topClasses">\
                         <div class="bu-is-flex bu-is-justify-content-space-between bu-mr-2" v-if="!inline || tooltip || label || optional">\
-                            <div :class="titleClasses" v-if="label" :data-test-id="testId + \'-header\'">{{label}}</div>\
+                            <div :class="titleClasses" v-if="label" v-if="label" :data-test-id="testId + \'-header-\' + label.replaceAll(\' \', \'-\').replaceAll(\'_\', \'-\').toLowerCase()">{{label}}</div>\
                             <cly-tooltip-icon v-if="tooltip" :data-test-id="testId + \'-tooltip\'" class="bu-is-flex-grow-1 bu-ml-2" :tooltip="tooltip"></cly-tooltip-icon>\
                             <div v-show="optional" class="text-small text-heading color-cool-gray-40">{{i18n("common.optional")}}</div>\
                         </div>\

ui-tests/cypress/support/elements/dashboard/manage/alerts/alerts.js

@@ -25,12 +25,12 @@ export const alertsPageElements = {
 export const alertDrawerPageElements = {
     DRAWER_PAGE_TITLE: 'alert-drawer-header-title',
     DRAWER_CLOSE_BUTTON: 'alert-drawer-close-button',
-    DRAWER_ALERT_NAME_LABEL: 'alert-name-header',
+    DRAWER_ALERT_NAME_LABEL: 'alert-name-header-alert-name',
     DRAWER_ALERT_NAME_INPUT: 'alert-name-input',
-    DRAWER_APPLICATION_LABEL: 'application-header',
+    DRAWER_APPLICATION_LABEL: 'application-header-application',
     DRAWER_APPLICATION_SELECT: 'application-select',
 
-    DRAWER_DATA_TYPE_LABEL: 'data-type-header',
+    DRAWER_DATA_TYPE_LABEL: 'data-type-header-data-type',
     DRAWER_DATA_TYPE_SELECT: 'data-type-select',
 
     DRAWER_SUB_TYPE_LABEL: 'data-sub-type-header',

ui-tests/cypress/support/elements/onboarding/initialSetup.js

@@ -2,7 +2,7 @@ export default {
     //Common elements
     LOGO: 'countly-logo',
     PAGE_TITLE: 'initial-setup-title',
-    SELECT_APP_TYPE_LABEL: 'select-application-type-form-header',
+    SELECT_APP_TYPE_LABEL: 'select-application-type-form-header-select-your-application-type',
     APP_TYPE_MOBILE_RADIO_BUTTON: 'initial-setup-mobile-el-radio-wrapper',
     APP_TYPE_MOBILE_RADIO_BUTTON_ICON: 'initial-setup-mobile-icon',
     APP_TYPE_MOBILE_RADIO_BUTTON_LABEL: 'initial-setup-mobile-el-radio-label',
@@ -12,18 +12,18 @@ export default {
     APP_TYPE_DESKTOP_RADIO_BUTTON: 'initial-setup-desktop-el-radio-wrapper',
     APP_TYPE_DESKTOP_RADIO_BUTTON_ICON: 'initial-setup-desktop-icon',
     APP_TYPE_DESKTOP_RADIO_BUTTON_LABEL: 'initial-setup-desktop-el-radio-label',
-    SELECT_TIMEZONE_LABEL: 'select-timezone-form-header',
+    SELECT_TIMEZONE_LABEL: 'select-timezone-form-header-select-your-time-zone',
     SELECT_TIMEZONE_TOOLTIP: 'select-timezone-form-tooltip',
     SELECT_TIMEZONE_COMBOBOX: 'select-timezone-dropdown',
     SELECT_TIMEZONE_SEARCH_INPUT: 'select-timezone-dropdown-search-box',
     CONTINUE_SUBMIT_BUTTON: 'continue-submit-button',
 
     //"Own App" Elements
-    APPLICATION_NAME_LABEL: 'application-name-header',
+    APPLICATION_NAME_LABEL: 'application-name-header-application-name',
     PAGE_SUB_TITLE: 'initial-setup-sub-title',
     APPLICATION_NAME_INPUT: 'app-name-input',
     APPLICATION_NAME_ERROR: 'app-name-error',
-    APPLICATION_KEY_LABEL: 'application-key-header',
+    APPLICATION_KEY_LABEL: 'application-key-header-app-key',
     APPLICATION_KEY_TOOLTIP: 'application-key-tooltip',
     APPLICATION_KEY_INPUT: 'app-key-input',
     APPLICATION_KEY_ERROR: 'app-key-error',