首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter 中文文档:点击、拖拽事件和文本输入

我们构建的大部分 Widget 不仅仅需要展示信息,还需要响应用户交互。常见的交互有用户点击按钮、在屏幕上拖动组件和在中输入文本。

为了测试这些交互,我们需要在测试环境中模拟上述场景,可以借助库中的类来实现。

提供了文本输入、点击、拖动的相关方法:

在很多情况下,用户交互会更新应用状态。在测试环境中,Flutter 在状态发生改变的时候并不会自动重建 Widget。为了保证模拟用户交互实现后,Widget 树能重建,一定要调用提供的或者。

步骤

1. 创建待测 Widget

2. 在文本区输入文本

3. 点击按钮,增加待办清单项

4. 滑动删除待办清单项

1. 创建待测 Widget

在这个示例中,我们将会创建一个简单的待办清单应用。其中有三个主要的功能点需要测试:

(1)往中输入文本

(2)点击,把文本加入到待办清单列表

(3)滑动移除列表中的待办清单项

为了聚焦在测试上,本章节并不会提供如何构建一个待办清单应用的具体教程。如果想要知道这个应用是如何构建的,请参考以下章节:

2. 在文本区输入文本

我们有了一个待办清单项应用以后,就可以开始编写测试用例了。在本示例中,我们会先测试在文本区输入文本。

完成这项任务,需要做到:

(1)在测试环境创建 Widget

(2)使用中的方法

备忘

这个章节的内容建立在前面的 widget 测试的相关章节上,请参考如下章节,获取关于 Widget 测试的更多内容:

widget 测试介绍

定位到目标 widgets

3. 点击按钮,增加待办清单项

在中输入文本后,需要确保能够点击,将文本作为清淡项加入列表中。

这包含了三个步骤:

(1)使用方法模拟点击按钮

(2)使用方法确保应用状态发生改变时可以重建 Widget

(3)确保列表清单项展现在屏幕上

4. 滑动删除待办清单项

最后,我们需要确保滑动删除的操作能够正常地从列表中移除清单项。这包含了三个步骤:

(1)使用方法模拟滑动删除操作。

(2)使用方法使 Widget 树保持重建更新,直到消除的动画完成。

(3)确保上述清单项不会再出现在屏幕上

完整样例

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190930A0ANTA00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券