如何在颤动中模拟 FirebaseApp

Question

我正在尝试测试使用 FirebaseFirestore 的方法，但我无法模拟 FirebaseFirestore.instance 属性。

我正在遵循这些示例：

1. 初始化内核：https://firebase.flutter.dev/docs/overview#initializing-flutterfire
2. 使用 Firestore 插件：https://firebase.flutter.dev/docs/firestore/usage

我正在为我的课程使用下面的代码，它运行良好，这意味着 firestoreInstance 已正确加载

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(
    Main(firebaseApp: Firebase.initializeApp()),
  );
}

class Main extends StatelessWidget {
  final Future<FirebaseApp> firebaseApp;
  const Main({this.firebaseApp});

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: firebaseApp,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          final firestoreInstance = FirebaseFirestore.instanceFor(
            app: snapshot.data,
          );
          return MyWidget();
        }
        return CircularProgressIndicator();
      },
    );
  }
}

但是当我运行下面的测试时，我得到了消息：

“在构建 Builder（脏）时引发了以下 FirebaseException： [core/no-app] 没有创建 Firebase 应用“[DEFAULT]” - 调用 Firebase.initializeApp()"

import 'package:firebase_core/firebase_core.dart';
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:mockito/mockito.dart';

class MockFirebaseApp extends Mock implements FirebaseApp {}

void main() {
  FirebaseApp firebaseApp;

  setUp(() async {
    TestWidgetsFlutterBinding.ensureInitialized();
    firebaseApp = MockFirebaseApp();
  });

  group('Main', () {
    testWidgets('Loads my widget', (WidgetTester tester) async {
      await tester.runAsync(() async {
        await tester.pumpWidget(
          Main(firebaseApp: Future.value(firebaseApp)),
        );

        expect(find.byType(CircularProgressIndicator), findsOneWidget);
      });
    });
  });
}

Answer 1

我遇到了同样的问题。使用this answer 我找到了解决方案。

1. 将https://github.com/FirebaseExtended/flutterfire/blob/master/packages/firebase_auth/firebase_auth/test/mock.dart 的内容复制到一个文件中，您可以将其导入到您的测试中，您需要在其中初始化一个 Firebase 应用。

2. 在您的 main 函数顶部调用 setupFirebaseAuthMocks(); 以进行所有测试。

3. 在你的setUpAll函数中，调用await Firebase.initializeApp();（你也可以把它放在setupFirebaseAuthMocks();下的main函数中仍然可以工作）。

现在你应该有一个模拟的 Firebase 应用了。

这是一个完整的例子：

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:flutter_test/flutter_test.dart';
import '../lib/authentication/your_auth_using_firebase.dart';
import './mock.dart'; // from: https://github.com/FirebaseExtended/flutterfire/blob/master/packages/firebase_auth/firebase_auth/test/mock.dart



void main() {
  // TestWidgetsFlutterBinding.ensureInitialized(); Gets called in setupFirebaseAuthMocks()
  setupFirebaseAuthMocks();

  setUpAll(() async {
    await Firebase.initializeApp();
  });

  testWidgets('Your Test', (WidgetTester tester) async {
    final YourFirebaseAuthClass authService = YourFirebaseAuthClass();
    // Tests to write
  });
}

Answer 2

也许cloud_firestore_mocks 包对你有用：

为 Cloud Firestore 编写单元测试的假货。实例化一个 MockFirestoreInstance，然后在您的项目中传递它，就好像它是一个 FirestoreInstance。这个伪造的行为类似于 Firestore，只是它只会将状态保存在内存中。为了帮助调试，您可以使用 MockFirestoreInstance.dump() 查看假数据库中的内容。这对于设置数据库的状态很有用，然后检查您的 UI 的行为是否符合您的预期。

文档中的示例：

import 'package:cloud_firestore_mocks/cloud_firestore_mocks.dart';

void main() {
  final instance = MockFirestoreInstance();
  await instance.collection('users').add({
    'username': 'Bob',
  });
  final snapshot = await instance.collection('users').get();
  print(snapshot.documents.length); // 1
  print(snapshot.documents.first['username']); // 'Bob'
  print(instance.dump());
}

Answer 3

认为这是为了将 FutureBuilder 用作树的第一个 Widget o 根小部件，flutter 始终需要 MaterialApp 或其他（现在不记得了）。

推荐，重构 FutureBuilder -> Wrap whit widget -> MaterialApp(home:FutureBuilder(...

并检查 MyWidget() 第一个小部件，可能相同的 MaterialApp 出错，但不确定。

如果您使用路由方法进行导航，请使用 initialRoute。

好运！