如何在终端获取Flutter Web integration test失败详情

直接按以下步骤配置即可，不需要额外安装第三方工具：

• 运行测试时开启全量日志输出，替换默认的简洁报告模式，基础命令格式如下：
  flutter test integration_test/你的测试文件路径 -d chrome --verbose --reporter expanded --concurrency=1
  参数作用：
  • --verbose 打印Flutter工具链、Web编译、浏览器交互全链路日志
  • --reporter expanded 关闭测试结果的折叠展示，每条用例的执行结果、异常信息直接逐行输出
  • --concurrency=1 关闭多用例并发执行，避免多个测试的日志交叉混杂，无法对应失败场景
• 配置测试入口的异常捕获逻辑，避免框架吞掉Web端的渲染异常、异步错误。在你的集成测试入口文件中添加如下配置：

import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';

void main() {
  final binding = IntegrationTestWidgetsFlutterBinding.ensureInitialized();
  // 强制将所有测试异常、完整堆栈直接输出到终端标准输出
  binding.reportTestException = (Object error, StackTrace stack) {
    print('\n[TEST FAILED] 错误信息: $error');
    print('[TEST FAILED] 完整堆栈:\n$stack\n');
  };
  // 后续编写你的测试用例逻辑即可
}

• 设置环境变量关闭堆栈截断，默认Dart测试运行器只会输出堆栈前8~10行，执行测试前先在当前终端设置环境变量：
  • Mac/Linux终端执行：export FLUTTER_TEST_STACK_TRACE_DEPTH=100
  • Windows PowerShell执行：$env:FLUTTER_TEST_STACK_TRACE_DEPTH="100"
• 避开日志截断的常见坑：不要用旧版flutter drive命令跑Web集成测试，该命令默认会对Web端返回的测试结果做简化处理，只输出失败的用例名称，不会带完整错误栈和上下文日志，直接使用flutter test命令执行integration_test目录下的用例即可。

如果需要排查Web端的JS互操作、DOM渲染相关错误，可以把运行目标换成web-server，本地打开浏览器访问输出的本地地址，复现失败场景时终端会同步打印所有JS控制台的报错信息，命令为：flutter test integration_test/你的测试文件路径 -d web-server --web-port=8080 --verbose

内容的提问来源于stack exchange，提问作者Tejashri Raut