如何使用 blocTest 對 bloc 進行單元測試？

Question

我有一個 bloc，可以通過 id 從 orderItem 獲取 cartItem，我想測試 bloc，我已經從 flutter_bloc 閱讀了一些 bloc 測試，但我仍然不知道如何在我的 bloc 上實現它。 我想使用我制作的虛擬數據進行測試。 我希望它在發出 CartItemCheck 事件時獲取虛擬列表，並在發出 CartItemUncheck 時刪除列表。 這是我的集團代碼：

import...

abstract class CartItemEvent {
  const CartItemEvent();
}

class CartItemCheck extends CartItemEvent {
  final CartItem? item;

  CartItemCheck({this.item});

  List<Object> get props => [item!];

  @override
  String toString() => 'CartItemChecked { item: $item }';
}

class CartItemUncheck extends CartItemEvent {
  final CartItem? item;
  CartItemUncheck({this.item});

  List<Object> get props => [item!];

  @override
  String toString() => 'CartItemUnchecked { item: $item }';
}

class CartItemUpdate extends CartItemEvent {
  final String? itemId;
  final String? type;

  CartItemUpdate({this.itemId, this.type});

  List<Object> get props => [itemId!, type!];

  @override
  String toString() => 'CartItemUpdated { item: $itemId }';
}


class CartItemBloc extends Bloc<CartItemEvent, List<CartItem>> {
  final List<CartItem>? initialItems;

  CartItemBloc(this.initialItems) : super(initialItems!);

  @override
  Stream<List<CartItem>> mapEventToState(CartItemEvent event) async* {
    if (event is CartItemCheck) {
      List<CartItem> newItems = state..add(event.item!);
      yield newItems.toList();
    }
    else if (event is CartItemUncheck) {
      List<CartItem> newItems = state.where((item) => item.itemId != event.item!.itemId).toList();
      yield newItems.toList();
    } else if (event is CartItemUpdate) {
      CartItem oldItem = state.where((item) => item.itemId == event.itemId).first;
      List<CartItem> cartItems = state;
      if (event.type == 'increment') {
        CartItem updatedItem = oldItem.copyWith(qty: oldItem.qty + 1);
        cartItems[cartItems.indexWhere((item) => item.itemId == event.itemId)] = updatedItem;
        yield cartItems.toList();
      } else {
        CartItem updatedItem = oldItem.copyWith(qty: oldItem.qty - 1);
        cartItems[cartItems.indexWhere((item) => item.itemId == event.itemId)] = updatedItem;
        yield cartItems.toList();
      }
    }
  }
}

這是我當前的測試代碼：

import 'package:bloc_test/bloc_test.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:pikpo_screen/blocs/cart_item_bloc.dart';
import 'package:pikpo_screen/model/cart_item.dart';
import 'package:pikpo_screen/util/order_helper.dart';

main(){
  CartItemBloc? cartItemBloc;
  List<CartItem> expectedResult = [CartItem(itemId: "1"), CartItem(price: 35), CartItem(qty: 2)];
  List<CartItem> initialItem = [];
  setUp(() {
    cartItemBloc = CartItemBloc(initialItem);
  });

  test('initial state is []', () {
    expect(cartItemBloc!.state, []);
  });
  blocTest('description',
      build: () => cartItemBloc,
    act: (bloc) => bloc.add(CartItemCheck()),
    expect: () => [1]
  );
}

預先感謝您幫助我

Answer 1

在您的 bloc 中，您發出一個 CardItem 列表，而 bloc 測試需要一個狀態列表。 因此，您在期望的列表中有一個列表 function。

void main() {
  late CartItemBloc cartItemBloc;

  const expectedResult = [
    CartItem(itemId: '1'),
    CartItem(price: 35),
    CartItem(qty: 2)
  ];

  final initialItem = <CartItem>[];

  setUp(() {
    cartItemBloc = CartItemBloc(initialItem);
  });

  blocTest<CartItemBloc, List<CartItem>>(
    'description',
    build: () => cartItemBloc,
    act: (bloc) => bloc.add(const CartItemCheck(item: CartItem())),
    expect: () => [
      [
        const CartItem(),
      ]
    ],
  );
}