Pola umum

Anda dapat menguji aplikasi Compose dengan pendekatan dan pola yang sudah ditetapkan.

Pengujian secara terpisah

ComposeTestRule memungkinkan Anda memulai aktivitas yang menampilkan composable apa pun: aplikasi lengkap, layar tunggal, atau elemen kecil. Selain itu, sebaiknya periksa apakah composable Anda dienkapsulasi dengan benar dan berfungsi secara independen, sehingga memungkinkan pengujian UI yang lebih mudah dan lebih terfokus.

Ini tidak berarti Anda hanya akan membuat pengujian UI unit. Pengujian UI yang mencakup sebagian besar UI yang ada juga sangat penting.

Mengakses aktivitas dan resource setelah menetapkan konten Anda sendiri

Sering kali Anda perlu menetapkan konten yang sedang diuji menggunakan composeTestRule.setContent dan juga perlu mengakses resource aktivitas, misalnya untuk menyatakan bahwa teks yang ditampilkan cocok dengan resource string. Namun, Anda tidak dapat memanggil setContent pada aturan yang dibuat dengan createAndroidComposeRule() jika aktivitas sudah memanggilnya.

Pola umum untuk melakukannya adalah dengan membuat AndroidComposeTestRule menggunakan aktivitas kosong seperti 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()
    }
}

Perlu diperhatikan bahwa ComponentActivity harus ditambahkan ke file AndroidManifest.xml aplikasi Anda. Aktifkan itu dengan menambahkan dependensi ini ke modul Anda:

debugImplementation("androidx.compose.ui:ui-test-manifest:$compose_version")

Properti semantik kustom

Anda dapat membuat properti semantik kustom untuk mengekspos informasi ke pengujian. Untuk melakukannya, tentukan SemanticsPropertyKey baru dan sediakan menggunakan SemanticsPropertyReceiver.

// Creates a semantics property of type Long.
val PickedDateKey = SemanticsPropertyKey<Long>("PickedDate")
var SemanticsPropertyReceiver.pickedDate by PickedDateKey

Sekarang gunakan properti tersebut di pengubah semantics:

val datePickerValue by remember { mutableStateOf(0L) }
MyCustomDatePicker(
    modifier = Modifier.semantics { pickedDate = datePickerValue }
)

Dari pengujian, gunakan SemanticsMatcher.expectValue untuk menyatakan nilai properti:

composeTestRule
    .onNode(SemanticsMatcher.expectValue(PickedDateKey, 1445378400)) // 2015-10-21
    .assertExists()

Peringatan: Anda hanya boleh menggunakan properti Semantik kustom jika sulit untuk mencocokkan item tertentu menggunakan pencari dan matcher tertentu. Penggunaan properti Semantik kustom untuk mengekspos properti visual seperti warna, ukuran font, atau radius sudut bulat tidak direkomendasikan, karena dapat mencemari kode produksi dan penerapan yang salah dapat menyebabkan bug yang sulit ditemukan.

Memverifikasi pemulihan status

Pastikan status elemen Compose dipulihkan dengan benar saat aktivitas atau proses dibuat ulang. Lakukan pemeriksaan tersebut tanpa mengandalkan pembuatan ulang aktivitas dengan class StateRestorationTester.

Class ini memungkinkan Anda menyimulasikan pembuatan ulang composable. Sangat berguna untuk memverifikasi penerapan 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.
    }
}

Menguji berbagai konfigurasi perangkat

Aplikasi Android harus beradaptasi dengan berbagai kondisi yang berubah: ukuran jendela, lokalitas, ukuran font, tema gelap dan terang, serta banyak lagi. Sebagian besar kondisi ini berasal dari nilai tingkat perangkat yang dikontrol oleh pengguna dan diekspos dengan instance Configuration saat ini. Menguji berbagai konfigurasi secara langsung dalam pengujian merupakan hal yang sulit karena pengujian harus mengonfigurasi properti tingkat perangkat.

DeviceConfigurationOverride adalah API khusus pengujian yang memungkinkan Anda menyimulasikan berbagai konfigurasi perangkat dengan cara yang dilokalkan untuk konten @Composable yang sedang diuji.

Catatan: DeviceConfigurationOverride tersedia mulai Compose 1.7.0-alpha03

Objek pendamping DeviceConfigurationOverride memiliki fungsi ekstensi berikut, yang mengganti properti konfigurasi tingkat perangkat:

• DeviceConfigurationOverride.DarkMode(): Mengganti sistem ke tema gelap atau tema terang.
• DeviceConfigurationOverride.FontScale(): Mengganti skala font sistem.
• DeviceConfigurationOverride.FontWeightAdjustment(): Mengganti penyesuaian ketebalan font sistem.
• DeviceConfigurationOverride.ForcedSize(): Memaksa jumlah ruang tertentu, terlepas dari ukuran perangkatnya.
• DeviceConfigurationOverride.LayoutDirection(): Mengganti arah tata letak (kiri-ke-kanan atau kanan-ke-kiri).
• DeviceConfigurationOverride.Locales(): Mengganti lokal.
• DeviceConfigurationOverride.RoundScreen(): Mengganti jika layar bulat.

Untuk menerapkan penggantian tertentu, gabungkan konten yang sedang diuji dalam panggilan ke fungsi tingkat atas DeviceConfigurationOverride(), dengan meneruskan penggantian untuk diterapkan sebagai parameter.

Misalnya, kode berikut menerapkan penggantian DeviceConfigurationOverride.ForcedSize() untuk mengubah kepadatan secara lokal, yang memaksa composable MyScreen dirender di jendela lanskap besar, meskipun perangkat tempat pengujian berjalan tidak mendukung ukuran jendela tersebut secara langsung:

composeTestRule.setContent {
    DeviceConfigurationOverride(
        DeviceConfigurationOverride.ForcedSize(DpSize(1280.dp, 800.dp))
    ) {
        MyScreen() // will be rendered in the space for 1280dp by 800dp without clipping
    }
}
DeviceConfigurationOverrideSnippets.kt

Untuk menerapkan beberapa penggantian secara bersamaan, gunakan DeviceConfigurationOverride.then():

composeTestRule.setContent {
    DeviceConfigurationOverride(
        DeviceConfigurationOverride.FontScale(1.5f) then
            DeviceConfigurationOverride.FontWeightAdjustment(200)
    ) {
        Text(text = "text with increased scale and weight")
    }
}
DeviceConfigurationOverrideSnippets.kt

Referensi Tambahan

• Aplikasi pengujian di Android: Halaman landing pengujian Android utama memberikan pandangan yang lebih luas tentang dasar-dasar dan teknik pengujian.
• Dasar-dasar pengujian: Pelajari lebih lanjut konsep inti di balik pengujian aplikasi Android.
• Pengujian lokal: Anda dapat menjalankan beberapa pengujian secara lokal, di workstation Anda sendiri.
• Pengujian berinstrumen: Sebaiknya jalankan pengujian berinstrumen juga. Artinya, pengujian yang berjalan langsung di perangkat.
• Continuous integration: Continuous integration memungkinkan Anda mengintegrasikan pengujian ke dalam pipeline deployment.
• Menguji berbagai ukuran layar: Dengan beberapa perangkat yang tersedia bagi pengguna, Anda harus menguji berbagai ukuran layar.
• Espresso: Meskipun ditujukan untuk UI berbasis View, pengetahuan Espresso masih dapat berguna untuk beberapa aspek pengujian Compose.