Synchroniser vos tests

Les tests Compose sont synchronisés par défaut avec votre interface utilisateur. Lorsque vous appelez une assertion ou une action avec ComposeTestRule, le test est préalablement synchronisé, en attendant que l'arborescence de l'interface utilisateur soit inactive.

En général, aucune action n'est requise de votre part. Cependant, il existe des situations à connaître.

Lorsqu'un test est synchronisé, votre application Compose est avancée dans le temps à l'aide d'une horloge virtuelle. Les tests Compose ne s'exécutent donc pas en temps réel et peuvent être aussi rapides que possible.

Toutefois, si vous n'utilisez pas les méthodes de synchronisation, aucune recomposition n'est effectuée et l'interface utilisateur semble être interrompue.

@Test
fun counterTest() {
    val myCounter = mutableStateOf(0) // State that can cause recompositions.
    var lastSeenValue = 0 // Used to track recompositions.
    composeTestRule.setContent {
        Text(myCounter.value.toString())
        lastSeenValue = myCounter.value
    }
    myCounter.value = 1 // The state changes, but there is no recomposition.

    // Fails because nothing triggered a recomposition.
    assertTrue(lastSeenValue == 1)

    // Passes because the assertion triggers recomposition.
    composeTestRule.onNodeWithText("1").assertExists()
}

Notez que cette exigence ne s'applique qu'aux hiérarchies Compose, et non au reste de l'application.

Désactiver la synchronisation automatique

Lorsque vous appelez une assertion ou une action via ComposeTestRule, par exemple assertExists(), votre test est synchronisé avec l'interface utilisateur de Compose. Dans certains cas, vous pouvez arrêter cette synchronisation et contrôler vous-même l'horloge. Par exemple, vous pouvez contrôler le moment auquel effectuer des captures d'écran précises d'une animation quand l'interface utilisateur est occupée. Pour désactiver la synchronisation automatique, définissez la propriété autoAdvance de la mainClock sur false :

composeTestRule.mainClock.autoAdvance = false

En général, vous avancerez vous-même le temps. Vous pouvez faire défiler exactement une image avec advanceTimeByFrame() ou une durée spécifique avec advanceTimeBy() :

composeTestRule.mainClock.advanceTimeByFrame()
composeTestRule.mainClock.advanceTimeBy(milliseconds)

Remarque : MainTestClock est responsable de toutes les recompositions, animations et gestes. L'API ne contrôle pas les transferts de mesure et de dessin d'Android.

Ressources inactives

Compose peut synchroniser les tests et l'interface utilisateur afin que chaque action et assertion soit effectuée dans un état inactif, en attendant ou en avançant l'horloge selon le besoin. Cependant, certaines opérations asynchrones dont les résultats affectent l'état de l'interface utilisateur peuvent être exécutées en arrière-plan sans que le test ne les prenne en compte.

Créez et enregistrez ces ressources idling dans votre test afin de les prendre en compte lorsque vous décidez si l'application testée est occupée ou inactive. Aucune action n'est requise de votre part, sauf si vous devez enregistrer des ressources d'inactivité supplémentaires, par exemple si vous exécutez une tâche en arrière-plan qui n'est pas synchronisée avec Espresso ou Compose.

Cette API est très semblable aux ressources d'inactivité d'Espresso, qui indiquent si le sujet testé est inactif ou occupé. Vous utilisez la règle de test Compose pour enregistrer la mise en œuvre de IdlingResource.

composeTestRule.registerIdlingResource(idlingResource)
composeTestRule.unregisterIdlingResource(idlingResource)

Synchronisation manuelle

Dans certains cas, vous devez synchroniser l'interface utilisateur de Compose avec d'autres parties de votre test ou avec l'application que vous testez.

La fonction waitForIdle() attend que Compose soit inactif, mais elle dépend de la propriété autoAdvance :

composeTestRule.mainClock.autoAdvance = true // Default
composeTestRule.waitForIdle() // Advances the clock until Compose is idle.

composeTestRule.mainClock.autoAdvance = false
composeTestRule.waitForIdle() // Only waits for idling resources to become idle.

Notez que dans les deux cas, waitForIdle() attend également les transferts de dessins et de mises en page en attente.

Vous pouvez aussi avancer le temps jusqu'à ce qu'advanceTimeUntil() remplisse une certaine condition.

composeTestRule.mainClock.advanceTimeUntil(timeoutMs) { condition }

Notez que la condition précisée doit vérifier l'état pouvant être affecté par cette horloge (elle ne fonctionne qu'avec l'état Compose).

Optimiser les tests d'animation

注意： runWithoutImplicitWait API 包含在 androidx.compose.ui:ui-test-junit4:1.12.0-alpha03+ 和 androidx.compose.ui:ui-test:1.12.0-alpha03+ 中。

测试高保真动画时，您通常需要停用自动推进功能，并手动逐帧检查，以断言中间界面状态。对于这些特定的逐帧循环，请使用 runWithoutImplicitWait 方法执行断言。标准节点查询（例如 onNodeWithTag 或 fetchSemanticsNode）会触发隐式同步，当您手动控制时钟时，这些同步是多余的，因此绕过它们可以显著加快测试运行速度。

注意： 此 API 是一项专门的性能优化功能，严格专为手动逐帧动画测试而设计。它不适用于通用界面测试，并且在手动时钟推进循环之外不会提供有意义的性能改进。

使用指南

• 手动时钟管理：当 mainClock.autoAdvance 设置为 false 且界面处于当前帧的已知稳定状态时，请使用此 API。
• 界面线程执行：为确保界面树的稳定性，请在界面线程上调用 runWithoutImplicitWait，例如使用 runOnUiThread。在界面线程之外运行它会使测试面临竞态条件和过时状态读取。
• 只读断言：该块应严格包含只读断言。任何改变状态的操作都应在此代码块之外执行。

示例

@Test
fun runWithoutImplicitWaitSample() = runComposeUiTest {
    setContent { MainScreen() }
    mainClock.autoAdvance = false

    // Trigger an animation
    onNodeWithText("Start Animation").performClick()

    // Step through the animation frame-by-frame
    while (hasPendingWork()) {
        mainClock.advanceTimeByFrame()
        waitForIdle()
        runOnUiThread {
            // Suppress implicit synchronization inside this block to avoid redundant
            // waits on each node query, making the frame assertions execute much faster.
            runWithoutImplicitWait {
                val box1 = onNodeWithTag("Box1").fetchSemanticsNode()
                val box2 = onNodeWithTag("Box2").fetchSemanticsNode()
                val box3 = onNodeWithTag("Box3").fetchSemanticsNode()

                // Assert the exact intermediate state of all three properties for this frame
                assert(box1.boundsInRoot.right <= box2.boundsInRoot.left)
                assert(box2.boundsInRoot.right <= box3.boundsInRoot.left)
            }
        }
    }
}
TestSyncSnippets.kt

Synchronisation du thread principal

Remarque : Les modifications permettant de prendre en charge la synchronisation du thread principal sont incluses dans androidx.compose.ui:ui-test-junit4:1.13.0-alpha01+ et androidx.compose.ui:ui-test:1.13.0-alpha01+.

Les tests Compose sont désormais compatibles avec la synchronisation du thread principal, ce qui vous permet d'appeler waitForIdle en toute sécurité (et, par extension, les actions et assertions de l'UI Compose) directement depuis le thread principal.

Auparavant, les tests Compose appliquaient strictement un modèle à deux threads : l'exécution des tests se faisait sur un thread de test en arrière-plan, tandis que les mises à jour de l'UI se faisaient sur le thread principal. L'appel de méthodes de synchronisation telles que waitForIdle ou runOnIdle à partir du thread principal (par exemple, dans un bloc runOnUiThread) générait une exception IllegalStateException, car le framework appliquait des vérifications strictes des threads pour empêcher la synchronisation du thread principal.

Lorsque la synchronisation du thread principal est activée, le framework de test Compose peut désormais avancer l'horloge et traiter les tâches en attente, même lorsque des appels bloquants sont effectués sur le thread principal.

Quand utiliser la synchronisation du thread principal ?

Bien que l'exécution des tests sur le thread d'arrière-plan reste la norme pour les tests Compose purs, la synchronisation du thread principal est très avantageuse dans quelques scénarios spécifiques :

• Interopérabilité des vues complexes : lorsque vous testez des UI hybrides contenant à la fois Compose et des vues Android anciennes, la manipulation des vues nécessite souvent une exécution sur le thread principal. Vous pouvez désormais interagir avec les vues et effectuer des assertions sur les nœuds Compose de manière séquentielle, sans changer constamment de contexte de thread.
• Modifications d'état synchrones : si votre architecture repose sur des conteneurs d'état strictement liés au thread principal, vous pouvez désormais modifier l'état et attendre immédiatement que l'UI Compose se stabilise sans quitter le thread principal.
• Exécuteurs de tests personnalisés : si vous créez une infrastructure de test personnalisée ou utilisez des environnements dans lesquels l'exécuteur de tests s'exécute de manière inhérente sur le thread principal, les tests Compose s'exécutent désormais correctement sans nécessiter de délégation de thread en arrière-plan.

Remarque : Pour les tests standards, Compose uniquement, vous n'avez pas besoin de modifier votre code de test existant. L'exécution par défaut des threads en arrière-plan reste entièrement compatible et performante.

Exemple

Auparavant, comme la synchronisation était strictement interdite sur le thread principal, les développeurs devaient passer du thread d'exécution de test en arrière-plan au thread UI, ce qui entraînait des tests disjoints :

@Test
fun testBidirectionalInteropUIUpdates_old() {
    val scenario = launchFragmentInContainer<InteropFragment>()
    composeTestRule.waitForIdle()
    scenario.onFragment { fragment ->
        fragment.legacyButton.performClick()
    }
    // Jump to Test Thread to verify state settles inside compose
    composeTestRule.waitForIdle()
    composeTestRule.onNodeWithText("Legacy Clicks: 1").assertIsDisplayed()
    composeTestRule.onNodeWithText("Increment Legacy TextView").performClick()
    composeTestRule.waitForIdle()
    // Jump back to Main Thread to verify target view state settles
    scenario.onFragment { fragment ->
        assert(fragment.legacyTextView.text.toString() == "Compose Clicks: 1")
    }
}
TestSyncSnippets.kt

Lorsque la synchronisation du thread principal est activée, les assertions pour les hiérarchies Compose et View peuvent être exécutées dans le même bloc :

@Test
fun testBidirectionalInteropUIUpdates_new() {
    val scenario = launchFragmentInContainer<InteropFragment>()
    composeTestRule.waitForIdle()
    scenario.onFragment { fragment ->
        fragment.legacyButton.performClick()
        composeTestRule.waitForIdle()
        composeTestRule.onNodeWithText("Legacy Clicks: 1").assertIsDisplayed()
        composeTestRule.onNodeWithText("Increment Legacy TextView").performClick()
        composeTestRule.waitForIdle()
        assert(fragment.legacyTextView.text.toString() == "Compose Clicks: 1")
    }
}
TestSyncSnippets.kt

Attendre que les conditions soient remplies

Toute condition qui dépend d'un travail externe, comme le chargement de données ou une mesure ou un dessin d'Android (c'est-à-dire, une mesure ou un dessin externe à Compose), doit utiliser un concept plus général comme waitUntil() :

composeTestRule.waitUntil(timeoutMs) { condition }

Vous pouvez également utiliser l'un des helpers waitUntil :

composeTestRule.waitUntilAtLeastOneExists(matcher, timeoutMs)

composeTestRule.waitUntilDoesNotExist(matcher, timeoutMs)

composeTestRule.waitUntilExactlyOneExists(matcher, timeoutMs)

composeTestRule.waitUntilNodeCount(matcher, count, timeoutMs)

Attention : Dans certains cas, l'utilisation de mécanismes dans un test tel qu'un CountDownLatch externe au lieu des API de waitUntil peut provoquer une réaction inattendue, car l'horloge de test n'est pas avancée.

Autres ressources

• Tester des applications sur Android : la page de destination principale des tests Android offre une vue plus large des principes de base et des techniques de test.
• Principes fondamentaux des tests : découvrez 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 également recommandé d'exécuter des tests d'instrumentation. C'est-à-dire des tests qui s'exécutent directement sur l'appareil.
• Intégration continue : l'intégration continue vous permet d'intégrer vos tests dans votre pipeline de déploiement.
• Tester différentes tailles d'écran : étant donné le grand nombre d'appareils disponibles pour les utilisateurs, vous devez tester différentes tailles d'écran.
• Espresso : bien qu'il soit destiné aux UI basées sur les vues, Espresso peut toujours être utile pour certains aspects des tests Compose.