Snackbar in Compose with Friendly UI Testing

A guide to creating and testing Snackbar in Jetpack Compose, with a focus on friendly UI testing.

Transcript

1. Snackbar in Compose with Friendly UI Testing Somkiat Khitwongwattana Staff Software Engineer (Android) @ LINE MAN Wongnai
2. Hello Compose Multiplatform! OK
8. 1 2 3 4
11. 1 2 3 Expect Actual
13. Any Solution?
14. Any Solution? • Remove Snackbar message verification
15. Any Solution? • Remove Snackbar message verification • Create a Snackbar controller & container for UI testing
16. What Controller & Container Do? • Enforce indefinite duration during UI testing • Manually dismiss using code in UI testing
44. Dismiss Snackbar by code Dismiss Snackbar by code
45. SnackbarContainer Recap SnackbarUiTest Controller SnackbarHostState Provider androidTest Store the SnackbarHostState that's created while the app is running, so it can be dismissed in a UI test. Inject the SnackbarHostState into the SnackbarUiTestController using Java Reflection Override the duration to be indefinite when running under UI test. main main
46. Recap App SnackbarHostState Provider SnackbarContainer UI Test SnackbarUiTest Controller Inject SnackbarHostState Dismiss Snackbar
47. Caution • Do not expose your test code to production environments, especially in a multi-module project • Avoid unexpected Snackbar behavior in complex UI
48. Thank you Presentation Link