รูปแบบทั่วไป

คุณสามารถทดสอบแอป Compose ด้วยแนวทางและรูปแบบที่ผ่านการพิสูจน์แล้ว

ทดสอบแยกต่างหาก

ComposeTestRule ให้คุณเริ่มกิจกรรมแสดง Composable ดังนี้ แอปพลิเคชันแบบเต็มของคุณ หน้าจอเดียว หรือองค์ประกอบขนาดเล็ก นอกจากนี้ คุณควรตรวจสอบด้วยว่าคอมโพสิเบิลได้รับการบรรจุอย่างถูกต้องและทำงานได้อย่างอิสระ ซึ่งจะช่วยให้การทดสอบ UI ง่ายขึ้นและมุ่งเน้นมากขึ้น

แต่ไม่ได้หมายความว่าคุณควรทดสอบเฉพาะการทดสอบ UI ระดับหน่วย ขอบเขตของการทดสอบ UI ส่วนประกอบขนาดใหญ่ของ UI ก็มีความสำคัญมากเช่นกัน

เข้าถึงกิจกรรมและแหล่งข้อมูลหลังจากตั้งค่าเนื้อหาของคุณเอง

บ่อยครั้งที่คุณจำเป็นต้องตั้งค่าเนื้อหาภายใต้การทดสอบโดยใช้ composeTestRule.setContent และคุณยังต้องเข้าถึงแหล่งข้อมูลกิจกรรมสำหรับ ตัวอย่างเพื่อยืนยันว่าข้อความที่แสดงตรงกับแหล่งข้อมูลสตริง อย่างไรก็ตาม คุณจะเรียก setContent ในกฎที่สร้างด้วย createAndroidComposeRule() ไม่ได้หากกิจกรรมเรียก setContent อยู่แล้ว

รูปแบบที่พบบ่อยในการบรรลุเป้าหมายนี้คือการสร้าง AndroidComposeTestRule โดยใช้ กิจกรรมที่ว่างเปล่า เช่น 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()
    }
}

โปรดทราบว่าต้องเพิ่ม ComponentActivity ลงในไฟล์ AndroidManifest.xml ของแอป เปิดใช้โดยเพิ่ม Dependency นี้ลงในข้อบังคับ

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

พร็อพเพอร์ตี้ความหมายที่กำหนดเอง

คุณสามารถสร้างพร็อพเพอร์ตี้ Semantics ที่กําหนดเองเพื่อแสดงข้อมูลในการทดสอบ โดยให้กําหนด SemanticsPropertyKey ใหม่และทําให้พร้อมใช้งานโดยใช้ SemanticsPropertyReceiver

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

จากนั้นใช้พร็อพเพอร์ตี้นั้นในตัวแก้ไข semantics

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

จากการทดสอบ ให้ใช้ SemanticsMatcher.expectValue เพื่อยืนยันค่าของ พร็อพเพอร์ตี้:

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

ยืนยันการกู้คืนสถานะ

ตรวจสอบว่าสถานะขององค์ประกอบการเขียนได้รับการคืนค่าอย่างถูกต้องเมื่อ กิจกรรมหรือกระบวนการใหม่ขึ้น ดำเนินการตรวจสอบดังกล่าวโดยไม่ต้องอาศัยการสร้างกิจกรรมใหม่ด้วยคลาส StateRestorationTester

ชั้นเรียนนี้ให้คุณจำลองการสร้าง Composable ขึ้นมาจำลอง ซึ่งจะเป็นประโยชน์อย่างยิ่งในการตรวจสอบการติดตั้งใช้งาน 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.
    }
}

ทดสอบการกำหนดค่าอุปกรณ์ต่างๆ

แอป Android ต้องปรับตัวให้เข้ากับสภาพที่เปลี่ยนแปลงไปมากมาย เช่น ขนาดหน้าต่าง ภาษา ขนาดแบบอักษร ธีมมืดและธีมสว่าง และอื่นๆ เงื่อนไขส่วนใหญ่เหล่านี้มาจากค่าระดับอุปกรณ์ที่ผู้ใช้ควบคุมและแสดงพร้อมกับอินสแตนซ์ Configuration ปัจจุบัน การทดสอบการกําหนดค่าต่างๆ โดยตรงในการทดสอบนั้นทําได้ยาก เนื่องจากการทดสอบต้องกําหนดค่าพร็อพเพอร์ตี้ระดับอุปกรณ์

DeviceConfigurationOverride เป็น API สำหรับการทดสอบเท่านั้นที่ช่วยให้คุณจําลองการกําหนดค่าอุปกรณ์ต่างๆ ในแบบแปลสําหรับเนื้อหา @Composable ที่อยู่ภายใต้การทดสอบ

ออบเจ็กต์ที่ใช้ร่วมกันของ DeviceConfigurationOverride มีฟังก์ชันส่วนขยายต่อไปนี้ ซึ่งจะลบล้างพร็อพเพอร์ตี้การกําหนดค่าระดับอุปกรณ์

หากต้องการใช้การลบล้างเฉพาะ ให้รวมเนื้อหาไว้ภายใต้การทดสอบในการเรียกใช้ฟังก์ชัน ฟังก์ชันระดับบนสุดของ DeviceConfigurationOverride() มีการส่งการลบล้าง เพื่อใช้เป็นพารามิเตอร์

ตัวอย่างเช่น โค้ดต่อไปนี้ใช้ ลบล้าง DeviceConfigurationOverride.ForcedSize() เพื่อเปลี่ยนความหนาแน่น ในเครื่อง โดยบังคับให้ MyScreen Composable แสดงผลในภูมิทัศน์ขนาดใหญ่ แม้ว่าอุปกรณ์ที่ทดสอบอยู่จะไม่รองรับหน้าต่างนั้นก็ตาม ปรับขนาดโดยตรง:

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

หากต้องการใช้การลบล้างหลายรายการร่วมกัน ให้ใช้ DeviceConfigurationOverride.then() ดังนี้

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

แหล่งข้อมูลเพิ่มเติม

  • ทดสอบแอปใน Android: หน้า Landing Page หลักของการทดสอบ Android ให้มุมมองที่กว้างขึ้นเกี่ยวกับพื้นฐานและเทคนิคการทดสอบ
  • หลักพื้นฐานของการทดสอบ: ดูข้อมูลเพิ่มเติมเกี่ยวกับแนวคิดหลักเบื้องหลังการทดสอบแอป Android
  • การทดสอบในเครื่อง: คุณสามารถทำการทดสอบบางอย่างในเครื่องของคุณเอง
  • การทดสอบที่มีเครื่องมือวัด: คุณควรทำการทดสอบที่มีเครื่องมือวัดด้วย กล่าวคือ การทดสอบที่ทำงานโดยตรง ในอุปกรณ์
  • การรวมอย่างต่อเนื่อง: การรวมอย่างต่อเนื่องช่วยให้คุณผสานรวมการทดสอบเข้ากับไปป์ไลน์การติดตั้งใช้งานได้
  • ทดสอบขนาดหน้าจอต่างๆ: เนื่องจากผู้ใช้มีอุปกรณ์หลากหลายรุ่น คุณจึงควรทดสอบขนาดหน้าจอต่างๆ
  • Espresso: เหมาะสำหรับข้อมูลในมุมมอง UI, ความรู้เกี่ยวกับ Espresso ยังมีประโยชน์สำหรับ Compose ในบางแง่มุม การทดสอบ