How to Test Flutter Apps Using Appium Automation

Flutter, Google ’ s open-source UI toolkit, has gained popularity for its power to build cross-platform coating from a individual codebase.

It allows developers to create high-performance apps for iOS, Android, web, desktop, and even Google Fuchsia with minimum effort. With Flutter ’ s growing acceptance, ensuring app quality through efficient testing is all-important.

This clause researchhow to automate Flutter app testing using Appium, a wide used open-source model for wandering test mechanization.

What is Flutter Framework?

is an open-source mobile UI framework that can create Android and iOS apps (among early platforms) from a individual codebase.

Multiple frameworks supply first-class features to develop mobile applications. For developing nomadic apps, Android render a model free-base onJava and Kotlin, while iOS utilizes a fabric based onObjective-C or Swift language.

Therefore, devs need two different languages and framework to develop applications for both OS. Naturally, a cross-platform framework like Flutter create living simpler for app developer, saving time, resources, and effort.

Features of Flutter Framework

Flutter is a modern and extremely antiphonal model plan for seamless cross-platform app growth. It leverages the Dart programming lyric, known for its simmpleness and efficiency.

• Reactive and Mod: Ensures smoothen and dynamic app performance.
• Easy-to-Learn Language: Uses Dart, making development straightforward and approachable.
• Rapid Development: Offers hot reload for faster iteration and debugging.
• Smooth and Engaging UI: Provides a native-like user experience across program.
• All-inclusive Widget Library: Comes with a rich collection of pre-built and customizable widgets.
• Logical UI Across Platforms: Maintains a uniform look and find across iOS, Android, web, and desktop.

Flutter Architecture

Flutter & # 8217; s architecture is built on four key components:

• Flutter Engine: A portable C++ runtime that powers Flutter apps, handling animations, graphics, file I/O, plugins, and accessibility. It includes a Dart runtime and employ Google ’ s Skia for furnish.
• Foundation Library: A collection of essential Dart packages that render the core functionalities necessitate to build Flutter applications.
• Widgets: The building blocks of Flutter apps. Based on the rule that “ everything is a gimmick, ” they define UI structure and behavior.
• Design-Specific Widgets: Flutter provides two design set: Material Design for Android and Cupertino for iOS, ensuring a native-like experience on each platform.

What is Appium?

is an open-source fabric that allows QAs to conduct on different platforms like Android, iOS, and Windows.

It automates test for:

• Native Mobile Applications that are written employ iOS, Android, or Windows SDKs
• Mobile Web Applications that can be accessed using roving browser such as Safari, Chrome, or in-built native browser applications for Android devices
• Hybrid Mobile Applications that have a native neglige around the web view

Appium is a flexible cross-platform screen framework, enabling testers to write test scripts against multiple platforms such as iOS, Windows, and Android using the same API. That imply QAs can use the same code for iOS as for Android.

How to Create a Flutter App

To make a Flutter app, it ’ s essential to understand the divergence between stateless and stateful thingummy. Additionally, setting up the Flutter SDK and related tools is all-important for a suave ontogenesis process.

• Understand Widgets: Stateless widgets rest unchanged, while stateful widgets update dynamically.
• Install Flutter SDK: Download and instal the Flutter SDK based on your OS.
• Set Up Dependencies: Ensure all required tools and habituation are installed.
• Choose an : Use IntelliJ IDE and install Dart and Flutter plugins.
• Create a New Project: Run commotion create project_nameto render a new Flutter app.
• Start Development: Open the project in the IDE and begin building.

Using Appium Flutter Driver for Flutter App Automation

Flutter driver in Appium is an automation instrument for Flutter apps that can be used on various platforms.

It apply webSocket communication to carry the WDIO script to start the Flutter driver. In this case, the request will be mail to the particular coating. After that, the AUT will be able to mail the response to the script through the Appium Flutter driver.

One can also build Appium in their machine through the germ code. After clone the source code:

run npm install so npm run built type a command node to start the Appium server

Pro tip: Tools like SUSA can handle this autonomously — upload your app and get results without writing a single test script.

Using Appium Flutter Finder

Appium Flutter Finder is used by Appium to interact with the Flutter component. It is a part of Appium Flutter Driver parcel and mimic the CommonFinders Class of Flutter Driver Library.

Step 1 Download the package from GitHub.

The package consists of:

• Appium Flutter Driver
• Appium Flutter Finder

Step 2Clone the sampling project to get the WDIO code.

Now let ’ s start with writing a book for testing Flutter apps utilise Appium.

First, let ’ s begin withpackage.json

package.json & # 8211; Package which is required by appium-flutter-driver

{'' name '': `` appium '', '' version '': `` 1.0.0 '', '' description '': `` '', '' main '': `` index.js '', '' dependencies '': {'' appium-flutter-finder '': `` 0.0.13 '', '' webdriverio '': `` ^5.15.0 ''}, '' scripts '': {'' start '': `` node test.js '', '' ios '': `` APPIUM_OS=ios npm get-go '', '' android '': `` APPIUM_OS=android npm start '', '' test '': `` echo \ '' Error: no test specified\ '' & amp; & amp; exit 1 ''}, '' author '': `` xyz '', '' private '': true, '' license '': `` ''}

Talk to an Expert

test.js & # 8211; This is the main testing file.

const wdio = require ('webdriverio '); const assert = require ('assert '); const find = require ('appium-flutter-finder '); const osSpecificOps = process.env.APPIUM_OS === 'android '? {platformName: 'Android ', deviceName: 'emulator-5554 ',{Mention your device gens}app: __dirname + '/ ..Mention the path',}: process.env.APPIUM_OS === 'ios '? {platformName: 'iOS ', platformVersion: '12.2 ', deviceName: 'iPhone X ', noReset: true, app: __dirname + '/ .. /ios/Runner.zip ',}: {}; const opts = {port: 4723, capabilities: {... osSpecificOps, automationName: 'Flutter'}}; (async () = & gt; {console.log ('Initial app testing ') const driver = await wdio.remote (opts); assert.strictEqual (await driver.execute ('flutter: checkHealth '), 'ok '); look driver.execute ('flutter: clearTimeline '); await driver.execute ('flutter: forceGC '); //Enter login page await driver.execute ('flutter: waitFor ', find.byValueKey ('loginBtn ')); await driver.elementSendKeys (find.byValueKey ('emailTxt '), 'xyz @ gmail.com ') await driver.elementSendKeys (find.byValueKey ('passwordTxt '), '123456 ') await driver.elementClick (find.byValueKey ('loginBtn ')); //Enter home page expect driver.execute ('flutter: waitFor ', find.byValueKey ('homeGreetinglabel ')); assert.strictEqual (await driver.getElementText (find.byValueKey ('homeGreetinglabel ')), 'Welcome to Home Page '); //Enter Page1 await driver.elementClick (find.byValueKey ('page1Btn ')); await driver.execute ('flutter: waitFor ', find.byValueKey ('page1GreetingLabel ')); assert.strictEqual (await driver.getElementText (find.byValueKey ('page1Greetinglabel ')), 'Page1 '); expect driver.elementClick (find.byValueKey ('page1BackBtn ')); //Enter Page2 look driver.elementClick (find.byValueKey ('page2Btn ')); await driver.execute ('flutter: waitFor ', find.byValueKey ('page2GreetingaLbel ')); assert.strictEqual (await driver.getElementText (find.byValueKey ('page2GreetingLabel ')), 'Page2 '); look driver.switchContext ('NATIVE_APP '); await driver.back (); await driver.switchContext ('FLUTTER '); //Logout application await driver.elementClick (find.byValueKey ('logoutBtn ')); driver.deleteSession ();}) ();

Run Appium to test the Flutter App

To run the Appium Project, follow the steps below:

1. Change directory to & # 8220; appium & # 8221; leaflet
2. Start the Appium server with the command & # 8220; appium & # 8221; in the console
3. Start Android aper (check emulator address with & # 8220; adb device)

Install command nodejs package

npm install

And change Android shape in test.js“)
and run bidding

APPIUM_OS=android npm kickoff

to start Appium automation.

And that is how one can automatise Flutter apps utilise the Appium framework.

To keep up with the demands of fast and reliable testing across various program, devices, and versions, is not exactly preferable but highly recommended. Favored throughout the diligence, Appium offers feasibleness, flexibleness, and cost-friendliness above other examination tools, enabling teams to deliver great user experiences within the continuous delivery approach.

Test on Real Mobile Devices with BrowserStack

Running Appium tests on real roving device is essential to detect all possible bug under existent user conditions.

can not amply retroflex existent device performance, making real device test a critical step in ensuring app lineament.

Benefits of Testing on BrowserStack ’ s:

• Access to real device: Test on thousands of real iOS, Android, and Windows device.
• Multiple OS variation: Ensure compatibility across different OS update.
• No device alimony: Eliminate the motivation to buy, update, and manage physical devices.
• Instant setup: Sign up, choose a device-OS combination, and depart test immediately.
• Accurate bug detection: Identify real-world issues by testing in.

Useful Resources for Flutter

Conclusion

Automating Flutter app testing with Appiumensures efficiency, accuracy, and broader test reporting across device and platforms.

By leveraging existent device testing on BrowserStack, teams can find real-world bugs, optimize app execution, and deliver a unseamed user experience. Integrating automation into the testing grapevine enhances speed, dependability, and overall app quality.

Related Guides