Flutter UI 测试

56 阅读1分钟

  完成上面配置后,运行命令下载包:

$ flutter packages upgrade

  这个命令将下载 flutter_driver包的最新,并且锁版本在pubpec.lock文件。现在可以在项目中使用flutter_driver了。

  设置UI测试目录

  现在可以创建一个flutter UI测试目录了,这个目录通常叫test_diver/。在这该目录下创建两个文件:

  一个是应用程序文件main.dart,另一个是用于测试应用程序的UI测试文件main_test.dart。

 $ mkdir test_driver

  $ touch test_driver/main.dart

  $ touch test_driver/main_test.dart

  创建应用程序

  打开main.dart 编写简单的demo。

   import 'package:flutter_driver/driver_extension.dart';
  import 'package:flutter_demo/main.dart' as app;
  void main() {
  enableFlutterDriverExtension();
  app.main();
  }

  这段代码将启动App并检测版本。

  编写UI测试

  有了应用程序,就可以用Flutter Driver编写UI测试了。参考文档:

  flutter.dev/docs/cookbo…

  分四个步骤:

  在setup中连接App驱动

  在teardwon方法断开App连接

  使用SerializableFinder查找widget

  使用expect断言信息

  打开main_test.dart文件编写测试:

 void main() {
  group('Home Screen Test', () {
  FlutterDriver driver;
  setUpAll(() async {
  // Connects to the app
  driver = await FlutterDriver.connect();
  });
  tearDownAll(() async {
  if (driver != null) {
  // Closes the connection
  driver.close();
  }
  });
  test('verify the text on home screen', () async {
  SerializableFinder message = find.text("You have pushed the button this many times:");
  await driver.waitFor(message);
  expect(await driver.getText(message), "You have pushed the button this many times:");
  });
  });
  }

  这里测试的是Flutter默认的应用程序,Codemagic-Demo。

 运行测试

  在运行测试之前需要连接一个真机或模拟器。准备好这后,通过下面命令运行测试。

 $ flutter driver --target test_driver/main_test.dart

  运行测试时会发生以下情况:

  Flutter driver连接App到 http://127.0.0.1:50669/

  开始接收驱动程序的命令并执行相应的行动

  一次测试结束连接断开

行动吧,在路上总比一直观望的要好,未来的你肯定会感谢现在拼搏的自己!如果想学习提升找不到资料,没人答疑解惑时,请及时加入群: 786229024,里面有各种测试开发资料和技术可以一起交流哦。

最后: 下方这份完整的软件测试视频教程已经整理上传完成,需要的朋友们可以自行领取**【保证100%免费】**