Testing Xamarin Applications with Visual Studio App Center

Visual Studio App Center

This is a guest blog by Slava Chernioff, Principal Engineer at Binwell.

Frequent testing of your software is a key to success. As mentioned in my previous article “Mobile CI/CD 101” it’s not easy to cover an entire mobile application with just regular unit tests. Most mobile applications depend on the user interface and platform-specific features that make true Test-Driven Design (TDD) with solely unit tests extremely challenging So, it’s better to split automatic testing in two parts: cover the Data Access Layer with unit tests and cover the Business Logic, User Interface, and platform features with UI tests. You can do both types of testing with your App Center CI/CD pipeline. This article will help you learn how to more easily test Xamarin.Forms applications with MSTest based unit tests and Xamarin.UITest based UI tests.

1. Unit Testing

As I’ve covered in previous posts, it is not possible to cover all the code in mobile applications, as well as UI applications in general, with tests based on console Unit Tests. Most of the features require interaction with the user interface or platform functionality. If we consider a multi-layer architecture, common in mobile projects, we can distinguish the Data Access Layer (DAL, accessing to external online services or local database) which can be covered 100 percent with unit tests from the rest of the application. Let’s look at the typical application architecture using Xamarin.Forms – Figure 1.

https://lh5.googleusercontent.com/i5Do6JYUrsb-2s6qul3HWrfQebitpqiCmKzdY008FkXinkP89VFKXUhV2Q6qVWn3MD4a0AB4WNKXt00MjG6Bnoq-icFhFki5uSMk8QCE1FZUK7oz8BJtN09G48A7hFvzk6dD900s

Figure 1. The Xamarin.Forms application architecture

Additionally, you can cover integration to external REST-services with automated tests. This step will let you quickly detect changes and problems with external APIs used in the application. To leverage this, you should launch unit tests on the “post-clone” step of your App Center build pipeline. Here is a sample of appcenter-post-clone.sh (launch MSTest based unit tests for .NET Standard DAL library):

2. UI Testing

In order to begin using automated UI testing in your development process, let’s define the types of problems that can be identified:

  • crashes of the application on all or some devices, logs and crash-reports help to find the problems faster;
  • inconsistency with the user interface behavior to the required scenarios – screen transition is not performed correctly or elements of the user interface don’t work;
  • problems with the layout on all or some models of devices – an analysis of screenshots between different devices allows you to find errors in the interface, when something is cropped out, does not fit or is not displayed, etc.

Also, UI testing saves the tester from the monotony of manual testing, manually performing the same tests on a large number of devices day-by-day. Depending on which platform or framework you are developing (iOS, Android, Xamarin, ReactNative), you can use the following frameworks for testing:

  • Appium (JUnit/Java) for Android and iOS;
  • Espresso (Java) for Android;
  • Xamarin.UITest for Android and iOS;
  • XCUITest for iOS.

In our example, we will focus on Xamarin.UITest for Android, which allows you to write test scripts in C#.

The main task that UI tests perform is the simulation of user actions on a real device: tapping the screen, data entry, gestures. You should keep in mind that the tests may not only interact with the application as a black box, selecting items by the text or screen coordinates contained in them, but also click, for example, UI elements with internal identifiers specified in the source code. To do this, you need to set the value in a specific field (see the documentation for test frameworks) on the UI component. In the case of Xamarin.Forms, you need to set the AutomationId property (see Figure 2), which will be automatically assigned to the native AccessibilityIdentifier fields in iOS and ContentDescription on Android. Using of AutomationId makes testing more robust, and also helps ensure fewer breaks in tests if developers will change the underlying controls.

https://lh5.googleusercontent.com/pwBaFmX8QBfSBdqx2gQX1D2-UHR1anvu5jKf_72Xdfb3paCBbcTbotbE-dI_cKJDyRdOgCnfapLr85vV-2OSyiz-veeeiGsLGPGMKEscES5393jpnhQbTjejaQfMhhLqoQNobTWT

Figure 2. AutomationId configuration example

More information on how to write UI tests can be found in the official documentation:

https://docs.microsoft.com/en-us/appcenter/test-cloud/uitest/

If you use other frameworks, you can find the correct documentation here:

https://docs.microsoft.com/en-us/appcenter/test-cloud/supported-frameworks

3. Smoke, Acceptance, and GUI Tests

Testing should be systematic, so there is no need to “always test everything on all devices.” It can be a long and very expensive process, both in terms of time and money. If we consider the process of developing mobile applications, we can distinguish the following sets of automatic functional UI-tests:

  • Smoke-tests, added as an element of the automatic CI/CD pipeline. Verify that the application simply runs on real devices. These tests will find problems after updating the dependent libraries (if they are not supported on the oldest or newest versions of the OS, or on a certain CPU architecture) and makes sure that the build will run on real device.
  • Acceptance (Beta) – a set of key user scripts for which the application is created. It allows to check that at least all the key elements of the user interface and business logic are executed correctly. These tests should be launched on the Top Devices measured in App Center analytics, to focus their testing on hardware most popular to the app user base.
  • GUI – an extended set of short tests to verify all screens (layout, performance, key controls) behave correctly on the widest possible number of devices.

The proposed test suites will allow you to perform a comprehensive test of the application in an automatic manner, divided it into stages (the example shows a breakdown for 2-week sprints). Below is an example of a test plan – different types of tests on different sets of devices. Figure 3 shows how much time is spent on different types of automated tests.

https://lh5.googleusercontent.com/S8TluM9Fq_VhPfH84H5kV71iSgkvzXT4zY1R7qx3rweGoviEYLB2PDaYYZuMTaqnwkrV3a3VHHKT-SN_oP1eGtJ3cPOkhnXAMuPRKcyuJdMg7GUK20yEYfB0Zur5KEO7QfFrFTmt

Figure 3. Intervals for performing automated UI tests

It’s also great to use Nightly UI tests that will run automatically every night to test the latest app version on a large set of devices. But this step will require some configurations of Azure Scheduler (https://azure.microsoft.com/en-us/services/scheduler) and AppCenter Public API (https://openapi.appcenter.ms). Nightly testing is not covered in this article.

And if it’s better to make Smoke-tests an automatic pipeline step, then the Acceptance and GUI tests will be started manually by the QA engineer. Before that, it’s better to debug them on the local machine.

In order to somehow distinguish different types of tests (by default, always run all the tests in the project), the tester can use the categories mechanism available in popular frameworks. For Xamarin.UITest you must specify the Category attribute for each test or for a single method – see Figure 4.

https://lh3.googleusercontent.com/gWRbR36BAA-rIuEKq3-xD27Wqx_GJXwYAx6FpeHyNWd-oqq_R5jhAiHDqhUI_3uicbSe_0ssrfKBIuoooanm5dlNAnUg1VfiXpw5Njbcrb3MfJdTiDbaaCeBdyC7lDUbXhLXNnhx

Figure 4. Xamarin.UITest NUnit Categories

You should thereafter consider these categories when sending tests to App Center:

https://lh3.googleusercontent.com/z0n_3dSxd2ymmpsRBcj72r18d7Mbn87n3nYzxNhDdR6mJf_RvNpVrZp1mwHAbAmITkuOw1DytvHw4tbrrs0mdK2m2dBscTpQCT0p6YSoizCFK92Nbjd_tGFvJEhha3xCqaWhYV7C

Figure 5. The command to run tests in the App Center for the Smoke category

After the completion of each test, a notification is sent to the email with test results, which are also available on the App Center site (see Figure 6).

https://lh6.googleusercontent.com/XIAT9HdrSvpwlG3_nQnhD3sPPUhIHupcU1aky7Spw3llHK22GvTPWJcnOqMB6yMkbkFD_vMoNOqCAY-qIvuctkVUAff3L2H06AX1dh5vdur-t7rwkW9RxUGfukEuywOE16NeauUW

Figure 6. View general UI test results

You can view more detailed information of each step on each test device, including a screenshot and technical information.

https://lh6.googleusercontent.com/AejoX40a0uOpEhQC1Rjfe-QVrx6YiTGOUMHmxrWAJMgoF9Su9NmEFkKH9Gr0SUeK7SCOJbQ7apToGPcMYqZjqJHtXk_gPTCxMVgKitdu97CATQcsHMTCAXHeQu4oNxUazi2REYoH

Figure 7. Detailed information on the step from the UI test

Conclusion

With App Center you can perform both unit tests and automated UI tests within a CI/CD pipeline. You should launch your unit tests on a post-clone step and UI-tests on post-build step. While planning your UI test strategy (how many testing devices, how many tests, and how often to perform them) you should consider that UI testing requires more time than unit testing. Roughly you can calculate required device time (you pay for rent of devices in App Center) in the manner of “1 script step” = “1 device minute”. For example, if you are writing scripts with 60 steps it will take up to 60 minutes on one device. To make testing wiser you should split it for Smoke, Acceptance (beta) and GUI categories.

In this article, we explained how to test your Xamarin.Forms application with App Center. In the next article, we’ll focus on distribution and monitoring of your Xamarin applications: stay tuned!

About the author

Slava Chernikoff, Principal Engineer at Binwell (link: https://binwell.com). Microsoft MVP and Xamarin Certified Developer. Experienced mobile cross-platform and native developer. Author of articles and guides on Mobile DevOps and Xamarin, and a regular conference speaker. Previously was honored as Nokia Champion and Qt Certified Developer.

2 comments

Discussion is closed. Login to edit/delete existing comments.

  • Ahmed A Alejo 0

    MSTest was mentioned but code sample used Nunit test.

    Is MSTest supported by test cloud?

  • Rey Monares 0

    There’s no MSTest code sample.

Feedback usabilla icon