Flutter Cubit测试插件nv_cubit_testing的使用

Flutter Cubit测试插件nv_cubit_testing的使用

nv_cubit_testing

nv_cubit_testing 是一个用于测试Cubit的插件。

优势

与 bloc_test 相比，nv_cubit_testing 可以避免使用全局变量：

bloc_test

final initialPage = MaterialPage(name: 'initial', child: Container());
final secondPage = MaterialPage(name: 'second', child: Container());

blocTest<NavigationCubit, Page>(
      'push adds second page',
      build: () => NavigationCubit(initialPage: initialPage),
      act: (navigator) => navigator.push(secondPage),
      expect: () => [initialPage, secondPage],
    );

nv_cubit_testing

test('push adds second page', () async {
    final initialPage = MaterialPage(name: 'initial', child: Container());
    final secondPage = MaterialPage(name: 'second', child: Container());

    final states = await NvCubitTesting.collectCubitStates(
      build: () => NavigationCubit(initialPage: initialPage),
      act: (NavigationCubit navigator) async => navigator.push(secondPage),
    );

    expect(states.last.pages, [initialPage, secondPage]);
});

withState扩展

withState 扩展使得使用Mockito模拟状态更加简单。

// 以前的写法
final mockBloc = MockBloc();
when(state).thenAnswer((_) => CubitState());
when(stream).thenAnswer((_) => CubitState());

// 使用withState后的写法
final mockBloc = MockBloc();
mockBloc.withState(CubitState());

更多关于Flutter Cubit测试插件nv_cubit_testing的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter Cubit测试插件nv_cubit_testing的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是如何在Flutter项目中使用nv_cubit_testing插件来测试Cubit的一个示例。nv_cubit_testing是一个有用的库，它简化了对Cubit状态管理的测试。

首先，确保你已经在pubspec.yaml文件中添加了nv_cubit_testing依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_bloc: ^8.0.0  # 确保你使用的是兼容的版本
  nv_cubit_testing: ^1.0.0  # 假设这是最新版本，请检查pub.dev获取最新版本号

然后运行flutter pub get来安装依赖。

接下来，让我们创建一个简单的Cubit和相应的测试代码。

示例Cubit

假设我们有一个简单的计数器Cubit：

import 'package:bloc/bloc.dart';

class CounterCubit extends Cubit<int> {
  CounterCubit() : super(0);

  void increment() => emit(state + 1);
  void decrement() => emit(state - 1);
}

测试代码

使用nv_cubit_testing来测试这个Cubit：

import 'package:flutter_test/flutter_test.dart';
import 'package:nv_cubit_testing/nv_cubit_testing.dart';
import 'package:bloc_test/bloc_test.dart';
import 'counter_cubit.dart';  // 假设这是你的Cubit文件路径

void main() {
  group('CounterCubit', () {
    late CounterCubit cubit;

    setUp(() {
      cubit = CounterCubit();
    });

    tearDown(() {
      cubit.close();
    });

    test('initial state is 0', () {
      expect(cubit.state, 0);
    });

    test('increment increments the counter', () async {
      await cubit.increment();
      expect(cubit.state, 1);
    });

    test('decrement decrements the counter', () async {
      await cubit.decrement();
      expect(cubit.state, -1);
    });

    test('increment and decrement updates state correctly', () async {
      expectLater(cubit, emitsInOrder([0, 1, 0]));
      cubit.increment();
      cubit.decrement();
    });

    test('using nv_cubit_testing to test state transitions', () async {
      await testCubit(
        cubit: cubit,
        initialState: 0,
        actions: [
          cubitAction(() => cubit.increment()),
          cubitAction(() => cubit.decrement()),
          cubitAction(() => cubit.increment()),
        ],
        expectStates: [1, 0, 1],
      );
    });
  });
}

解释

  1. 基本测试：

    • test('initial state is 0', ...) 检查Cubit的初始状态是否为0。
    • test('increment increments the counter', ...) 和 test('decrement decrements the counter', ...) 分别测试increment和decrement方法是否按预期工作。
    • test('increment and decrement updates state correctly', ...) 使用expectLater和emitsInOrder来检查一系列操作后的状态变化。

  2. 使用nv_cubit_testing：

    • testCubit 函数是nv_cubit_testing库提供的，它简化了对Cubit状态转换的测试。
    • cubitAction 用于指定对Cubit的操作。
    • expectStates 用于指定期望的状态序列。

通过这些测试，你可以确保你的Cubit在各种操作下都能正确地管理状态。希望这个示例对你有所帮助！

回到顶部