add selector for checkbox

Author: roman-podrubny

packages/smart-forms-renderer/src/components/FormComponents/ItemParts/CheckboxSingle.tsx

@@ -53,6 +53,8 @@ function CheckboxSingle(props: CheckboxSingleProps) {
   const isHtmlDisabled = readOnlyWithDisabledStyle || disabledViaToggleExpression;
   const isHtmlReadOnly = readOnlyWithReadOnlyStyle && !disabledViaToggleExpression;
 
+  const textForDataTest = labelText ?? (typeof label === 'string' ? label : value);
+
   return (
     <FormControlLabel
       sx={{
@@ -66,6 +68,7 @@ function CheckboxSingle(props: CheckboxSingleProps) {
       value={value}
       control={
         <StandardCheckbox
+          data-test={`checkbox-single-${textForDataTest}`}
           size="small"
           checked={isChecked}
           readOnly={isHtmlReadOnly}