WebdriverIO

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

• npm
• yarn
• pnpm
• bun

Terminal
npm i replayio

In order to use Replay Browser in your WebdriverIO 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.

wdio.config.js
 1import { getBrowserPath } from "replayio";
 2
 3const chromiumPath = getBrowserPath();
 4
 5exports.config = {
 6  specs: ["./test/*.js"],
 7  automationProtocol: 'devtools',
 8  capabilities: [{
 9    maxInstances: 1,
10    browserName: 'chrome',
11    acceptInsecureCerts: true,
12    'goog:chromeOptions': {
13        binary: chromiumPath,
14        args: [ '--disable-infobars', '--window-size=1920,1080']
15    }
16  }],
17};

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

Upload your replays with the following command:

Terminal
replayio upload --all

To learn more see the docs on Replay CLI.

After you upload your recordings, you can view them in Test Suite Dashboard.