expose EditableText on Clickable field

closes #466

Author: hrach

ui/src/androidMain/kotlin/kiwi/orbit/compose/ui/controls/ClickableField.kt

@@ -15,10 +15,16 @@ import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.semantics.editableText
+import androidx.compose.ui.semantics.error
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import kiwi.orbit.compose.icons.Icons
 import kiwi.orbit.compose.ui.OrbitTheme
+import kiwi.orbit.compose.ui.R
 import kiwi.orbit.compose.ui.controls.field.FieldContent
 import kiwi.orbit.compose.ui.controls.field.FieldLabel
 import kiwi.orbit.compose.ui.controls.field.FieldMessage
@@ -42,7 +48,15 @@ public fun ClickableField(
     minLines: Int = 1,
     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
 ) {
-    ColumnWithMinConstraints(modifier) {
+    val errorMessage = stringResource(R.string.orbit_field_default_error)
+    ColumnWithMinConstraints(
+        modifier.semantics(mergeDescendants = true) {
+            editableText = AnnotatedString(value)
+            if (error != null) {
+                error(errorMessage)
+            }
+        },
+    ) {
         if (label != null) {
             FieldLabel(label)
         }

ui/src/androidUnitTest/kotlin/kiwi/orbit/compose/ui/controls/ClickableFieldTest.kt

@@ -0,0 +1,71 @@
+package kiwi.orbit.compose.ui.controls
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.semantics.SemanticsProperties
+import androidx.compose.ui.semantics.getOrNull
+import androidx.compose.ui.test.SemanticsMatcher
+import androidx.compose.ui.test.assert
+import androidx.compose.ui.test.junit4.createComposeRule
+import androidx.compose.ui.test.onNodeWithTag
+import androidx.compose.ui.test.performClick
+import org.junit.Rule
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.robolectric.RobolectricTestRunner
+
+@RunWith(RobolectricTestRunner::class)
+internal class ClickableFieldTest {
+    @get:Rule
+    val composeTestRule = createComposeRule()
+
+    @Test
+    fun testBasics() {
+        var clicked by mutableIntStateOf(0)
+        composeTestRule.setContent {
+            ClickableField(
+                modifier = Modifier.testTag("clickable"),
+                value = if (clicked > 0) "Clicked" else "Empty",
+                label = { Text("Pick letter") },
+                error = if (clicked > 1) {
+                    @Composable { Text("Err") }
+                } else {
+                    null
+                },
+                onClick = { clicked += 1 },
+            )
+        }
+        val clickable = composeTestRule.onNodeWithTag("clickable")
+        clickable.assert(hasEditTextExactly("Empty"))
+        clickable.assert(hasErrorText(null))
+        clickable.performClick()
+        clickable.assert(hasEditTextExactly("Clicked"))
+        clickable.assert(hasErrorText(null))
+        clickable.performClick()
+        clickable.assert(hasErrorText("Invalid input"))
+    }
+
+    private fun hasErrorText(expected: String?): SemanticsMatcher {
+        val propertyName = SemanticsProperties.Error.name
+        return SemanticsMatcher(
+            "$propertyName = [$expected]",
+        ) { node ->
+            val actual = node.config.getOrNull(SemanticsProperties.Error)
+            actual == expected
+        }
+    }
+
+    private fun hasEditTextExactly(expected: String): SemanticsMatcher {
+        val propertyName = SemanticsProperties.EditableText.name
+        return SemanticsMatcher(
+            "$propertyName = [$expected]",
+        ) { node ->
+            val actual = node.config.getOrNull(SemanticsProperties.EditableText)
+            actual?.text == expected
+        }
+    }
+}