测试 Flutter App

介绍

应用的功能越多,手动测试的难度就越大。一套完整的自动化测试将帮助您确保您的应用在发布之前正确执行,同时保留您的功能和错误修复速度。

有很多种自动化测试。这些总结如下:

单元测试:测试单一功能、方法或类。例如,被测单元的外部依赖性通常被模拟出来,如package:mockito。

单元测试通常不会读取/写入磁盘、渲染到屏幕,也不会从运行测试的进程外部接收用户操作。单元测试的目标是在各种条件下验证逻辑单元的正确性。

widget 测试:(在其它UI框架称为 组件测试) 测试的单个widget。测试widget涉及多个类,并且需要提供适当的widget生命周期上下文的测试环境。

例如,它应该能够接收和响应用户操作和事件,执行布局并实例化子widget。widget测试因此比单元测试更全面。

然而,就像一个单元测试一样,一个widget测试的环境被一个比完整的UI系统简单得多的实现所取代。小部件测试的目标是验证小部件的UI如预期的那样的外观和交互。

集成测试:

测试一个完整的应用程序或应用程序的很大一部分。通常,集成测试可以在真实设备或OS仿真器上运行,例如iOS Simulator或Android Emulator。

被测试的应用程序通常与测试驱动程序代码隔离,以避免结果偏差。集成测试的目标是验证应用程序作为一个整体正确运行,它所组成的所有widget如预期的那样相互集成。

您还可以使用集成测试来验证应用的性能。

这里是一个表格,总结了在不同类型测试之间进行选择的权衡:

单元测试

widget测试

集成测试

Confidence

Low

Higher

Highest

维护成本

Low

Higher

Highest

依赖

Few

More

Lots

执行速度

Quick

Slower

Slowest

提示: 作为一个经验法则,经过充分测试的应用程序具有非常多的单元和widget测试,通过代码覆盖(code coverage)进行跟踪,以及覆盖所有重要使用场景的大量集成测试。

单元测试

某些Flutter库,如dart:ui在独立的Dart VM附带的Dart SDK的中是不可用。该flutter test命令允许您在本地Dart VM中运行测试,使用无头版(不会显示UI)的Flutter引擎。

使用这个命令你可以运行任何测试,不管它是否依赖于Flutter的库。

使用package:test,编写一个Flutter单元测试。编写单元测试使用的package:test文档在这里。

例如:

将此文件添加到 test/unit_test.dart:

import 'package:test/test.dart';
void main() {
test('my first unit test', () {
var answer = 42;
expect(answer, 42);
});
}

另外,您必须将以下内容添加到您的pubspec.yaml:

dev_dependencies:

flutter_test:

sdk: flutter

即使你的测试本身没有明确导入flutter_test,也需要这样做 ,因为测试框架本身在后台也使用了它。

要运行测试,从您的项目目录(而不是从test子目录)运行 flutter test test/unit_test.dart

要运行所有测试,请从项目目录运行flutter test

Widget 测试

您以类似于单元测试的方式实现widget测试。要在测试中执行与widget的交互,请使用Flutter提供的WidgetTester。

例如,您可以发送点击和滚动手势。您还可以使用WidgetTester在widget树中查找子widget、读取文本、验证widget属性的值是否正确。

例子:

将此文件添加到test/widget_test.dart:

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
void main() {
testWidgets('my first widget test', (WidgetTester tester) async {
// You can use keys to locate the widget you need to test
var sliderKey = new UniqueKey();
var value = 0.0;
// Tells the tester to build a UI based on the widget tree passed to it
await tester.pumpWidget(
new StatefulBuilder(
builder: (BuildContext context, StateSetter setState) {
return new MaterialApp(
home: new Material(
child: new Center(
child: new Slider(
key: sliderKey,
value: value,
onChanged: (double newValue) {
setState(() {
value = newValue;
});
},
),
),
),
);
},
),
);
expect(value, equals(0.0));
// Taps on the widget found by key
await tester.tap(find.byKey(sliderKey));
// Verifies that the widget updated the value correctly
expect(value, equals(0.5));
});
}

运行 flutter test test/widget_test.dart.

为了帮助调试widget测试,您可以使用debugDumpApp() 函数来可视化测试的UI状态,

或者只是简单的在您的首选运行时环境(例如模拟器或设备)中运行flutter run test/widget_test.dart以查看您的测试运行。

在运行flutter run的测试的会话期间,您还可以交互式地点击Flutter工具的部分屏幕来打印建议的Finder。

集成测试

如果您熟悉Selenium/WebDriver(web),Espresso(Android)或UI Automation(iOS),那么Flutter Driver就是Flutter与这些集成测试工具的等价物。

此外,Flutter Driver还提供API以记录测试执行的操作的性能跟踪(又名时间轴)。

Flutter的Driver是:

一个命令行工具 flutter drive

一个包 package:flutter_driver (API)

这两者允许你:

为集成测试创建指令化的应用程序

写一个测试

运行测试

添加flutter_driver依赖项

要使用flutter_driver,您必须将以下块添加到您的pubspec.yaml:

dev_dependencies:

flutter_driver:

sdk: flutter

创建指令化的Flutter应用程序

一个指令化的应用程序是一个Flutter应用程序,它启用了Flutter Driver 扩展。启用扩展请调用enableFlutterDriverExtension()。

例:

假设你有一个入口点的应用程序my_app/lib/main.dart。要创建它的指令化版本,请在my_app/test_driver/下创建一个Dart文件。

在您正在测试的功能之后命名它; 接下来定位到my_app/test_driver/user_list_scrolling.dart:

// 这一行导入扩展
import 'package:flutter_driver/driver_extension.dart';
void main() {
// 启用扩展
enableFlutterDriverExtension();
// Call the `main()` of your app or call `runApp` with whatever widget
// you are interested in testing.
}

编写集成测试

集成测试是一个简单的package:test测试,它使用Flutter Driver API告诉应用程序执行什么操作,然后验证应用程序是否执行了此操作。

例子:

为了有意思起见,我们也让我们的测试记录下性能跟踪(performance timeline)。我们创建一个user_list_scrolling_test.dart测试文件位于my_app/test_driver/下:

import 'dart:async';
// Imports the Flutter Driver API
import 'package:flutter_driver/flutter_driver.dart';
import 'package:test/test.dart';
void main() {
group('scrolling performance test', () {
FlutterDriver driver;
setUpAll(() async {
// 连接app
driver = await FlutterDriver.connect();
});
tearDownAll(() async {
if (driver != null) {
// 关闭连接
driver.close();
}
});
test('measure', () async {
// 记录闭包中的performance timeline
Timeline timeline = await driver.traceAction(() async {
// Find the scrollable user list
SerializableFinder userList = find.byValueKey('user-list');
// Scroll down 5 times
for (int i = 0; i < 5; i++) {
// Scroll 300 pixels down, for 300 millis
await driver.scroll(
userList, 0.0, -300.0, new Duration(milliseconds: 300));
// Emulate a user's finger taking its time to go back to the original
// position before the next scroll
await new Future.delayed(new Duration(milliseconds: 500));
}
// Scroll up 5 times
for (int i = 0; i < 5; i++) {
await driver.scroll(
userList, 0.0, 300.0, new Duration(milliseconds: 300));
await new Future.delayed(new Duration(milliseconds: 500));
}
});
// The `timeline` object contains all the performance data recorded during
// the scrolling session. It can be digested into a handful of useful
// aggregate numbers, such as "average frame build time".
TimelineSummary summary = new TimelineSummary.summarize(timeline);
summary.writeSummaryToFile('stocks_scroll_perf', pretty: true);
summary.writeTimelineToFile('stocks_scroll_perf', pretty: true);
});
});
}

运行集成测试

要在Android设备上运行测试,请通过USB将设备连接到计算机并启用USB调试。然后运行以下命令:

flutter drive --target=my_app/test_driver/user_list_scrolling.dart

该命令将:

构建 --target 应用,并将其安装在设备上

启动应用

运行my_app/test_driver/下的user_list_scrolling_test.dart

您可能想知道该命令如何找到正确的测试文件。flutter drive 命令使用一种约定来查找与--target应用程序在同一目录中具有相同文件名但是具有_test后缀的测试文件。