This is the presentation given at the Flutter London meetup on 15th April 2019. This covers Flutter Unit, Widget and UI Testing. This also covers BDD, Screenshot and CI for Flutter tests. Event link https://www.meetup.com/FlutterLDN/events/256834958/

1. Full Stack Flutter Testing
Shashikant Jagtap
@Shashikant86

2. About Me
• Shashikant Jagtap [XCTEQ Limited]
• Mobile DevOps. CI/CD, Test Automation
• Native  Platform Apps
• Flutter Rookie
!2
@Shashikant86

3. Agenda
• Flutter Testing Pyramid
• Unit Testing
• Widget Testing
• Integration Testing (UI Testing)
• Screenshot and BDD Style Testing
• Continuous Integration for Flutter Tests
!3
@Shashikant86

4. Flutter Testing Pyramid
• Unit Tests
• Widget Tests
• Integration(UI Test)
!4
http://www.testingreferences.com/here_be_pyramids.php
@Shashikant86

5. Flutter Unit Testing
!5
flutter_test package
Write unit tests in the ‘test’ directory
@Shashikant86

6. Flutter Widget Testing
!6
Ability to test UI like unit tests
Huge expansion in testing technology
@Shashikant86

7. Customised Widget Testing
• Ability to pump custom widget
• Finding and interacting with widgets
• Matchers for assertion
!7
@Shashikant86

8. Integration(UI) Test
!8
Create Instrumented app for testing
Similar to Appium, XCUITest, Expresso
@Shashikant86

9. Integration(UI) Test
!9
Write Integration Test
@Shashikant86

10. UI Testing Limitations
• Not yet supported by Cloud Testing vendors
• Slow
• Hard to Mock/Stub
• Challenge to learn Dart and Flutter Driver
!10
@Shashikant86

11. Screenshot and BDD
• Screenshots: https://pub.dartlang.org/packages/screenshots
• Gherkin: https://pub.dartlang.org/packages/flutter_gherkin
!11
@Shashikant86

12. Continuous Integration
• Provision Flutter Dart
• Install iOS and Android Dependencies
• build, test and publish iOS and Android app
• Notifications of build result
• Cloud CI provider like Travis CI, Circle CI or many more
• But….
!12
@Shashikant86

13. Codemagic: Out Of Box
!13
Dedicated and out of box support for Flutter
https://blog.codemagic.io/getting-started-with-codemagic/
@Shashikant86

14. Demo
!14
@Shashikant86

15. Source Code
https://github.com/XCTEQ/Flutter-Testing
!15
@Shashikant86

16. Question?
!16
@Shashikant86

17. Thanks
• Twitter: Shashikant86
• Blog: https://shashikantjagtap.net/
• Email: shashikant.jagtap@xcteq.co.uk
• Web: https://www.xcteq.co.uk/
!17
@Shashikant86