#5 - BLoC Testing - Why do you hate testing? It's actually pretty amazing!
Вставка
- Опубліковано 23 вер 2020
- Hi there!
Today I'll try to explain you why hating testing inside flutter and inside any other app is kind of a big mistake and I'll try to make sure you understand why your development workflow will get easier if you wisely use tests to double check that everything works fine inside your app. Enjoy!
The link to the folders you need to clone to get the project files (#3 - Bloc Concepts Counter App) -
github.com/TheWCKD/blocFromZe...
All animations were done in VideoScribe, you can try it by clicking my affiliate link --- www.awin1.com/cread.php?awinm...
You can contact me directly here:
Join my Discord Server --- / discord
Twitter --- / letsgetwckd
Instagram --- / letsgetwckd
Also, if you want to support me furthermore you can become an UA-cam Member, donate or buy my courses on Udemy, using the following links:
Become an Official UA-cam Member! ---- / flutterly
Buy my Udemy Courses! ---- www.udemy.com/user/tiberiu-po...
Support me on Revolut! ---- revolut.me/letsgetwckd
Buy me a Ko-fi! --- ko-fi.com/wckdyt
Donate me on Paypal! --- www.paypal.me/letsgetwckd
Support me on Patreon! --- / wckdyt
Hello, everyone!
The entire course is now live on Udemy too, get it while it's hot --> www.udemy.com/course/bloc-from-zero-to-hero/?referralCode=E689592633984B34DBEF
Also I have just managed to finally finish the entire BLoC - From Zero to Hero Complete Course, based on this tutorial series. You can check it out here -> ua-cam.com/video/THCkkQ-V1-8/v-deo.html
I thought I was familiar with bloc but these tutorial series of yours has taught me a lot. Thank You!
This means a lot to me, mate! Thanks a lot!
null-safety Update:
hi folks, i struggled a bit with the Flutter Update that brings null-safety with it.
Here is how it works for me in 04/2022
just to be complete, here are the pub.dev packages I used:
*** pubspec.yaml ***
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^1.0.4
flutter_bloc: ^8.0.1
bloc_test: ^9.0.3
equatable: ^2.0.3
dev_dependencies:
flutter_test:
sdk: flutter
flutter_lints: ^1.0.4
I first made the 'wasIncremented' boolean optional by added an '?' after bool
*** counter_state.dart ***
part of 'counter_cubit.dart'';
class CounterState extends Equatable {
int counterValue;
bool? wasIncremented;
CounterState({
required this.counterValue,
this.wasIncremented
});
@override
List get props => [counterValue, wasIncremented];
}
*** counter_cubit.dart ***
import 'package:bloc/bloc.dart';
import 'package:equatable/equatable.dart';
part 'counter_state.dart';
class CounterCubit extends Cubit {
CounterCubit() : super(CounterState(counterValue: 0));
void increment() => emit(CounterState(counterValue: state.counterValue + 1, wasIncremented: true));
void decrement() => emit(CounterState(counterValue: state.counterValue - 1, wasIncremented: false));
}
lastly i edited the test file to my needs, the most important things were commented by others here: changing
act: (cubit) => cubit.decrement(),
to
act: (CounterCubit cubit) => cubit.increment(),
and changing
expect: [CounterState(counterValue: 1,wasIncremented: true)],
to
expect: () => [CounterState(counterValue: 1,wasIncremented: true)],
here you see the endresult for the file
*** counter_cubit_test.dart ***
import 'package:bloc_test/bloc_test.dart';
import 'package:bloctest/bloc/counter_cubit.dart';
import 'package:flutter_test/flutter_test.dart';
void main() {
group('CounterCubit', (){
late CounterCubit counterCubit;
setUp(() {
counterCubit = CounterCubit();
});
tearDown((){
counterCubit.close();
});
test('der initiale Status ist CounterState(counterValue:0)', (){
expect(counterCubit.state, CounterState(counterValue: 0));
});
blocTest(
'Das Cubit soll den Status CounterState(counterValue:1,wasIncremented: true) emittieren,'
'wenn die cubit.increment() Funktion aufgerufen wird',
build: () => counterCubit,
act: (CounterCubit cubit) => cubit.increment(),
expect: () => [CounterState(counterValue: 1,wasIncremented: true)],
);
blocTest(
'Das Cubit soll den Status CounterState(counterValue:-1,wasIncremented: false) emittieren,'
'wenn die cubit.decrement() Funktion aufgerufen wird',
build: () => counterCubit,
act: (cubit) => cubit.decrement(),
expect: () => [CounterState(counterValue: -1,wasIncremented: false)],
);
});
}
nice you are the savior man!
it work for me too, thanks men
AMAZING tutorial. Teaching me "why" before "how" makes me know what to expect to get from this topic.
I really appreciate it! You're welcome!
This is timeless.
I'm now following this series. It's been a couple of years since its release and everything so far still works the same.
Never wrote a bloc test before but now I see how vital it is. Thank you for the solid explanation!
Thank you so much! ✨ Glad I could help!
This series is being extremely helpful to my development in BLOC. Your explanation is so clear and direct. Specially about the importance of equatable to trick Dart to compare the instances by value and not by place in memory. I'm happy to be one of the first ones to "discover this channel" and I'm doing each tutorial on the same day that you release them. PRECIOUS material. Thanks so much!
Thank you so much for your kind words! Glad I could help!
I seriously cannot thank you enough for these extremely informative, well explained, and BEAUTIFULLY ANIMATED lectures!!!
Your videos always clear and easy to understand, help me a lot in the path of learning flutter development!
Thank you so much! ✨ Glad to hear that!
Buddy, I appreciate the work you are doing by making a proper series of bloc.I'm getting to learn a lot from your channel.I hope you won't stop making such amazing videos for the aspiring flutter devs.Thank you for this series👍🏻
I won't stop for sure! Thank you for your feedback! ♥
After scouting for tutorials on bloc, just the 3 first videos makes me understand how bloc is simple to understand. Best BLOC patter tutorial ever. Thank u so much sir🥰🥰
I normally only write hateful comments, but your tutorials are so amazingly helpful in both theoretical and practical ways, that i had to say Thanks!
Aswome explanation and visual representations. Thank you and best wishes
This series of videos has been so far, very helpful. I want to also point out that, even when you are obviously a non native english speaker, your english is totally understandable even to a non native english speaker like me. Congratulations on your excellent tutorial.
With new version of bloc_test, this is crucial to add types in method: blocTest()
Great content, looking forward to more videos! Keep it up
Thank you so much! Next video will come tomorrow or perhaps on Monday.
Awesome videos. I can't wait to learn more from you.
Thank you so much, man!
I would hit the like on this video twice if I could. Testing is underrated in the industry.
As a 2 year Flutter developer, I was always afraid of Bloc because so many tutorials made it look too complicated. That's why I always preferred riverpod and provider, now I can better understand your video series. Thank you buddy
Awesome video bro. Thanks a lot !
You are the only one to make sense that why we should use equatable ❤️❤️❤️
Thank you so much! ✨
This tutorial is amazing. Thank you so much
Thanks man. Appreciated a lot!!
Amazing tutorial, you are one of the best.
Thank you, man! ✨
Nice! Thank you once again!
You're welcome!
Thanks
Great tutorial, Sir. I wonder what theme you are using to display the tree structure within the code as of 3:50? Or any folk knows? Thanks a million!
man you are the best
Thank you, ma man!
Hi, I am facing error 10.07 min according to this video,
error: Expected: CounterState:
Actual:
package:test_api
Super
I have an error in blocTest( .... act: (cubit) => cubit.increment(), .... )
The method 'increment' can't be unconditionally invoked because the receiver can be 'null'. What's the problem? Couldn't figure out.
nvm. I changed it to: act: (CounterCubit cubit) => cubit.increment() , and now it recognises the increment function
@@erikaszabo1439 you saved my life!
Why the members variables in CounterState automatically change to final itself? around 9:31
can there be a longer version or an updated version of this video for bloc
bro it would be vey helpful if you make tutorials like
1. Login with tokens and parse data from public api using bloc
2. How to use new firebase update on authentication and retrieving data from firebase using boc
3. And packages like freezed, get_it etc etc...
you will have my life long gratitude if you get time to make these videos
anyway thanks for all explanation bro,,,I hope your channel blows...no one have made videos like this
Sure, will cover everything in future tutorials!
@@Flutterly thank you bro...looking forward your new videos
what are your vscode extensions for the broken lines to see nesting?
Man you bloc my mind ❤️! Lol
😂 😂 Haha, I'm bloced
😂❤️
So im trying to follow this with the new version of test and equatable .... its not working, null safety stuff is throwing me off. Is this not valid anymore for 2021?
I don't understand what's happening but flutter don't recognize the import from equatable, test and bloc_test
The test section using the code provided no longer works, readDown and the test functions have errors :(
Is it safe to just use Equatable on stuff like that? Isn't there a reason for the standard equal signal to compare pointers instead of instance values?
Great series, by the way, I'm learning a lot
Yes, of course it's safe. Equatable's only purpose is to make Dart compare objects by value instead of pointers.
Hi WCKD! I am loving this course but I am having an issue with blocTest. I am getting this error when I try to test the increment and decrement functions.
The argument type 'List' can't be assigned to the parameter type 'dynamic Function()'.
Maybe you can help me?
You need to add () =>
like that :
expect: () => [CounterState(counterValue: 1,wasIncremented: true)],
omg!! thank you, i have benn looking everywhere trying to find the solution to the error.
@@louis-mariemmd3918
There is a way to compare without equatable? Always has to use equatable to test?
Check out my latest tutorial #10. You'll find out
I see you hearted my comment on your previous video, does that mean what I think it does and we might see an android video on the main channel o_O? Or am I just speculating haha.
Unfortunately no, I don't have time for that anymore, mate. Sorry to disappoint you. Maybe in the future 🔮
@@Flutterly A man can dream.
I got it, the importantance now. But don't understand yet if i need really make a mirror folder of my lib, I mean if I have pages, blocs, repositores, all together making a total of 65 dart. archives, do I must create 65 test archives?
What he did by separating each test to corresponding folder and placing tests inside is just a suggestion of one possible sollution to test management. You can align them like you want inside test folder as long as it makes sense and is easly readable. The very important thing about tests is that you have to know the measure and not test literally everything because some things are too shallow to test them. Somone can say that its best to have everything covered but in reality you not gonna test every widget if its opening after clicking every possible button inside app but rather important businnes logic of application f.e will app react propertly to various responses from REST API etc. If you are learning test everything and after time you will recognize what is worth testing.
@@Kolano666 thank you very much, I really glad you made this summary since I'm new in testing i need to have an overview.
Thank you for this extremely helpful reply!
I still do not understand why we still need to test even tho the code is now working.. I mean do we have to test everytime there is a variable it may be String, int, List, AnimationController, blabla controller, and all other variables to mention.... When do we test??? I am so confuse.... do we test only if there are events or actions like increment and decrement?? when?
You build a test suite to give you confidence later that when you implemented a new feature or refactored your code, you haven't accidentally broken something elsewhere.
Every nice channel I discover has this problem they don't continue what they started.
What do you mean? What didn't I continue?
If you're referring to the fact that I didn't post in a long time, I was too busy talking an exam and didn't have the time to do the next video. It takes almost a week straight to do a video like this.
@@Flutterly sorry I didn't mean it to you personally but there are other chanels started explaining flutter very nicely and was enjoying watching and liking their videos but ended up a months without videos.
It won't be true in my case. It was just that I have other exams to sort out before. Sorry for the inconvenience.
@@Flutterly sorry for that comment and thank you.
this uncalled for anyway,
This way of blocTest isn't working any more
any one here from 2024?