Flutter : Integration Testing Setup

Topics Covered

• Introduction
• Pre-requisite
• How to Create Project
• Application Walk through
• Folder Structure Wal through
• Running Application - android, web
• Integration Test Setup
• Running Integration Test
• Report Integration
• Other Scope

Introduction

A single platform for web, ios, android app.

Pre-requisite

• | Flutter SDK Download | [https://docs.flutter.dev/get-started/install/macos]
• | Flutter Extension | [VS Code platform ]
• | Setup Test | flutter doctor

How to Create Project

• Navigate to desired directory
• Run command flutter create <project name>
• Run command flutter pub get

Application Walkthrough

A simple application with 2 pages and navigations on Button Click.

• Demo

Untitled.mp4

Folder Structure Walkthrough

• lib folder
• android, ios, web etc folder
• pubspec.yaml file and pubspec-lock.ymal file
• dependency structure

Running Application

• In Emulator
• In Web
• To Run in web,, enable via - flutter config --enable-web and Reload the IDE.

Integration Test Setup and Folder Structure

• Dependencies
• Current project folder structure
• Some basic of Dart,, Whatever we used in code
• Finders, BasePage, Widget Initialization, Page, Test
• How to develop the automation Script - Getting Locators
• Detailed of Finders, Test folder
• Test file walk through

Running Integration Test

• Dependencies
• Running All Tests or A single File
• Run command DEVICE=<device_name> ./testRunner.sh

FlutterIntegrationTest.mp4

Reporting

• dot dart reporter
• junit reporter

Running Test In FireBase in Parallel

Screen.Recording.2022-12-01.at.8.35.46.PM.mov

Stay Tunned for those configuration level details.