Testing React Native apps using Browserstack: The Daily Mayan Prophecy app inside and out

testing react native apps

If you need help in optimizing your mobile apps testing process, Browserstack can help you. In this article, we present you with a step-by-step guide of the entire process. Also, you’ll get to know our Daily Mayan Prophecy app inside and out from a perspective of a real-life QA tester. Dig in!

DAILY MAYAN PROPHECY APP

React Native framework and JavaScript programming language were used in the development of Daily Mayan Prophecy app.

The app was intended for entertainment and published in both Google Play Store and Apple App Store. The idea was to use the Daily Mayan Prophecy app to ask Mayan gods for daily fate predictions.

After accessing the app and clicking on the Get prophecy button, the ancient stone wheel calendar turns in a special way to invoke the gods. When the stone wheels stop spinning the users get a prophecy that Mayan gods intended for them on that day. It is possible to save your prophecy for remembrance or share it on social media with your friends.

The good thing is that the app is fully functional in offline mode.

This app is available for both Android and iOS devices.

  • In order to install the app in Android devices, visit Google Play Store, search for โ€œDaily Mayan Prophecyโ€ and download the app.

Also, this app has its own Instagram page. Do follow. ๐Ÿ™‚

MANUAL QA TESTING

The app was tested using the Manual testing process. This is when the QA manually tests a software application and identifies errors. The QA has to analyze the performance of the web or mobile application from an end userโ€™s perspective. 

User experience is the most important metric when this way of testing is in place. Manual testing helps the QA to discover bugs in the early stages of the development cycle.

Black Box is a testing technique that was used in this particular case. In this manner of testing, the functionality of the application is tested without looking at the code structure. QA doesnโ€™t require knowledge about the application and programming since the application is tested from a userโ€™s perspective.

The use cases and test cases help to ease the monitoring of the app development process. Every test case is related to the use case (use case is the foundation for the test case).

Use cases allow end-users to understand the system. They describe what the system does, not how the system works.

Test cases confirm that the app is working properly.

  • Example: Use case 1 

Test case 1 refers to Use case 1.

Nยฐ Steps to
Reproduce
Expected Results
1.Click on the
Get Prophecy
button
The god with specific prophecy and two
buttons
Share and Save will be shown on screen.
2.Click on the
Share button
It is possible to click on that button and share prophecies.
3.Click on the
Save button
It is possible to click on that button and
save prophecy.
  • Example: Use case 2

Test case 2 refers to Use case 2. 

Nยฐ Steps to
Reproduce
Expected Results
1.Click on the button for change language  The section where it is possible to change language will be shown. Possible choices: English or Espanol
2.Click on EnglishThe app will be shown in English.
3.Click on EspanolThe app will be shown in Spanish.

TESTING A MOBILE APP USING BROWSER STACK 

Even with the free trial, Browser Stack provides the opportunity to test mobile apps manually. In this case, it is necessary to choose the APP LIVE option.

To begin the free trial period, click on the Get started free button to continue the process.

The page where it is possible to upload the app will be shown. Also, the list of available devices will be shown.

  • In order to test the Android app, it is necessary to upload the .apk file. When the .apk file is uploaded, it is possible to choose a specific Android real device. 
  • In order to test the iOS app, it is necessary to install via TestFlight. When the app is installed via TestFlight, it is possible to choose a specific iOS real device.

After that, manual testing is the same as manual testing apps when the real devices (Android and iOS) are used. It is possible to test every element and it is possible to change devices.

The testing process of the app on the Android device 

  • Upload .apk file 
  • Choose device
  • Connecting Browser Stack to the real device.
  • The chosen device is shown.
  • After a while, the Daily Mayan Prophecy app will be shown on the device screen. The testing process is the same testing process on the real device.

Manual test for getting prophecy 

In order to get a prophecy, it is necessary to click on the Get prophecy button.

The ancient stone wheel calendar will turn.

After the ancient stone wheel calendar has stopped turning, it is necessary to allow the app to access photos, media, and files on your device by clicking on the Allow button (this will be shown only when the user first time accesses the app).

After that, the prophecy from Mayan gods for today will be shown. It is possible to share or save prophecies. 

  • In order to share prophecy, it is necessary to click on the Share button

There are different options for sharing prophecy.

  • In order to save a prophecy, it is necessary to click on the Save button

The message that the prophecy is successfully saved is shown. 

In Browserstack, itโ€™s possible to check whether the image is saved in the device Gallery. Open the device Gallery from the BrowserStack device you chose.

The image is saved. 

Also, the advertisements will be shown.

Manual test for changing language 

In order to change the language the app is displayed on, it is necessary to click on the button for changing language (three stones which are shown in the upper right corner of the screen).

The section for change language will be shown. It is possible to choose English or Espanol.

In order to choose Espanol, click on the Espanol button.

The Spanish language will be chosen and the entire app will be shown in Spanish.

The prophecy process should be repeated in order to confirm that language has changed. It is necessary to click on the Obtener profecรญa button.

The ancient stone wheel calendar will turn.

After the ancient stone wheel calendar stopped turning, the prophecy from Mayan gods for today will be shown in Spanish language.

Switch device 

Browser Stack provides the ability to switch to another device by clicking on the Switch device button.

After clicking on that button, the section where it is possible to choose another device will be shown.

Stop session

The session can be stopped by clicking on the Stop session button

Real device testing VS Browserstack testing

Dijana Bogiฤ‡eviฤ‡, our QA tester, and the author of this article prefers testing on real devices instead of Browserstack.

Although Browserstack gives you the opportunity to test your app on multiple virtual devices, some issues, like for example your internet connection quality, can impact your testing results. Also, if youโ€™re not really keen on paying a subscription, you have only 30 minutes in your free trial for the App Live tool that Dijana uses for testing our mobile apps, and the number of devices you can test on is limited.

The choice is absolutely yours, but weโ€™ll be glad if we could lend you a hand in any way when you test your apps.


You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *