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.