Jenkins : CrossBrowserTesting Plugin

This plugin integrates Jenkins users with Selenium Testing and Screenshot Testing on CrossBrowserTesting.com. CrossBrowserTesting.com provides cross browser testing of websites, webpages, and web applications on Windows, Macs, and real iPhones, iPads, and Android Phones and Tablets.

Features

1. Running Selenium Scripts on CrossBrowserTesting.com
2. Running Automated Screenshot Testing on CrossBrowserTesting.com
3. Automated Starting and Stopping of the CrossBrowserTesting.com NodeJS local tunnel to test local and development webpages behind your firewall (embedded and locally installed)
4. Use named local tunnels
5. Enable Test Views with links to download Screenshots for Screenshot Tests, and view videos and packet captures for Selenium scripts
6. Use different API Credentials for each build
7. Embedded local tunnels
8. Supports Jenkins Pipeline
9. Use login profiles or selenium scripts for Automated Screenshot Testing

Installation

via the interface

1. Go to your installation's management screen.
2. Click Manage Plugins.
3. Click the Available tab.
4. Find the CrossBrowserTesting.com Plugin and select the checkbox.
5. then click either Install without restart or Download now and install after restart.

by hand(not recommended)

1. Download CrossBrowserTesting.hpi.
2. Save the downloaded .hpi file into your `$JENKINS_HOME/plugins` directory.
3. Restart Jenkins.

Configuration

Environment Variables

The CrossBrowserTesting.com Jenkins Plugin passes your build step information to your Selenium scripts as environment variables. The exact syntax will vary depending on your scripting language.

See the examples directory for a few language specific sample scripts.

Saving Your CrossBrowserTesting.com API Credentials

1. Go to your installation's management screen.
2. Click Configure System.
3. Find the section labeled CrossBrowserTesting.com.
4. Click Add
5. Select Jenkins as the "Jenkins Credentials Provider"
6. Select Crossbrowsertesting.com as the "Kind"
7. Enter your CrossBrowserTesting.com Username and API Key information. You can find your api key here (must be logged in)
8. Test the credentials using the Test Credentials button
9. Click Add.
10. Select the credentials on the "configuration page"
11. Optional: You can also create and select credentials for each build within the build configuration page.

Build/Configure

Enable Selenium and Screenshot Views

1. In the CrossBrowserTesting.com Build Environment, Select "Enable Test Results Pages"
2. During your build, links on your sidebar will populate and allow you to interact with the test.
3. You can view and download screenshots for a Screenshots Test
4. You can view videos, snapshots, and network packet captures for Selenium Tests

Build Environment

1. Configure your Jenkins Project.
2. In Build Environment, Check the box next to CrossBrowserTesting.com
3. For Screenshot Tests: Pick a BrowserList and enter a URL (you must have you API credentials saved for the browserlist to populate). You can add multiple Screenshots Tests by clicking "Add a Screenshots Test"
4. For Selenium Tests: Add the Operating System, Browser, and Screen Resolution that you want to run a Selenium Test on. You can add multiple configurations by clicking "Add a Selenium Tests"
5. Optional: Check Use Local Tunnel to run tests on webpages behind your firewall. The CBT NodeJS Tunnel is embedded into the plugin and does not need to be install on the Jenkins Server. 
   1. To use a named tunnel, enter the "Tunnel Name" in the advanced section.
   2. If you prefer not to use the embedded local tunnel and want to use the local tunnel installed on your system, you can specify the path to the local tunnel binary in the advanced section.
6. For CBT Credentials: Select the credentials to run the tests with.

Execute a Selenium Test

1. Execute a Selenium Test just as normally would with Jenkins.
2. For example, if you were running a script written in python on a Unix machine, within the Build section, select Add Build Step and Execute Shell (if you have the Python Plugin installed you can use it instead).
3. Enter the command to run your script ie. "python your_selenium_script.py"
4. Click Save
5. Click Build Now to build the project. Output from the tests will be displayed in Console Output for the build.

Pipeline Configuration

As of version 2.3, the plugin supports Jenkins Pipeline. Here's an example of a pipeline script:

cbt(credentialsId: 'your_credential_id', useLocalTunnel: true, useTestResults: true) {
    cbtScreenshotsTest browserList: 'Your BrowserList', url: 'http://yourawesomewebsite.com'
    cbtSeleniumTest(browser: 'Safari10', operatingSystem: 'Mac10.12', resolution: '1024x768') {
        sh 'python your_selenium_script.py'
    }
}