Pola umum

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

Pengujian secara terpisah

ComposeTestRule memungkinkan Anda memulai aktivitas yang menampilkan composable apa pun: aplikasi lengkap, satu layar, atau elemen kecil. Ada baiknya juga untuk memeriksa 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 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 pada pengujian. Untuk melakukannya, tentukan SemanticsPropertyKey baru dan sediakan 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 yang ada. Menggunakan 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

Verifikasi bahwa status elemen Compose Anda 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. Hal ini 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 banyak kondisi yang berubah: ukuran jendela, lokalitas, ukuran font, tema gelap dan terang, dan lainnya. 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 sulit dilakukan karena pengujian harus mengonfigurasi properti tingkat perangkat.

DeviceConfigurationOverride adalah API khusus pengujian yang memungkinkan Anda menyimulasikan berbagai konfigurasi perangkat secara terlokalisasi untuk konten @Composable yang sedang diuji.

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

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

Untuk menerapkan penggantian tertentu, bungkus konten yang sedang diuji dalam panggilan ke fungsi level teratas DeviceConfigurationOverride(), dengan meneruskan penggantian yang akan diterapkan sebagai parameter.

Misalnya, kode berikut menerapkan penggantian DeviceConfigurationOverride.ForcedSize() untuk mengubah kepadatan secara lokal, sehingga 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

• Menguji aplikasi di Android: Halaman landing utama pengujian Android memberikan gambaran 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 juga pengujian berinstrumen. Artinya, pengujian yang berjalan langsung di perangkat.
• Continuous integration: Continuous integration memungkinkan Anda mengintegrasikan pengujian ke dalam pipeline deployment.
• Uji berbagai ukuran layar: Dengan banyaknya perangkat yang tersedia bagi pengguna, Anda harus menguji berbagai ukuran layar.
• Espresso: Meskipun ditujukan untuk UI berbasis View, pengetahuan Espresso masih dapat membantu untuk beberapa aspek pengujian Compose.