Flutter UI 测试
发布时间：2020-03-20 04:39:31 所属栏目：资源 来源：站长网
导读：跨平台移动App开发框架的 测试 通常是具有挑战的，因为测试需要跨多个平台。Flutter提供了丰富的测试功能。包括 单元测试 、小部件测试和集成测试。在标准的测试金字塔模型中，集成测试是在单元测试之后进行的，开发测试多个模块的集成。在Flutter中，集成
跨平台移动App开发框架的测试通常是具有挑战的，因为测试需要跨多个平台。Flutter提供了丰富的测试功能。包括单元测试、小部件测试和集成测试。在标准的测试金字塔模型中，集成测试是在单元测试之后进行的，开发测试多个模块的集成。在Flutter中，集成测试等同于UI测试。在Flutter中UI测试被称作集成测试。但是在这里我们使用UI测试。 如何在Flutter执行UI测试？ 在Flutter中，UI测试被称作集成测试。Flutter集成测试类似iOS的XCUITest或Android的Expresso一样来执行UI自动化测试。Flutter的集成测试在一个单独的环境运行，可以运行在真实的设备或者模拟器上面。Flutter提供了一个flutter_driver包来编写UI测试。 Flutter应用程序的UI测试是如何执行UI测试: Flutter UI测试作为黑盒运行，与主应用程序分开的线程运行。 Flutter UI测试无法访问Flutter应用程序的数据或API，这给Flutter UI测试带来了额外的挑战。 Flutter UI测试准备工作： 首先，必须创建应用程序的测试版本，并将它部署到真机或模拟器中。 然后，通过测试套件驱动应用程序，flutter_driver编写测试用例。 Flutter Driver 启动本地服务运行测试，可以看到测试日志。 启动Flutter UI Tests 在创建一个新的Flutter项目时，默认Flutter模板并不包括UI测试库，需要先添加UI测试库，为了可以行UI测试，我们需要完成以下任务： 得到 flutter_driver 包。 设置测试目录 创建测试应用程序 通过flutter_driver提供的API编写UI 在真机或模拟器中执行UI测试 获得 flutter_driver 包 在pubspec.yaml文件中添加flutter_driver 的依赖dev_dependencies。 完成上面配置后，运行命令下载包： 这个命令将下载 flutter_driver包的最新，并且锁版本在pubpec.lock文件。现在可以在项目中使用flutter_driver了。 设置UI测试目录 现在可以创建一个flutter UI测试目录了，这个目录通常叫test_diver/。在这该目录下创建两个文件： 一个是应用程序文件main.dart，另一个是用于测试应用程序的UI测试文件main_test.dart。 创建应用程序 打开main.dart 编写简单的demo。 这段代码将启动App并检测版本。 编写UI测试 有了应用程序，就可以用Flutter Driver编写UI测试了。参考文档： https://flutter.dev/docs/cookbook/testing/integration/introduction#5-write-the-tests 分四个步骤： 在setup中连接App驱动 在teardwon方法断开App连接 使用SerializableFinder查找widget 使用expect断言信息 打开main_test.dart文件编写测试： 这里测试的是Flutter默认的应用程序，Codemagic-Demo。 运行测试 在运行测试之前需要连接一个真机或模拟器。准备好这后，通过下面命令运行测试。 运行测试时会发生以下情况: Flutter driver连接App到 http://127.0.0.1:50669/ 开始接收驱动程序的命令并执行相应的行动 一次测试结束连接断开 （编辑：徐州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |