Flutter Widget测试遇多异常及Firebase初始化报错求助

问题原因 #

你的UserDetails组件内部依赖了Firebase服务，但在Widget测试环境中既没有初始化Firebase，也没有对Firebase相关依赖做Mock处理，导致渲染组件时抛出[core/no-app] No Firebase App '[DEFAULT]' has been created错误。

解决方案 #

以下两种方式可解决问题，推荐优先选择Mock方案，让测试聚焦于UI逻辑而非真实服务依赖：

方式一：Mock Firebase依赖（推荐） #

Widget测试应隔离外部服务依赖，通过Mock模拟Firebase的核心行为：

1. 在pubspec.yaml的dev_dependencies中添加所需依赖：

dev_dependencies:
  flutter_test:
    sdk: flutter
  firebase_core_platform_interface: ^4.8.0

2. 修改测试代码，添加Fake Firebase实现：

import 'package:flutter_test/flutter_test.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_core_platform_interface/firebase_core_platform_interface.dart';
import 'package:your_app/user_details.dart'; // 替换为UserDetails所在文件路径

void main() {
  // 提前Mock Firebase核心服务
  setUpAll(() {
    FirebaseCorePlatform.instance = FakeFirebaseCore();
  });

  group("UserDetails Screen test", () {
    testWidgets("Check the buttons in User screen", (WidgetTester tester) async {
      await tester.pumpWidget(const UserDetails());
      await tester.pump();

      // 把查询移到测试内部，避免提前初始化导致的状态问题
      final emailField = find.byKey(const Key("fname-field"));
      final passwordField = find.byKey(const Key("lname-field"));
      final enumberField = find.byKey(const Key("enumber-field"));
      final signInButton = find.text("SUBMIT");

      expect(emailField, findsOneWidget);
      expect(passwordField, findsOneWidget);
      expect(enumberField, findsOneWidget);
      expect(signInButton, findsOneWidget);
    });
  });
}

// 模拟FirebaseCore平台实现
class FakeFirebaseCore extends FirebaseCorePlatform {
  @override
  Future<FirebaseApp> initializeApp({String? name, FirebaseOptions? options}) async {
    return FakeFirebaseApp(name ?? defaultFirebaseAppName);
  }

  @override
  FirebaseApp app([String name = defaultFirebaseAppName]) {
    return FakeFirebaseApp(name);
  }
}

// 模拟FirebaseApp实例
class FakeFirebaseApp extends FirebaseApp {
  FakeFirebaseApp(this.name);

  @override
  final String name;

  @override
  FirebaseOptions get options => FirebaseOptions(
        apiKey: 'test_key',
        appId: 'test_app_id',
        projectId: 'test_project_id',
        messagingSenderId: 'test_sender_id',
      );
}

方式二：测试中初始化真实Firebase（不推荐） #

如果必须依赖真实Firebase服务，可在测试前初始化：

import 'package:flutter_test/flutter_test.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:your_app/user_details.dart';

void main() {
  // 测试前初始化Firebase
  setUpAll(() async {
    await Firebase.initializeApp();
  });

  group("UserDetails Screen test", () {
    testWidgets("Check the buttons in User screen", (WidgetTester tester) async {
      await tester.pumpWidget(const UserDetails());
      await tester.pump();

      final emailField = find.byKey(const Key("fname-field"));
      final passwordField = find.byKey(const Key("lname-field"));
      final enumberField = find.byKey(const Key("enumber-field"));
      final signInButton = find.text("SUBMIT");

      expect(emailField, findsOneWidget);
      expect(passwordField, findsOneWidget);
      expect(enumberField, findsOneWidget);
      expect(signInButton, findsOneWidget);
    });
  });
}

内容的提问来源于stack exchange，提问作者Rasathurai Karan