<p><a href="https://www.browserstack.com/app-automate">BrowserStack App Automate</a> is a cloud-based mobile app testing platform that allows users to test their mobile apps on a wide range of real devices. Using real devices has several advantages such as:</p>
<ul>
<li>Access to a wide range of devices: With automated testing on real devices, you can test your app on a variety of devices and operating systems.</li>
<li>Testing native device features: Push Notifications, Geolocation and network simulation.</li>
<li>Parallel testing: BrowserStack App Automate allows you to run tests in parallel, which means you can test your app on multiple devices at the same time.</li>
<li>Detailed logs and reports: BrowserStack App Automate provides detailed reports that include screenshots, video recordings, and logs of each test run</li>
</ul>
<p>Integrating BrowserStack App Automate with Appcircle is very easy for both iOS and Android applications.</p>
<h2>Create BrowserStack Account</h2>
<p>In order to use BrowserStack you need to create an account and get <strong>username</strong> and <strong>access token</strong> from the dashboard. You can sign up for free <a href="https://www.browserstack.com/app-automate">here.</a></p>
<h2>Setting Environment Variables</h2>
<p>It&#8217;s better to use environment variables for BrowserStack credentials. As a best practice, secrets must be always used as environment variables and must be hidden by clicking the lock button. Please check this documentation to learn more about <a href="https://docs.appcircle.io/environment-variables/why-to-use-environment-variables-and-secrets">Environment Variables.</a> After you have created your environment variables, you also need to select it on your configuration settings.</p>
<div id="attachment_3956" style="width: 2890px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-3956" class="size-full wp-image-3956" src="https://ac.appcircle.io/wp-content/uploads/2023/01/environment.png" alt="Setting Environment Variables" width="2880" height="1352" srcset="https://ac.appcircle.io/wp-content/uploads/2023/01/environment.png 2880w, https://ac.appcircle.io/wp-content/uploads/2023/01/environment-300x141.png 300w, https://ac.appcircle.io/wp-content/uploads/2023/01/environment-1030x484.png 1030w, https://ac.appcircle.io/wp-content/uploads/2023/01/environment-768x361.png 768w, https://ac.appcircle.io/wp-content/uploads/2023/01/environment-1536x721.png 1536w, https://ac.appcircle.io/wp-content/uploads/2023/01/environment-2048x961.png 2048w, https://ac.appcircle.io/wp-content/uploads/2023/01/environment-1500x704.png 1500w, https://ac.appcircle.io/wp-content/uploads/2023/01/environment-705x331.png 705w" sizes="(max-width: 2880px) 100vw, 2880px" /><p id="caption-attachment-3956" class="wp-caption-text">Setting Environment Variables</p></div>
<p><img class="aligncenter size-full wp-image-3957" src="https://ac.appcircle.io/wp-content/uploads/2023/01/config.png" alt="" width="1324" height="1391" srcset="https://ac.appcircle.io/wp-content/uploads/2023/01/config.png 1324w, https://ac.appcircle.io/wp-content/uploads/2023/01/config-286x300.png 286w, https://ac.appcircle.io/wp-content/uploads/2023/01/config-980x1030.png 980w, https://ac.appcircle.io/wp-content/uploads/2023/01/config-768x807.png 768w, https://ac.appcircle.io/wp-content/uploads/2023/01/config-671x705.png 671w" sizes="(max-width: 1324px) 100vw, 1324px" /></p>
<h2>Android Projects</h2>
<p>In order to run your Espresso Tests on BrowserStack, you need to have <strong>Android Build for UI Testing</strong> and <strong>BrowserStack App Automate &#8211; Espresso</strong> components on your workflow.</p>
<p><img class="aligncenter size-full wp-image-3958" src="https://ac.appcircle.io/wp-content/uploads/2023/01/android-workflow.png" alt="Android Build for UI Testing and BrowserStack App Automate - Espresso" width="1324" height="1387" srcset="https://ac.appcircle.io/wp-content/uploads/2023/01/android-workflow.png 1324w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-workflow-286x300.png 286w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-workflow-983x1030.png 983w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-workflow-768x805.png 768w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-workflow-673x705.png 673w" sizes="(max-width: 1324px) 100vw, 1324px" /></p>
<p>You may need to edit <strong>BrowserStack App Automate &#8211; Espresso</strong> component if you want to change devices or any other parameters that can be found on <a href="https://www.browserstack.com/docs/app-automate/api-reference/espresso/builds#execute-a-build">documentation.</a></p>
<p><img class="aligncenter size-full wp-image-3959" src="https://ac.appcircle.io/wp-content/uploads/2023/01/android-config.png" alt="" width="1324" height="1392" srcset="https://ac.appcircle.io/wp-content/uploads/2023/01/android-config.png 1324w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-config-285x300.png 285w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-config-980x1030.png 980w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-config-768x807.png 768w, https://ac.appcircle.io/wp-content/uploads/2023/01/android-config-671x705.png 671w" sizes="(max-width: 1324px) 100vw, 1324px" /></p>
<h2>iOS Projects</h2>
<p>If you have Xcode UI Tests in your project, you need to add <strong>Xcodebuild Build for Testing</strong> and <strong>BrowserStack App Automate &#8211; XCUI </strong>components to your workflow.</p>
<p><img class="aligncenter size-full wp-image-3960" src="https://ac.appcircle.io/wp-content/uploads/2023/01/ios-workflow.png" alt="Xcodebuild Build for Testing and BrowserStack App Automate" width="1324" height="1392" srcset="https://ac.appcircle.io/wp-content/uploads/2023/01/ios-workflow.png 1324w, https://ac.appcircle.io/wp-content/uploads/2023/01/ios-workflow-285x300.png 285w, https://ac.appcircle.io/wp-content/uploads/2023/01/ios-workflow-980x1030.png 980w, https://ac.appcircle.io/wp-content/uploads/2023/01/ios-workflow-768x807.png 768w, https://ac.appcircle.io/wp-content/uploads/2023/01/ios-workflow-671x705.png 671w" sizes="(max-width: 1324px) 100vw, 1324px" /></p>
<p>You may need to edit <strong>BrowserStack App Automate &#8211; XCUI</strong> component if you want to change devices or any other parameters that can be found on <a href="https://www.browserstack.com/docs/app-automate/api-reference/xcuitest/builds#execute-a-build">documentation.</a></p>
<h2>Testing Results</h2>
<div class="c-message_kit__gutter">
<div class="c-message_kit__gutter__right" role="presentation" data-qa="message_content">
<div class="c-message_kit__blocks c-message_kit__blocks--rich_text">
<div class="c-message__message_blocks c-message__message_blocks--rich_text" data-qa="message-text">
<div class="p-block_kit_renderer" data-qa="block-kit-renderer">
<div class="p-block_kit_renderer__block_wrapper p-block_kit_renderer__block_wrapper--first">
<div class="p-rich_text_block" dir="auto">
<div class="p-rich_text_section">After initiating a test run from Appcircle, the assigned devices on BrowserStack are activated to run the tests. The results of the tests, including any recorded simulator videos, can be viewed on BrowserStack. If the tests are successful, the workflow continues as planned. However, if any errors occur during testing, the workflow will terminate and the user can review the test results on BrowserStack to troubleshoot the issue.</div>
<div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-message_actions__group" role="group" aria-label="Message actions" data-qa="message-actions">
<div id="attachment_3970" style="width: 2890px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-3970" class="size-full wp-image-3970" src="https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail.png" alt="iOS Test Fail" width="2880" height="1392" srcset="https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail.png 2880w, https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail-300x145.png 300w, https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail-1030x498.png 1030w, https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail-768x371.png 768w, https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail-1536x742.png 1536w, https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail-2048x990.png 2048w, https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail-1500x725.png 1500w, https://ac.appcircle.io/wp-content/uploads/2023/01/iOSTestFail-705x341.png 705w" sizes="(max-width: 2880px) 100vw, 2880px" /><p id="caption-attachment-3970" class="wp-caption-text">Failed iOS App Tests on BrowserStack</p></div>
<div id="attachment_3971" style="width: 2890px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-3971" class="size-full wp-image-3971" src="https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests.png" alt="" width="2880" height="1392" srcset="https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests.png 2880w, https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests-300x145.png 300w, https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests-1030x498.png 1030w, https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests-768x371.png 768w, https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests-1536x742.png 1536w, https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests-2048x990.png 2048w, https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests-1500x725.png 1500w, https://ac.appcircle.io/wp-content/uploads/2023/01/AndroidTests-705x341.png 705w" sizes="(max-width: 2880px) 100vw, 2880px" /><p id="caption-attachment-3971" class="wp-caption-text">Passed Android App Tests on BrowserStack</p></div>
</div>
<div role="group" aria-label="Message actions" data-qa="message-actions"></div>
<h2>Summary</h2>
<p>Overall, automated testing on real devices can provide a more realistic and comprehensive testing environment, helping you ensure that your mobile app works correctly and performs well on different devices. As explained in this post, it is easy to integrate Appcircle and BrowserStack. No need to mess with YAML files or tons of settings, just drag and drop the component.</p>


Integrating BrowserStack App Automate

Related Posts

Speed Up your Release Process with Appcircle’s Azure Bot for SwiftLint and Detekt

Using Azure Boards for Mobile App Development

Streamline Project Integration and Test Automation with Repeato and Appcircle

Multi-Layered Team Management in Mobile DevOps

Integrating BrowserStack App Automate

Related Posts

Speed Up your Release Process with Appcircle’s Azure Bot for SwiftLint and Detekt

Using Azure Boards for Mobile App Development

Streamline Project Integration and Test Automation with Repeato and Appcircle

Multi-Layered Team Management in Mobile DevOps

Subscribe to Appcircle Circle