如何最好地在 Flutter 集成测试中存根/模拟其余 API 调用

Question

我有一个 Flutter 应用程序，在用户登录后显示数据。我有单元和小部件测试，现在想编写我的第一个集成/端到端测试来测试用户登录的整个“快乐路径”工作流并查看数据。

当应用程序调用登录 API (GET login_api_path) 时，我想返回一些预定义的 JSON 以显示在屏幕上的内容，而不是向服务器发出真正的请求。

这是一个明智的方法，如果是这样，最好的方法是什么？我发现的大多数资源都是专门用于单元测试的。

Answer 1

这是我采用的方法：

创建一个使用 Dart http MockClient 的模拟客户端：

import 'package:http/testing.dart';
import 'package:http/http.dart';

MockClient integrationTestMockClient = MockClient((request) async {
  switch (request.url.toString()) {
    case 'https://staging.company.com/api/customer/123':
      return Response('{"customer": "123", "name": "Jane Jimmy"}', 200);
    case 'https://staging.company.com/api/customer/155':
      return Response('{"customer": "155", "name": "Gregor"}', 200);
  }
}

现在，当您在集成测试中启动您的应用程序时，您需要将模拟客户端传递到您的应用程序中，例如 test_driver/app.dart

import 'mock_client.dart';

void main() async {
  enableFlutterDriverExtension();
  final app = await initializeApp(
    integrationMockClient,
  );
  runApp(app);
}

您可能需要重构您的非测试代码，以便在应用程序启动时，您可以注入客户端。测试时可以是真实客户端或模拟客户端。

import 'package:http/http.dart';

void main() => initializeApp(Client());