Selenium for Java
Covered in this doc
- Installing Percy for Java with Selenium
- Importing the Percy selenium library
- Creating a new Percy object with a WebDriver instance as a parameter
- Calling and configuring Percy snapshots
Installation
npm install @percy/cli
:
$ npm install --save-dev @percy/cli
Add percy-java-selenium to your project dependencies. If you're using Maven:
<dependency>
<groupId>io.percy</groupId>
<artifactId>percy-java-selenium</artifactId>
<version>1.2.0</version>
</dependency>
If you're using a different build system, see https://search.maven.org/artifact/io.percy/percy-java-selenium for details for your specific system.
Usage
This is an example test using the percy.snapshot
function.
// import ...
import io.percy.selenium.Percy;
public class Example {
private static WebDriver driver;
private static Percy percy;
public static void main(String[] args) {
FirefoxOptions options = new FirefoxOptions();
options.setHeadless(true);
driver = new FirefoxDriver(options);
percy = new Percy(driver);
driver.get("https://example.com");
percy.snapshot("Java example");
}
}
Running the test above normally will result in the following log:
[percy] Percy is not running, disabling snapshots
When running with percy exec
, and your project's PERCY_TOKEN
, a new Percy build will be created and snapshots will be uploaded to your project.
$ export PERCY_TOKEN=[your-project-token]
$ npx percy exec -- [java test command]
[percy] Percy has started!
[percy] Created build #1: https://percy.io/[your-project]
[percy] Snapshot taken "Java example"
[percy] Stopping percy...
[percy] Finalized build #1: https://percy.io/[your-project]
[percy] Done!
Configuration
The snapshot method arguments:
percy.snapshot(name, widths[], minHeight, enableJavaScript, percyCSS)
name
(required) - The snapshot name; must be unique to each snapshot- Additional snapshot options (overrides any project options):
widths
- An array of widths to take screenshots atminHeight
- The minimum viewport height to take screenshots atenableJavaScript
- Enable JavaScript in Percy's rendering environmentpercyCSS
- Percy specific CSS only applied in Percy's rendering environmentscope
- A CSS selector to scope the screenshot to
Upgrading
Automatically with @percy/migrate
@percy/migrate
We built a tool to help automate migrating to the new CLI toolchain! Migrating can be done by running the following commands and following the prompts:
$ npx @percy/migrate
? Are you currently using percy-java-selenium? Yes
? Install @percy/cli (required to run percy)? Yes
? Migrate Percy config file? Yes
This will automatically run the changes described below for you.
Manually
Installing @percy/cli
& removing @percy/agent
@percy/cli
& removing @percy/agent
If you're coming from a pre-3.0 version of this package, make sure to install @percy/cli
after upgrading to retain any existing scripts that reference the Percy CLI command. You will also want to uninstall @percy/agent
, as it's been replaced by @percy/cli
.
$ npm uninstall @percy/agent
$ npm install --save-dev @percy/cli
Migrating Config
If you have a previous Percy configuration file, migrate it to the newest version with the config:migrate
command:
$ npx percy config:migrate
Global Configuration
You can also configure Percy to use the same options over all snapshots. To see supported configuration including widths read our SDK configuration docs
Updated 6 months ago
Once you've set up Percy for Java, the next step is to add Percy to your CI service. That way, every time CI runs, Percy will automatically kick off visual tests as well.