我最近开始接触flutter,但就在我准备写一些小部件测试时,我注意到我不太确定如何模拟Google Maps flutter包。
我看到的许多例子包括使用库"mockito"来模拟类,但这是假设GoogleMaps小部件将被注入到要测试的小部件中。不幸的是,根据他们给定的文档和启动指南,这似乎不太可能:
class MapsDemo extends StatefulWidget {
@override
State createState() => MapsDemoState();
}
class MapsDemoState extends State<MapsDemo> {
GoogleMapController mapController;
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.all(15.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Center(
child: SizedBox(
width: 300.0,
height: 200.0,
child: GoogleMap(
onMapCreated: _onMapCreated,
),
),
),
RaisedButton(
child: const Text('Go to London'),
onPressed: mapController == null ? null : () {
mapController.animateCamera(CameraUpdate.newCameraPosition(
const CameraPosition(
bearing: 270.0,
target: LatLng(51.5160895, -0.1294527),
tilt: 30.0,
zoom: 17.0,
),
));
},
),
],
),
);
}
void _onMapCreated(GoogleMapController controller) {
setState(() { mapController = controller; });
}
}
请注意,GoogleMaps
小部件无法传入,因为onMapCreated
是必需的函数,并且该函数依赖于私有类方法(允许父小部件访问GoogleMapsController
)。mockito mock函数的许多其他示例没有这种回调函数来设置状态。
我似乎没有看到任何其他包可以有效地模拟GoogleMaps小部件,所以我真的没有任何例子可以效仿。理想情况下,我所期望的是node.s中的某种行为,比如proxyquire或sinon(在这里你不需要将模拟库传递到function.constructors中),但看起来模拟类需要传递到测试的小部件中。
关于如何模拟这个库进行测试,还有其他想法吗?还是我应该只测试实际的功能?
我通过模拟谷歌地图使用的频道来模拟谷歌地图:
setUpAll(() async {
SystemChannels.platform_views.setMockMethodCallHandler((MethodCall call) {
switch (call.method) {
case 'create':
return Future<int>.sync(() => 1);
default:
return Future<void>.sync(() {});
}
});
MethodChannel('plugins.flutter.io/google_maps_0', StandardMethodCodec())
.setMockMethodCallHandler((MethodCall methodCall) async {
return null;
});
}
我的灵感来自这个webview插件测试(这是一个类似于GoogleMaps小部件的PlatformView),以及这个GoogleMaps插件测试