深入了解 Jetpack Compose的BDD测试入门级

原创

Nimyears

修改于 2025-08-03 11:15:02

2220

文章被收录于专栏：JetpackCompose M3JetpackCompose M3 玩转全栈

一、引言

本文介绍一种基于行为Behavior Driven Development（驱动开发）的方法,被称为BBD，用于编写和验证包含点击交互的UI测试。

二、准备工作

用户输入名字后点击按钮，应用显示问候语。使用Jetpack Compose提供的Modifier.clickable处理点击事件，结合BDD原则编写测试。

三、介绍

三个基本步骤：Given（给定条件）、When（当发生什么时）、Then（那么结果应该是）。这些步骤可以理解为清晰地界定测试的前提条件、执行的动作以及预期的结果，通常采用“给定-当-那么”(Given-When-Then) 的格式。

四、BDD步骤定义

Given: 用户已输入名字“Nimyears”。
When: 用户点击了提交按钮。
Then: 屏幕上应该显示文本“Hello, Nimyears!”。

五、代码实现

@Composable
fun Greeting(name: String) {
    var text by remember { mutableStateOf("Hello, $name!") }
    Column(modifier = Modifier.fillMaxSize()) {
        Text(text = text)
        Button(onClick = {
            // 模拟用户点击后的状态变化
            text = "Hello, ${name}!"
        }) {
            Text("Submit")
        }
    }
}

@Test
fun testGreeting() {
    composeTestRule.setContent {
        Greeting(name = "Nimyears")
    }

    // 点击按钮模拟用户交互
    composeTestRule.onNodeWithText("Submit").performClick()

    // 验证点击后的结果是否正确
    composeTestRule.onNodeWithText("Hello, Nimyears!").assertIsDisplayed()
}

在这段代码中，首先定义了一个Greeting可组合项，它接受一个名字作为参数，并且当按钮被点击时更新显示的问候语。在测试函数中设置了内容模拟了用户的点击操作，最后检查了点击后的UI状态是否符合预期。