adding in data-cy and fixing validation issue with checkbox/radio/switch

Author: webdevnerdstuff

src/plugin/components/fields/CommonField/CommonField.vue

@@ -12,6 +12,7 @@
 			:is="component"
 			v-model="modelValue"
 			v-bind="boundSettings"
+			:data-cy="`vsf-field-${field.name}`"
 			:error="hasErrors"
 			:error-messages="errorMessage || field.errorMessages"
 			:items="fieldItems"

src/plugin/components/fields/VSFCheckbox/VSFCheckbox.vue

@@ -12,12 +12,14 @@
 		<v-checkbox
 			v-model="modelValue"
 			v-bind="(boundSettings as Omit<Settings, 'validateOn'>)"
+			:data-cy="`vsf-field-${field.name}`"
 			:density="fieldDensity"
 			:disabled="isValidating"
 			:error="errorMessage ? errorMessage?.length > 0 : false"
 			:error-messages="errorMessage"
 			@blur="onActions(validate, 'blur')"
 			@change="onActions(validate, 'change')"
+			@click="fieldValidateOn === 'blur' || fieldValidateOn === 'change' ? onActions(validate, 'click') : undefined"
 			@input="onActions(validate, 'input')"
 		>
 			<template #label>
@@ -80,6 +82,7 @@
 								v-bind="(boundSettings as Omit<Settings, 'validateOn'>)"
 								:id="option.id"
 								v-model="modelValue"
+								:data-cy="`vsf-field-${field.name}`"
 								:density="fieldDensity"
 								:disabled="isValidating"
 								:error="errorMessage ? errorMessage?.length > 0 : false"
@@ -90,6 +93,7 @@
 								:true-value="option.value"
 								@blur="onActions(validate, 'blur')"
 								@change="onActions(validate, 'change')"
+								@click="fieldValidateOn === 'blur' || fieldValidateOn === 'change' ? onActions(validate, 'click') : undefined"
 								@input="onActions(validate, 'input')"
 								@update:focused="updateFocused($event)"
 							/>

src/plugin/components/fields/VSFRadio/VSFRadio.vue

@@ -36,6 +36,7 @@
 					<v-radio-group
 						v-model="modelValue"
 						:append-icon="field?.appendIcon"
+						:data-cy="`vsf-field-group-${field.name}`"
 						:density="fieldDensity"
 						:direction="field?.direction"
 						:disabled="isValidating"
@@ -61,6 +62,7 @@
 							<v-radio
 								v-bind="boundSettings"
 								:id="undefined"
+								:data-cy="`vsf-field-${field.name}`"
 								:density="fieldDensity"
 								:error="errorMessage ? errorMessage?.length > 0 : false"
 								:error-messages="errorMessage"
@@ -70,6 +72,7 @@
 								:value="option.value"
 								@blur="onActions(validate, 'blur')"
 								@change="onActions(validate, 'change')"
+								@click="fieldValidateOn === 'blur' || fieldValidateOn === 'change' ? onActions(validate, 'click') : undefined"
 								@input="onActions(validate, 'input')"
 							>
 							</v-radio>

src/plugin/components/fields/VSFSwitch/VSFSwitch.vue

@@ -11,12 +11,14 @@
 		<v-switch
 			v-bind="(boundSettings as Omit<Settings, 'validateOn'>)"
 			v-model="modelValue"
+			:data-cy="`vsf-field-${field.name}`"
 			:density="fieldDensity"
 			:disabled="isValidating"
 			:error="errorMessage ? errorMessage?.length > 0 : false"
 			:error-messages="errorMessage"
 			@blur="onActions((validate as ValidateFieldResult), 'blur')"
 			@change="onActions((validate as ValidateFieldResult), 'change')"
+			@click="fieldValidateOn === 'blur' || fieldValidateOn === 'change' ? onActions(validate, 'click') : undefined"
 			@input="onActions((validate as ValidateFieldResult), 'input')"
 		>
 			<template #label>