How to test your Flutter app

Slides for my talk about setting up testing and CI on flutter apps given at MobilizationIX in Lodz Poland and Devfest Istanbul

Original slides can be found here: https://docs.google.com/presentation/d/1VDObgMLSma70lLnfs3rGjpoQNKn2jPTZtjetfkhbaTA/edit?usp=sharing

Transcript

1. How to test on Flutter Dylan Drost
2. @aegis321 A little bit about me Freelance Android developer Keep everything working for a food blog run by my wife Betty with over 1,3k post and around 140 to 150k monthly visitors
3. @aegis321 Can we use Flutter https://flutter.dev/showcase
4. @aegis321 Can we use Flutter https://gdg.ist/dfist19-app
5. @aegis321 So what does flutter support?
6. @aegis321 So what does flutter support?
7. @aegis321 So what does flutter support?
8. @aegis321 Some example Unit tests.
9. @aegis321 So how can we run these tests. • Android Studio • Intellij • Visual Studio Code • CLI ◦ flutter test test/filename_test.dart ◦ flutter test test/package_name/
10. @aegis321 Widget test Widget should be simple UI representations of the State of your application.
11. @aegis321 Example of a Widget Test
12. @aegis321 So how can we run these tests. • Android Studio • Intellij • Visual Studio Code • CLI ◦ flutter test test/filename_test.dart ◦ flutter test test/package_name/
13. @aegis321 Test and Coverage Really Simple flutter test --coverage genhtml coverage/lcov.info -o coverage
14. @aegis321 But wait there's more. What about integrations test on running devices.
15. @aegis321 So how do we run them flutter drive --target=test_driver/main.dart --device-id=the emulator/simulator id
16. @aegis321 Fast integration test https://medium.com/flutter-community/blazingly-fast-flutter-driver-tests-5e375c833aa
17. @aegis321 Test and Coverage CI/CD codemagic.io
18. @aegis321 But there is even more Philip Okonkwo https://medium.com/@NPKompleet
19. Thank you! Questions?
20. @aegis321 Additional resources • https://flutter.dev/docs • https://www.reddit.com/r/FlutterDev/ • http://fluttersamples.com/ • Flutter channel on youtube • https://codemagic.io/ • Medium: Testing CustomPaint Widgets in Flutter using Golden Image Files • Medium: Do you see the difference? — Flutter Snapshot test • Medium: Flutter: Golden tests — compare Widgets with Snapshots