Run a sample Percy build on Automate

Clone the sample application

Clone our sample repository and install the dependencies by running the following commands:

For Selenium:

For Playwright:

Export token
Create a Percy on Automate project and export the Percy token.

Set BrowserStack credentials
Get your BrowserStack credentials and update the sample script.

1. Sign up with BrowserStack for a free trial or purchase a plan.
2. Get your username and access key from the BrowserStack profile page.
3. Use the userName and accessKey variables to set BrowserStack environment variables to authenticate your tests.

Alternatively, update USER_NAME and ACCESS_KEY in the test file.

Run the first build
Run your first Percy build on Automate by using the following command:

For Selenium:

For Playwright:

Your first Percy on Automate build is created. As this is the first build, no comparisons are available yet. You must approve the first build to have a base build for future comparisons.

Modify the sample application
To modify the sample application, perform one of the following:

• Directly run the after_test test file provided in the project using the run command in Step 4. In this case, you can skip Step 6 and directly visit the Automate and the Percy dashboards to see your functional and visual builds.

• Search for the below line in the test file and replace the @id=”1” to @id=”3”:

For Selenium:

For Playwright:

Commit changes
Commit the changes that you made to the sample application.

Run the second build
Follow Step 4 to generate your second build.

After the script execution is finished, the current build is compared to the previously approved build.

View results
Visit the Automate and the Percy dashboards to see your functional and visual builds.