TASK-1786159: adding tests for embedded data add/remove record

Author: marekpelc-pega

samples/android-cmp-app/src/androidInstrumentedTest/kotlin/com/pega/constellation/sdk/kmp/samples/androidcmpapp/CaseProcessingTest.kt

@@ -2,15 +2,19 @@ package com.pega.constellation.sdk.kmp.samples.androidcmpapp
 
 import androidx.compose.ui.test.ExperimentalTestApi
 import androidx.compose.ui.test.assertTextContains
+import androidx.compose.ui.test.hasContentDescription
 import androidx.compose.ui.test.hasSetTextAction
 import androidx.compose.ui.test.hasText
 import androidx.compose.ui.test.onFirst
+import androidx.compose.ui.test.onNodeWithContentDescription
 import androidx.compose.ui.test.onNodeWithText
 import androidx.compose.ui.test.onSiblings
 import androidx.compose.ui.test.performClick
 import androidx.compose.ui.test.performTextInput
 import androidx.compose.ui.test.performTextReplacement
 import androidx.compose.ui.test.runComposeUiTest
+import androidx.compose.ui.test.waitUntilDoesNotExist
+import androidx.compose.ui.test.waitUntilNodeCount
 import kotlin.test.Test
 
 @OptIn(ExperimentalTestApi::class)
@@ -80,18 +84,27 @@ class CaseProcessingTest : ComposeTest() {
         // create case
         onNodeWithText(CREATE_CASE_TEXT).performClick()
 
-        // verify form components
+        // verify form title and instruction
         waitForNode("Create EmbeddedData (E-")
         waitForNode("Embedded Data use-case")
         waitForNode("EmbeddedData cars editable")
         waitForNode("EmbeddedData cars readonly")
+
+        // remove and verify empty list
+        onNodeWithContentDescription("Delete item 1").performClick()
+        waitForNodes("No items", count = 2)
+        waitUntilNodeCount(hasContentDescription("No items"), count = 2)
+
+        onNodeWithText("Add", substring = true).performClick()
+
+        // verify empty record
         waitForNodes("Row 1", 2)
         waitForNode("Details")
         waitForNodes("Brand", 2)
         waitForNodes("Model", 2)
         waitForNodes("---", 2)
 
-        // enter some data
+        // enter data
         onNodeWithText("Client name").performTextInput("Lukasz")
         onNode(hasText("Brand") and hasSetTextAction()).performTextInput("Audi")
         onNode(hasText("Model") and hasSetTextAction()).performTextInput("A5")
@@ -102,6 +115,29 @@ class CaseProcessingTest : ComposeTest() {
         waitForNodes("Audi", 2)
         waitForNodes("A5", 2)
 
+        // adding 2nd record
+        onNodeWithText("Add", substring = true).performClick()
+
+        // enter data in Row 2
+        waitForNodes("Row 2", count = 2)
+        onNode(hasText("Client name") and !hasText("Lukasz") and hasSetTextAction()).performTextInput("Marek")
+        onNode(hasText("Brand") and !hasText("Audi") and hasSetTextAction()).performTextInput("Ford")
+        onNode(hasText("Model") and !hasText("A5") and hasSetTextAction()).performTextInput("Focus")
+        onNodeWithText("Row 2").performClick() // remove focus to propagate data
+
+        // verify data propagation for Row 2
+        waitForNodes("Marek", 2)
+        waitForNodes("Ford", 2)
+        waitForNodes("Focus", 2)
+
+        // remove Row 1 and verify
+        onNodeWithContentDescription("Delete item 1").performClick()
+
+        waitUntilDoesNotExist(hasText("Row 2"))
+        waitUntilDoesNotExist(hasText("Lukasz"))
+        waitUntilDoesNotExist(hasText("Audi"))
+        waitUntilDoesNotExist(hasText("A5"))
+
         // go to next step
         onNodeWithText("Next").performClick()
 

ui-renderer-cmp/src/commonMain/kotlin/com/pega/constellation/sdk/kmp/ui/renderer/cmp/containers/FieldGroupTemplateRenderer.kt

@@ -32,28 +32,28 @@ class FieldGroupTemplateRenderer : ComponentRenderer<FieldGroupTemplateComponent
     override fun FieldGroupTemplateComponent.Render() {
         val focusManager = LocalFocusManager.current
         Column(modifier = Modifier.fillMaxWidth()) {
-            items.forEach {
+            items.forEachIndexed { index, item ->
                 Column {
                     Row(
                         verticalAlignment = Alignment.CenterVertically,
                         horizontalArrangement = Arrangement.SpaceBetween,
                         modifier = Modifier.fillMaxWidth()
                     ) {
-                        Text(it.heading, fontSize = 16.sp, fontWeight = FontWeight.Bold)
-                        if (it.allowDelete) {
+                        Text(item.heading, fontSize = 16.sp, fontWeight = FontWeight.Bold)
+                        if (item.allowDelete) {
                             IconButton(onClick = {
                                 focusManager.clearFocus()
-                                deleteItem(it)
+                                deleteItem(item)
                             }) {
                                 Icon(
                                     painterResource(Res.drawable.outline_delete_48),
-                                    "Delete item",
+                                    "Delete item ${index + 1}",
                                     Modifier.size(24.dp)
                                 )
                             }
                         }
                     }
-                    it.component.Render()
+                    item.component.Render()
                 }
             }
             if (items.isEmpty()) {