Vous pouvez tester votre application Compose avec des approches et des modèles bien établis.
Effectuer un test isolé
ComposeTestRule vous permet de lancer une activité affichant n'importe quel composable : votre application complète, un seul écran ou un petit élément. Il est également recommandé de vérifier que vos composables sont correctement encapsulés et fonctionnent de manière autonome afin de tester l'interface utilisateur plus facilement et plus précisément.
Cela ne signifie pas que vous devez uniquement créer des tests d'interface utilisateur. Il est également très important de tester la portée de plus grandes parties de votre interface utilisateur.
Accéder à l'activité et aux ressources après avoir défini votre propre contenu
Vous devez souvent configurer le contenu testé à l'aide de composeTestRule.setContent et accéder aux ressources d'activité, par exemple pour affirmer qu'un texte affiché correspond à une ressource de chaîne. Toutefois, vous ne pouvez pas appeler setContent sur une règle créée avec createAndroidComposeRule() si l'activité l'appelle déjà.
Pour ce faire, il est courant de créer un AndroidComposeTestRule à l'aide
d'une activité vide telle que ComponentActivity.
class MyComposeTest {
@get:Rule
val composeTestRule = createAndroidComposeRule<ComponentActivity>()
@Test
fun myTest() {
// Start the app
composeTestRule.setContent {
MyAppTheme {
MainScreen(uiState = exampleUiState, /*...*/)
}
}
val continueLabel = composeTestRule.activity.getString(R.string.next)
composeTestRule.onNodeWithText(continueLabel).performClick()
}
}
Notez que ComponentActivity doit être ajouté au fichier AndroidManifest.xml de votre application. Pour l'activer, ajoutez la dépendance suivante à votre module :
debugImplementation("androidx.compose.ui:ui-test-manifest:$compose_version")
Propriétés de la sémantique personnalisée
Vous pouvez créer des propriétés sémantiques personnalisées pour soumettre des informations aux tests.
Pour ce faire, définissez une nouvelle SemanticsPropertyKey et rendez-la disponible à l'aide de SemanticsPropertyReceiver.
// Creates a semantics property of type Long.
val PickedDateKey = SemanticsPropertyKey<Long>("PickedDate")
var SemanticsPropertyReceiver.pickedDate by PickedDateKey
Utilisez maintenant cette propriété dans le modificateur semantics :
val datePickerValue by remember { mutableStateOf(0L) }
MyCustomDatePicker(
modifier = Modifier.semantics { pickedDate = datePickerValue }
)
À partir des tests, utilisez SemanticsMatcher.expectValue pour réclamer la valeur de la propriété :
composeTestRule
.onNode(SemanticsMatcher.expectValue(PickedDateKey, 1445378400)) // 2015-10-21
.assertExists()
Vérifier la restauration d'état
Vérifiez que l'état de vos éléments Compose est correctement restauré lorsque l'activité ou le processus est recréé. Effectuez ces vérifications sans dépendre de
la recréation d'activité avec la StateRestorationTester classe.
Cette classe vous permet de simuler la recréation d'un composable. Elle s'avère particulièrement
utile pour vérifier la mise en œuvre de rememberSaveable.
class MyStateRestorationTests {
@get:Rule
val composeTestRule = createComposeRule()
@Test
fun onRecreation_stateIsRestored() {
val restorationTester = StateRestorationTester(composeTestRule)
restorationTester.setContent { MainScreen() }
// TODO: Run actions that modify the state
// Trigger a recreation
restorationTester.emulateSavedInstanceStateRestore()
// TODO: Verify that state has been correctly restored.
}
}
Tester différentes configurations d'appareil
Les applications Android doivent s'adapter à de nombreuses conditions changeantes : taille des fenêtres, paramètres régionaux, taille de la police, thèmes sombres et clairs, etc. La plupart de ces conditions sont
dérivées de valeurs au niveau de l'appareil contrôlées par l'utilisateur et exposées avec l'
instance Configuration actuelle. Il est difficile de tester différentes configurations directement dans un test, car le test doit configurer les propriétés au niveau de l'appareil.
DeviceConfigurationOverride est une API réservée aux tests qui vous permet de simuler différentes configurations d'appareil de manière localisée pour le contenu @Composable testé.
L'objet compagnon de DeviceConfigurationOverride comporte les fonctions d'extension suivantes, qui remplacent les propriétés de configuration au niveau de l'appareil :
DeviceConfigurationOverride.DarkMode(): remplace le système par le thème sombre ou le thème clair.DeviceConfigurationOverride.FontScale(): remplace l'échelle de la police du système.DeviceConfigurationOverride.FontWeightAdjustment(): remplace l'ajustement de l'épaisseur de la police du système.DeviceConfigurationOverride.ForcedSize(): force une quantité d'espace spécifique, quelle que soit la taille de l'appareil.DeviceConfigurationOverride.LayoutDirection(): remplace le sens de mise en page (de gauche à droite ou de droite à gauche).DeviceConfigurationOverride.Locales(): remplace les paramètres régionaux.DeviceConfigurationOverride.RoundScreen(): remplace l'écran s'il est rond.
Pour appliquer un remplacement spécifique, encapsulez le contenu testé dans un appel à la
DeviceConfigurationOverride() fonction de niveau supérieur, en transmettant le remplacement
à appliquer en tant que paramètre.
Par exemple, le code suivant applique le remplacement DeviceConfigurationOverride.ForcedSize() pour modifier la densité localement, ce qui force le composable MyScreen à être affiché dans une grande fenêtre paysage, même si l'appareil sur lequel le test est exécuté n'est pas compatible directement avec cette taille de fenêtre :
composeTestRule.setContent { DeviceConfigurationOverride( DeviceConfigurationOverride.ForcedSize(DpSize(1280.dp, 800.dp)) ) { MyScreen() // Will be rendered in the space for 1280dp by 800dp without clipping. } }
Pour appliquer plusieurs remplacements ensemble, utilisez
DeviceConfigurationOverride.then() :
composeTestRule.setContent { DeviceConfigurationOverride( DeviceConfigurationOverride.FontScale(1.5f) then DeviceConfigurationOverride.FontWeightAdjustment(200) ) { Text(text = "text with increased scale and weight") } }
Autres ressources
- Tester des applications sur Android : la page de destination principale des tests Android offre une vue plus large des principes fondamentaux et des techniques de test.
- Principes fondamentaux des tests : découvrez les concepts de base des tests d'une application Android. Découvrez-en davantage sur les concepts de base des tests d'une application Android.
- Tests locaux : vous pouvez exécuter certains tests localement, sur votre propre poste de travail.
- Tests d'instrumentation: il est recommandé d'exécuter également des tests d'instrumentation. Autrement dit, des tests qui s'exécutent directement sur l'appareil.
- Intégration continue: L'intégration continue vous permet d'intégrer vos tests à votre pipeline de déploiement.
- Tester différentes tailles d'écran: étant donné le nombre d'appareils disponibles pour les utilisateurs, vous devez effectuer des tests pour différentes tailles d'écran.
- Espresso : bien que destiné aux interfaces utilisateur basées sur des vues, Espresso peut être utile pour certains aspects des tests Compose.