Managing State in Flutter Using BLoC Pattern

0%

1.Getting Started

Introduction to the Course

2.Managing States with BLoC Pattern

What Is State Management?What is BLoC Pattern?Quiz: Basics of State Management

3.Implementing BLoC Pattern

Streams Events and States StreamController Putting BLoC Concepts to Use BLoC Pattern and Libraries Exercise Your BLoC Implementation Skills Quiz: BLoC Patterns

4.Flutter BLoC Library Widgets

BlocProvider and MultiBlocProvider BlocBuilder and BlocSelector BlocListener BlocConsumer RepositoryProvider and MultiRepositoryProvider Bloc and Cubit Quiz: Bloc Library Widgets

5.Project #1: Getting to Know the Flutter BLoC Library

Project #1 Statement Project Structure Brief on the UI Implementing BLoC States Implementing BLoC Events Connecting Events and States Integrating BLoC in the UI Exercise: Implementing a Search Feature Solution: Implementing a Search Feature

6.Project #2: Implementing Repository Pattern using BLoC Library

Project #2 Statement Project #2 Structure The Repository Pattern User Cubit Home Cubit Exercise: Implementing the Shopping Cart Solution: Implementing the Shopping Cart

7.Flutter BLoC Testing

Creating Mocks for Blocs Generating Unit Tests Exercise: Testing ShoppingCartCubit Solution: Testing ShoppingCartCubit

8.RxDart

Difference between flutter_bloc Library and RxDart Stream Classes Extension Methods Subjects Quiz: Stream Classes, Extension Methods, and Subjects

9.Best Practices

Use BLoC for Every Screen Keep the BLoC Simple

10.Challenges

Exercise: Build a Tic-Tac-Toe Game Using Flutter BloC Solution: Build a Tic-Tac-Toe Game using Flutter BLoC Exercise: Build a Stopwatch Using RxDart Solution: Build a Stopwatch Using RxDart

11.What's Next?

Project Ideas to Train Your Skills More State Management Libraries to Check Out

12.Appendix

Appendix A: Flutter Resources Appendix B: Authenticating with Firebase

Managing State in Flutter Using BLoC Pattern/

...

/

Solution: Testing ShoppingCartCubit

Solution: Testing ShoppingCartCubit

View the solution for testing the ShoppingCartCubit.

We'll cover the following...

We hope that the exercise was simple! It’s time to see a possible solution to the exercise.

Mocking `ShoppingCartCubit`

Mocking the ShoppingCartCubit is done by extending the MockCubit class provided to us by the bloc_test library.

Dart

class MockShoppingCartCubit extends MockCubit<ShoppingCartState>
    implements ShoppingCartCubit {}

Implementing `whenListen()`

Dart

ShoppingCartCubit shoppingCartCubit = MockShoppingCartCubit();
whenListen(
  shoppingCartCubit,
  Stream.fromIterable([
    ShoppingCartUpdated(shoppingCart),
    ShoppingCartUpdated(shoppingCart2)
  ]),
  initialState: ShoppingCartInitial());

Line 1: This creates a MockShoppingCartCubit instance called shoppingCartCubit.
Line 3: This provides the first parameter of the whenListen() ...