vitest-provider-browserstack

A browser provider for Vitest that runs tests on Browserstack.

Install

npm

npm i -D @chialab/vitest-provider-browserstack

yarn

yarn add -D @chialab/vitest-provider-browserstack

pnpm

pnpm add -D @chialab/vitest-provider-browserstack

Usage

INFO

In order to use this provider, you need to have a Browserstack account and a valid access key.

Use this module as provider for Vitest browser runner:

/// <reference types="@chialab/vitest-provider-browserstack" />

export default {
    test: {
        browser: {
            name: 'browserstack:chrome-latest',
            // Use the browserstack provider.
            provider: '@chialab/vitest-provider-browserstack',
            // We need to expose the server to the network in order to let Browserstack access it.
            api: {
                host: '0.0.0.0',
                port: 5176,
            },
            // Hijack ESM imports is unstable on older browsers.
            slowHijackESM: false,
        },
    },
    browserstack: {
        options: {
            user: 'YOUR_BROWSERSTACK_USERNAME',
            key: 'YOUR_BROWSERSTACK_ACCESS_KEY',
        },
        capabilities: {
            'chrome-latest': {
                'browserName': 'Chrome',
                'bstack:options': {
                    browserVersion: 'latest',
                },
            },
            'firefox-latest': {
                'browserName': 'Firefox',
                'bstack:options': {
                    browserVersion: 'latest',
                },
            },
            'safari-latest': {
                'browserName': 'Safari',
                'bstack:options': {
                    browserVersion: 'latest',
                },
            },
            'edge-latest': {
                'browserName': 'MicrosoftEdge',
                'bstack:options': {
                    browserVersion: 'latest',
                },
            },
        },
    },
};

Options

user and key options can be omitted if you have a BROWSERSTACK_USERNAME and BROWSERSTACK_ACCESS_KEY environment variables set.

Read more about the capabilities configuration at Browserstack documentation and Webdriverio capabilities.