BrowserStack allows you to easily run tests on multiple devices and OS and takes away the hassle of handling your own infrastructure. With WebdriverIO, you can get your tests running in BrowserStack under 5 mins, let's take a look at how to do that -

Prerequisite

You need to have a BrowserStack account, you can register for a free trial account that will give you around 100 mins for automated browser testing. Read more here.

Installation

Install the BrowserStack service - npm install @wdio/browserstack-service --save-dev

Configuration

Make the following changes in your wdio.conf.js file

export.config = {
    // ...
    user: process.env.BROWSERSTACK_USERNAME,
    key: process.env.BROWSERSTACK_ACCESS_KEY,
    services: ['browserstack'],
    // ...
};

Run Tests

Now you can run your tests this way - BROWSERSTACK_USERNAME={your_username} BROWSERSTACK_ACCESS_KEY={your_access_key} npx wdio Head back to BrowserStack dashboard and you'll see your tests running there 🙌 - Alt Text


Check out this video to see a detailed explanation on how to run tests on Browserstack:


To learn more about WebdriverIO, you can check out my free tutorial series here -

WebdriverIO - Tutorial Series for Beginners