Flutter图像测试工具插件flutter_image_test_utils的使用

本包提供了一种简单且更简便的方法来测试使用Image.network或CachedNetworkImage的Flutter小部件。通过使用带有mocktail存根的模拟HTTP客户端，对每个请求都响应一个假图片。

ℹ️ 这是受到以下项目的启发：image_test_utils，该项目已停止维护，并且来自Flutter团队的mock_image_http。

使用

在你的Flutter项目的根目录下运行以下命令：

flutter pub add flutter_image_test_utils

或者直接将以下依赖项粘贴到你的pubspec.yaml文件中：

dev_dependencies:
  flutter_image_test_utils: ^1.0.0

在你的小部件测试中，只需导入库并使用provideMockedNetworkImages()函数，例如：

import 'package:flutter/material.dart';
import 'package:flutter_image_test_utils/flutter_image_test_utils.dart';

testWidgets('应该执行某些操作', (tester) async {
  provideMockedNetworkImages(
    () async {
      await tester.pumpWidget(
        MaterialApp(
          home: MyWidget(),
        ),
      );
      // 在这里添加你的测试逻辑
    },
  );
});

你还可以传递自己的图像字节值，只需要通过imageBytes参数传入即可：

import 'package:flutter/material.dart';
import 'package:flutter_image_test_utils/flutter_image_test_utils.dart';

testWidgets('应该执行某些操作', (tester) async {
  provideMockedNetworkImages(
    () async {
      // 在这里添加你的测试逻辑
    },
    imageBytes: [/* 你的图像字节数据 */]
  );
});

完整示例

以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:flutter_image_test_utils/flutter_image_test_utils.dart';

// 主应用入口点
void main() {
  runApp(const MyApp());
}

// 自定义的小部件
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter Demo'),
        ),
        body: Center(
          child: Image.network('https://picsum.photos/200/300'), // 显示网络图片
        ),
      ),
    );
  }
}

// 小部件测试
void main() {
  testWidgets('应该正确显示图片', (tester) async {
    provideMockedNetworkImages(
      () async {
        await tester.pumpWidget(
          MaterialApp(
            home: MyApp(), // 测试主应用
          ),
        );

        // 验证是否正确渲染了图片
        expect(find.byType(Image), findsOneWidget);
      },
    );
  });
}