Screenshot Testing help🙏

[JackEblan]

I need some clarification about the components inside core/designsystem/src/main/kotlin/com/google/samples/apps/nowinandroid/core/designsystem/component

Do I really need to wrap every Jetpack Compose default widgets to my own composable function?

For e.g:

@Composable
fun HelloWorldScreen() {
            Column{
               Text(text = "Hello World")
              
               TextButton(
                        onClick = { },
                    ) {
                        Text("Click Me")
                    }
    }
}

Should I wrap the Text and TextButton to a separate composable function then move these to
core/designsystem/src/main/kotlin/com/google/samples/apps/nowinandroid/core/designsystem/component and do the screenshot testing?

This requires alot of work😮‍💨

@Composable
fun HelloWorldScreen() {
            Column{
                HelloWorldTitle("Hello World")
                HelloWorldTextButton()
    }
}

@Composable
fun HelloWorldTitle(text: String) {
                Text(text = text)
}


@Composable
fun HelloWorldTextButton() {
                TextButton(
                        onClick = { },
                    ) {
                        Text("Click Me")
                    }
}

It's my first time doing this and this topic is holding me back again. Thanks Google Engineers🙏