Add previews and snapshot tests for MessageComposerRecordingContent

Author: andremion

stream-chat-android-compose/api/stream-chat-android-compose.api

@@ -2510,9 +2510,15 @@ public final class io/getstream/chat/android/compose/ui/messages/composer/intern
 	public static final field INSTANCE Lio/getstream/chat/android/compose/ui/messages/composer/internal/ComposableSingletons$DefaultMessageComposerRecordingContentKt;
 	public static field lambda-1 Lkotlin/jvm/functions/Function2;
 	public static field lambda-2 Lkotlin/jvm/functions/Function2;
+	public static field lambda-3 Lkotlin/jvm/functions/Function2;
+	public static field lambda-4 Lkotlin/jvm/functions/Function2;
+	public static field lambda-5 Lkotlin/jvm/functions/Function2;
 	public fun <init> ()V
 	public final fun getLambda-1$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
 	public final fun getLambda-2$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
+	public final fun getLambda-3$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
+	public final fun getLambda-4$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
+	public final fun getLambda-5$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
 }
 
 public final class io/getstream/chat/android/compose/ui/messages/composer/internal/DefaultMessageComposerRecordingContentKt {

stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/messages/composer/internal/DefaultMessageComposerRecordingContent.kt

@@ -90,7 +90,6 @@ import io.getstream.chat.android.ui.common.state.messages.composer.RecordingStat
 import io.getstream.chat.android.uiutils.util.openSystemSettings
 import kotlinx.coroutines.delay
 import kotlin.math.abs
-import kotlin.random.Random
 
 private const val HOLD_TO_RECORD_THRESHOLD = 1000L
 private const val HOLD_TO_RECORD_DISMISS_TIMEOUT = 1000L
@@ -773,36 +772,82 @@ private fun RecordingControlButtons(
     }
 }
 
-private fun formatMillis(milliseconds: Int): String {
-    val totalSeconds = milliseconds / 1000
-    val minutes = totalSeconds / 60
-    val seconds = totalSeconds % 60
-    return "%02d:%02d".format(minutes, seconds)
+@Preview(showBackground = true, heightDp = 200)
+@Composable
+private fun MessageComposerRecordingContentHoldPreview() {
+    ChatPreviewTheme {
+        MessageComposerRecordingContentHold()
+    }
+}
+
+@Composable
+internal fun MessageComposerRecordingContentHold() {
+    Box(
+        modifier = Modifier.fillMaxSize(),
+        contentAlignment = BottomCenter,
+    ) {
+        DefaultMessageComposerRecordingContent(
+            durationInMs = DurationInMs,
+            waveformVisible = false,
+            waveformData = WaveformData,
+            holdControlsVisible = true,
+            recordingControlsVisible = false,
+        )
+    }
 }
 
-@Preview(showBackground = true)
+@Preview(showBackground = true, heightDp = 200)
 @Composable
-internal fun DefaultMessageComposerRecordingContentPreview() {
-    val randomWaveformData = List(150) { Random.nextFloat() }
+private fun MessageComposerRecordingContentLockPreview() {
     ChatPreviewTheme {
-        Box(
-            modifier = Modifier
-                .fillMaxWidth(),
-            contentAlignment = Alignment.Center,
-        ) {
-            DefaultMessageComposerRecordingContent(
-                modifier = Modifier.fillMaxWidth(),
-                waveformVisible = true,
-                waveformThumbVisible = true,
-                waveformData = randomWaveformData,
-                waveformProgress = 0.2f,
-                slideToCancelVisible = true,
-                holdControlsVisible = true,
-                holdControlsLocked = false,
-                holdControlsOffset = IntOffset(0, 0),
-                recordingControlsVisible = true,
-                recordingStopControlVisible = true,
-            )
-        }
+        MessageComposerRecordingContentLock()
     }
 }
+
+@Composable
+internal fun MessageComposerRecordingContentLock() {
+    Box(
+        modifier = Modifier.fillMaxSize(),
+        contentAlignment = BottomCenter,
+    ) {
+        DefaultMessageComposerRecordingContent(
+            durationInMs = DurationInMs,
+            waveformData = WaveformData,
+            waveformProgress = 0.3f,
+            slideToCancelVisible = false,
+            holdControlsVisible = true,
+            holdControlsLocked = true,
+        )
+    }
+}
+
+@Preview(showBackground = true, heightDp = 200)
+@Composable
+private fun MessageComposerRecordingContentOverviewPreview() {
+    ChatPreviewTheme {
+        MessageComposerRecordingContentOverview()
+    }
+}
+
+@Composable
+internal fun MessageComposerRecordingContentOverview() {
+    Box(
+        modifier = Modifier.fillMaxSize(),
+        contentAlignment = BottomCenter,
+    ) {
+        DefaultMessageComposerRecordingContent(
+            durationInMs = DurationInMs,
+            waveformThumbVisible = true,
+            waveformData = WaveformData,
+            slideToCancelVisible = false,
+            recordingStopControlVisible = false,
+        )
+    }
+}
+
+private const val DurationInMs = 120_000
+
+@Suppress("MagicNumber")
+private val WaveformData = (0..10).map {
+    listOf(0.5f, 0.8f, 0.3f, 0.6f, 0.4f, 0.7f, 0.2f, 0.9f, 0.1f)
+}.flatten()

stream-chat-android-compose/src/test/kotlin/io/getstream/chat/android/compose/ui/messages/composer/internal/DefaultMessageComposerRecordingContentTest.kt

@@ -0,0 +1,50 @@
+/*
+ * Copyright (c) 2014-2025 Stream.io Inc. All rights reserved.
+ *
+ * Licensed under the Stream License;
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    https://github.com/GetStream/stream-chat-android/blob/main/LICENSE
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package io.getstream.chat.android.compose.ui.messages.composer.internal
+
+import app.cash.paparazzi.DeviceConfig
+import app.cash.paparazzi.Paparazzi
+import io.getstream.chat.android.compose.ui.SnapshotTest
+import org.junit.Rule
+import org.junit.Test
+
+internal class DefaultMessageComposerRecordingContentTest : SnapshotTest {
+
+    @get:Rule
+    override val paparazzi = Paparazzi(deviceConfig = DeviceConfig.PIXEL_2)
+
+    @Test
+    fun `recording content hold`() {
+        snapshotWithDarkMode {
+            MessageComposerRecordingContentHold()
+        }
+    }
+
+    @Test
+    fun `recording content lock`() {
+        snapshotWithDarkMode {
+            MessageComposerRecordingContentLock()
+        }
+    }
+
+    @Test
+    fun `recording content overview`() {
+        snapshotWithDarkMode {
+            MessageComposerRecordingContentOverview()
+        }
+    }
+}