Integrating Flutter with Coveralls

by Jan 28, 2018Flutter1 comment

This post quickly presents snippet on how to integrate Flutter app with Coveralls, which will give you feedback on test coverage in your app. Let’s get to it!

Integrating with Travis

At first, we need to integrate our app with Travis. The best starting point would be Yegor Jbanov’s post on Testing Flutter app with Travis. I highly recommend reading it first.

In my case I had to specify two directories in which tests were placed (since otherwise flutter test only run unit tests), so my initial .travis.yml file looked like this:

. . .

Adding project to Coveralls

In order to add a project to Coveralls, all you need to do is Sign In with your GitHub account, go to Add Repos and pick repository you would like to integrate.

Then, when you go to Repos, you should see your project.

. . .

Updating .travis.yml

To properly invoke coveralls on Travis build you need to change .travis.yml file as shown:

. . .

Profit

And that’s it! Now after proper build on Travis, you will be able to see your test coverage.

What is more, you can add a badge (like this Coverage Status) to your project’s readme so that everyone will know how well your app is tested. To do that, go to repo’s detail page on Coveralls, click EMBED above BADGE icon and copy code snippet you need. 🙂

The full example is available here.

If you have any questions, feel free to leave a comment 🙂

Marcin Szałek

Founder of Fidev

Flutter enthusiast since Alpha release in 2017. Believes that sharing is caring, which lead him to start a technical blog dedicated fo Flutter in its early days. Loves to see beautiful designs become real apps and is willing to help make it happen. Enjoys sunny beaches far from home.

Join the newsletter!

Join the newsletter to keep track with latest posts and get my special Widget to animate views' entrances without any hassle for FREE!

Check out other posts!

SY Travel UI Challenge

SY Travel UI Challenge

Check out the videos explaining how I implemented awesome SY Expedition Travel animation by Anton Skvortsov! In the following videos I will show you the whole process of creating a UI challenge in Flutter.

Thanos Snap Effect in Flutter

Thanos Snap Effect in Flutter

Have you ever woken up and thought “How awesome would it be to create Thanos snap effect in Flutter”? Probably not. Well… following Google’s Easter Egg I did. 🙂 And I’ve found out that no one did it in Flutter yet so why not give it a try! In this post, I will explain how I created a Thanos snap effect coming from Avengers: Infinity War movie. Enjoy 🙂

Advanced transitions – UI Tickets Challenge

Advanced transitions – UI Tickets Challenge

As developers, we have always get into situations where the designers require some fancy transitions which look awesome on the design but are extremely difficult to implement. Being Flutter developer makes it different, makes it fun because we have tools to do it! To prove it in this post, I will continue implementing awesome Buy Tickets design by Dldp and add bottom sheet transitions!

Share This

Share This

Share this post with your friends!