Testar o layout do Compose

Teste a interface do app para verificar se o comportamento do código do Compose está correto. Isso permite detectar erros com antecedência e melhorar a qualidade do app.

O Compose fornece um conjunto de APIs de teste para encontrar elementos, verificar atributos e executar ações do usuário. As APIs também incluem recursos avançados, como manipulação de tempo. Use essas APIs para criar testes robustos que verifiquem o comportamento do app.

Visualizações

Se você estiver trabalhando com visualizações em vez do Compose, consulte a seção geral Testar apps no Android.

Em particular, um bom lugar para começar é o guia Automatizar testes de interface. Ele explica como automatizar testes executados no dispositivo, inclusive ao usar visualizações.

Principais conceitos

A seguir, confira alguns conceitos importantes para testar o código do Compose:

Folha de referência de testes

Consulte a folha de referência de testes para uma visão geral de todos os principais tópicos que você precisa aprender sobre testes no Compose.

Configuração

Configure o app para permitir que você teste o código do Compose.

Primeiro, adicione as seguintes dependências ao arquivo build.gradle do módulo que contém seus testes de interface:

// 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")

Esse módulo inclui uma ComposeTestRule e uma implementação para Android chamada AndroidComposeTestRule. Com essa regra, é possível definir o conteúdo do Compose ou acessar a atividade. As regras são construídas usando funções de fábrica, seja createComposeRule ou, se você precisar acessar uma atividade, createAndroidComposeRule. O teste de interface típico do Compose tem esta aparência:

// 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()
    }
}

Outros recursos

  • Testar apps no Android: a página de destino principal de testes do Android oferece uma visão mais ampla dos fundamentos e técnicas de teste.
  • Conceitos básicos de testes: Saiba mais sobre os conceitos básicos por trás do teste de um app Android.
  • Testes locais: é possível executar alguns testes localmente, na sua estação de trabalho.
  • Testes instrumentados: também é uma boa prática executar testes instrumentados. Ou seja, testes executados diretamente no dispositivo.
  • Integração contínua: A integração contínua permite integrar os testes ao pipeline de implantação.
  • Testar diferentes tamanhos de tela: Com tantos dispositivos disponíveis para os usuários, é necessário testar diferentes tamanhos de tela.
  • Espresso: embora seja destinado a interfaces baseadas em visualização, o conhecimento do Espresso ainda pode ser útil para alguns aspectos dos testes do Compose.

Codelab

Para saber mais, consulte o codelab sobre como testar no Jetpack Compose.

Amostras