Cómo probar tu diseño de Compose

Prueba la IU de tu app para verificar que el comportamiento de tu código de Compose sea correcto. Esto te permite detectar errores con anticipación y mejorar la calidad de tu app.

Compose proporciona un conjunto de APIs de prueba para buscar elementos, verificar sus atributos y realizar acciones del usuario. Las APIs también incluyen funciones avanzadas, como la manipulación de tiempo. Usa estas APIs para crear pruebas sólidas que verifiquen el comportamiento de la app.

Objetos View

Si trabajas con vistas en lugar de Compose, consulta la sección general Cómo probar apps en Android.

En particular, un buen punto de partida es la guía Cómo automatizar pruebas de IU. En él, se explica cómo puedes automatizar las pruebas que se ejecutan en el dispositivo, incluso cuando usas vistas.

Conceptos clave

A continuación, se incluyen algunos conceptos clave para probar tu código de Compose.

• Semántica: Las pruebas de Compose interactúan con la IU mediante semánticas, que le dan significado a partes de la IU y se generan junto con la jerarquía de la IU.
• APIs de prueba: Compose proporciona APIs de prueba para encontrar elementos, realizar aserciones sobre su estado y propiedades, y realizar acciones para simular interacciones del usuario.
• Sincronización: De forma predeterminada, las pruebas de Compose se sincronizan automáticamente con la IU y esperan a que esté inactiva antes de realizar aserciones o acciones.
• Interoperabilidad: En las apps híbridas, las pruebas pueden interactuar sin problemas con elementos basados en Compose y View, y también integrarse en otros frameworks de pruebas.

Pruebas de hoja de referencia

Consulta la hoja de referencia de pruebas para obtener una descripción general de todos los temas clave que debes aprender sobre las pruebas en Compose.

Configuración

Configura tu app para probar el código de Compose.

Primero, agrega las siguientes dependencias al archivo build.gradle del módulo que contiene las pruebas de tu IU:

// Test rules and transitive dependencies:
androidTestImplementation("androidx.compose.ui:ui-test-junit4:$compose_version")
// Needed for createComposeRule(), but not for createAndroidComposeRule<YourActivity>():
debugImplementation("androidx.compose.ui:ui-test-manifest:$compose_version")

En este módulo, se incluye una ComposeTestRule y una implementación para Android llamada AndroidComposeTestRule. Con esta regla, puedes establecer el contenido de Compose o acceder a la actividad. Puedes crear las reglas con funciones de fábrica, ya sea createComposeRule o, si necesitas acceso a una actividad, createAndroidComposeRule. Una prueba de IU típica para Compose se ve de la siguiente manera:

// file: app/src/androidTest/java/com/package/MyComposeTest.kt

class MyComposeTest {

    @get:Rule val composeTestRule = createComposeRule()
    // use createAndroidComposeRule<YourActivity>() if you need access to
    // an activity

    @Test
    fun myTest() {
        // Start the app
        composeTestRule.setContent {
            MyAppTheme {
                MainScreen(uiState = fakeUiState, /*...*/)
            }
        }

        composeTestRule.onNodeWithText("Continue").performClick()

        composeTestRule.onNodeWithText("Welcome").assertIsDisplayed()
    }
}

Recursos adicionales

• Cómo probar apps en Android: La página de destino principal de pruebas de Android proporciona una vista más amplia de los aspectos básicos y las técnicas de prueba.
• Aspectos básicos de las pruebas: Obtén más información sobre los conceptos básicos de las pruebas de una app para Android.
• Pruebas locales: Puedes ejecutar algunas pruebas de manera local en tu propia estación de trabajo.
• Pruebas instrumentadas: Se recomienda ejecutar pruebas instrumentadas. Es decir, pruebas que se ejecutan directamente en el dispositivo.
• Integración continua: La integración continua te permite integrar tus pruebas en la canalización de implementación.
• Prueba diferentes tamaños de pantalla: Con muchos dispositivos disponibles para los usuarios, debes probar diferentes tamaños de pantalla.
• Espresso: Si bien está diseñado para IUs basadas en objetos View, el conocimiento de Espresso puede ser útil para algunos aspectos de las pruebas de Compose.

Codelab

Para obtener más información, prueba el codelab de pruebas de Jetpack Compose.

Ejemplos