Recommended
More Related Content
What's hot
What's hot (20)
Similar to Beautfiul world of Flutter Testing
Similar to Beautfiul world of Flutter Testing (20)
Recently uploaded
Recently uploaded (20)
Beautfiul world of Flutter Testing
- 1. About Me ■ Founder of FlutterExplained ■ Software Engineer ■ Consultant ■ Trainer ■ Public Speaker @flutter_exp FlutterExplained
- 2. The BeautifulWorld ofTesting in Flutter Max Weber – 14.11.2020
- 4. History of Testing ■ 1878 - Thomas Alva Edison uses the first time the word „bug“ ■ 1961 - Computer Programming Fundamentals – Gerald Weinberg & Herbert Leeds ■ 2009 - The Test Automation Pyramid
- 6. Our Example Application forToday!
- 7. UnitTest ■ Method and Functions are tested via UnitTest ■ UnitTest should be – Fast – Reliable – Isolated
- 9. OUR TEST
- 10. Demo ■ You should see now: – Running Calculator Application – All tests inside of the Repository are passing – Code Coverage Gutter –VSCode Extension UnitTest DemoVideo: https://youtu.be/pEZXtktBuSo
- 11. Good to know in UnitTesting ■ Test should be complelty independent – Try to run them randomly with ShuffelingTesting ■ You can shard your tests
- 12. KeyTakeAways ■ UnitTests should be – Fast – Reliable – Isolated ■ Use Coverage to see what you still need to test
- 13. WidgetTest ■ Test Widgets of our application ■ Can include multiple methods ■ Tests how the widget behaves
- 14. Concepts ofWidgetTesting ■ WidgetTester ■ Finder ■ Matcher – findsNWidgets – findsOneWidget – findsNothing – matchesGoldenFile
- 15. Demo ■ You should see now: – MockCalculationService with Mockito – Explanation of the differentTests – SnapshotTest WidgetTest DemoVideo: https://youtu.be/u8toWolo4BE
- 16. KeyTakeAways ■ SnapshotTesting ■ Programmatically interaction with the Client ■ Test whole widgets with ease ■ Great tool to test Look & Behavior of aWidget
- 17. IntegrationTesting ■ Flutter Driver Extension ■ New Folders and Files ■ Automated Execution test on real devices ■ Performance Profiling possible
- 18. Step I Add dependency to pubspec.yaml Get started with Flutter IntegrationTest Step II CreateTest_driver Folder and add two files. Step III Enable the Flutter Driver Extension and runstartup your application
- 19. Demo ■ You should see now: – Test Driver Folder – Calculator file that creates the application – setUpAll / tearDown – RealTestrun on a Simulator UnitTest DemoVideo: https://youtu.be/73leAh7sTxw
- 20. KeyTakeAways ■ IntegrationTests are quite heavy and run the whole app ■ Slow compared toWidget and UnitTests ■ E2ETesting with ease ■ PerformanceTesting ■ Mobile & Web Support (with Driver Extension)
- 21. Code Quality ■ Keep theTesting pyramid in mind ■ Flutter has a lot of tools to keep the quality high we just have to use them ■ SellTesting – SonarQube – Test Coverage – Quality Gates
- 22. Recap DartTesting is great Amazing Flutter WidgetTesting IntegrationTests are stunning
- 24. Ressources ■ Katarina Sheremet – Flutter: Golden tests — compare Widgets with Snapshots – https://medium.com/flutter-community/flutter-golden-tests-compare-widgets-with- snapshots-27f83f266cea ■ Flutter Documentation – https://flutter.dev/docs/cookbook/testing/integration/introduction – https://flutter.dev/docs/cookbook/testing/widget/introduction – https://flutter.dev/docs/cookbook/testing/unit/introduction ■ YouTubeVideos – Robert Brunhage - https://www.youtube.com/watch?v=RDY6UYh-nyg – React Bits - https://www.youtube.com/watch?v=eLMa2jgp_bw – AmateurCoder - https://www.youtube.com/watch?v=1U-QRKIY5so
- 25. Follow me ■ https://youtube.com/c/flutterexplained ■ https://github.com/md-weber ■ https://twitter.com/flutter_exp ■ https://www.linkedin.com/in/max-weber- 9889a3ba/
Editor's Notes
- TODO: mach dinger größer