Integrate Percy using the BrowserStack SDK

The new BrowserStack SDK is your one-stop solution for all Percy integration requirements.

BrowserStack now has a new SDK that simplifies the process of integrating with Percy. As before, you can test your web or mobile application visually using Percy. To integrate your visual and functional testing processes for your website, run your Percy tests on BrowserStack’s Automate. Or, if you are an existing Automate user and would like to try Percy, you can do that too. The same SDK fulfils all needs.

With the BrowserStack SDK, you can take screenshots of your application:

• Automatically, by setting percyCaptureMode to auto.
• At specific points during a test, by calling the screenshot method. For example, you can call the PercySDK.screenshot(driver, name) method for testing your website.
• At various predefined events, by using auto capture modes.

During the test, Percy automatically captures relevant screenshots and adds them to the specified project. When you run your tests again, Percy captures the same screenshots again and if it detects visual changes, it highlights those changes for your review. You can see the results in the Percy dashboard.

Check out the video below to get an overview of Percy using BrowserStack SDK:

To learn how to integrate your test suites using the BrowserStack SDK, visit Automate.

High-level integration steps

1. Create a test.
2. Install the required BrowserStack SDK.
3. Set percy: true in the configuration file.
4. Run the test.

End-to-end testing frameworks

• JestJS
• TestNG
• Nunit - C#
• Mocha JS
• WebdriverIO
• Cucumber-TestNG
• XUnit
• SpecFlow

If your framework is not currently supported, contact support.