Flutter Test Driver在安卓模拟器中点击相机、确认按钮的实现方案问询

方案可行性结论 #

两种实现思路都可以正常运行，Flutter官方的flutter_driver提供的tap()方法支持两种点击模式：既可以通过Finder定位目标组件后点击，也支持传入坐标参数点击屏幕任意位置。

优先推荐：TestKey点击方案 #

如果相机按钮、确认按钮属于你的Flutter应用内自定义组件，优先用该方案，稳定性远高于坐标点击，不受屏幕尺寸、组件布局变动影响：

1. 给两个组件分别绑定ValueKey：

   // 相机按钮组件示例
   IconButton(
     key: const ValueKey('camera_shutter_button'),
     icon: const Icon(Icons.camera),
     onPressed: takePhoto,
   )
   // 确认按钮组件示例
   TextButton(
     key: const ValueKey('camera_confirm_button'),
     child: const Text('确认'),
     onPressed: confirmPhoto,
   )
   

2. 测试代码调用：

   // 点击快门拍照
   await driver.tap(find.byValueKey('camera_shutter_button'));
   // 等待确认按钮渲染完成
   await driver.waitFor(find.byValueKey('camera_confirm_button'));
   // 点击确认完成拍照验证
   await driver.tap(find.byValueKey('camera_confirm_button'));
   

备用方案：坐标点击方案 #

如果你调用的是系统相机页面，无法给原生组件绑定TestKey，可以用坐标点击实现：
flutter_driver提供了tapAt()方法直接点击指定坐标，也可以给普通tap()方法传入offset参数调整点击位置，示例代码：

// 直接点击绝对坐标，坐标可通过手机开发者选项的指针位置功能获取
await driver.tapAt(const Offset(216, 780));

// 相对坐标写法适配不同分辨率，避免硬编码绝对坐标
final screenSize = await driver.getBottomRight(find.byType('Scaffold'));
// 点击屏幕水平居中、高度70%位置的快门按钮
await driver.tapAt(Offset(screenSize.width / 2, screenSize.height * 0.7));
// 点击右下角位置的确认按钮
await driver.tapAt(Offset(screenSize.width * 0.8, screenSize.height * 0.9));

按钮参考截图 #

相机按钮	确认按钮

内容的提问来源于stack exchange，提问作者Andrew Arnita