Selenium

To start, you need to install @replayio/replay package to your project.

• npm
• yarn
• pnpm
• bun

Terminal
npm i replayio

In order to use Replay Browser in your Selenium scripts, you need to point your configuration to the Replay Browser binary. The getBrowserPath function will take care of locating the binary on your machine.

spec.js
 1const { Builder, Browser, By, until } = require('selenium-webdriver')
 2const chrome = require('selenium-webdriver/chrome')
 3import { getBrowserPath } from 'replayio'
 4
 5const chromiumPath = getBrowserPath()
 6
 7;(async function test() {
 8  let options = new chrome.Options()
 9  options.setChromeBinaryPath(chromiumPath)
10
11  let driver = await new Builder()
12    .forBrowser(Browser.CHROME)
13    .setChromeOptions(options)
14    .build()
15
16  try {
17    await driver.get('http://localhost:3000')
18    await driver.findElement(By.xpath("//*[text()='Add to Cart']")).click()
19    await driver.wait(
20      until.elementLocated(By.xpath("//*[text()='Product added to cart!']")),
21      5000,
22    )
23  } finally {
24    await driver.quit()
25  }
26})()

With configration set up, you can run your tests the same way as before. After your run finishes, your recordings will be stored locally.