@saucelabs/cypress-plugin
TypeScript icon, indicating that this package has built-in type declarations

3.3.0 • Public • Published

sauce-cypress-plugin

This Cypress plugins reports each spec to your Sauce Labs account.

When you run tests with the Cypress CLI, using this plugin, test results and artifacts are uploaded to Sauce Labs.

Requirements

  • Node 22
  • Cypress

Installation

Install from npm:

npm install @saucelabs/cypress-plugin

Configuration

Sauce Labs Credentials

SAUCE_USERNAME and SAUCE_ACCESS_KEY environment variables need to be set for the plugin to report your results to Sauce Labs. Your Sauce Labs Username and Access Key are available from your dashboard.

Plugin Setup (Cypress 10 and above)

sauce-cypress-plugin is configurable through your cypress config file, e.g. cypress.config.{js, cjs, mjs,ts}.

Example cypress.config.cjs:

const { defineConfig } = require('cypress');

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      require('@saucelabs/cypress-plugin').default(on, config, {
        region: 'us-west-1',
        build: 'myBuild',
        tags: ['example1'],
      });
      return config;
    },
  },
});

Example cypress.config.mjs:

import { defineConfig } from 'cypress';
import reporter from '@saucelabs/cypress-plugin';

export default defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      reporter.default(on, config, {
        region: 'us-west-1',
        build: 'myBuild',
        tags: ['example1'],
      });
      return config;
    },
  },
});

Example cypress.config.ts:

import { defineConfig } from 'cypress';
import Reporter, { Region } from '@saucelabs/cypress-plugin';

export default defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      Reporter(on, config, {
        region: Region.USWest1, // us-west-1 is the default
        build: 'myBuild',
        tags: ['example1'],
      });
      return config;
    },
  },
});

Plugin Setup (Cypress 9 and below)

Register the plugin in your project's cypress/plugins/index.js:

module.exports = (on, config) => {
  // Other plugins you may already have.
  // ...
  require('@saucelabs/cypress-plugin').default(on, config, {
    region: 'us-west-1',
    build: 'myBuild',
    tags: ['example1'],
  });
  return config;
};

Run a Test 🚀

Trigger cypress to run a test

cypress run

The jobs will be reported to Sauce Labs

Jobs reported to Sauce Labs:

  ┌────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐
  │  Spec                                        Sauce Labs job URL                                                │
  ├────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
  │  cypress/e2e/1-getting-started/todo.cy.js    https://app.saucelabs.com/tests/b30ffb871827408c81e454103b946c99  │
  └────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘

Real-life Example

tests/integration/ folder will present an integration example with Cypress' Kitchensink tests set.

Development

Running Locally

Best way to test locally is to npm link into an existing cypress project.

Debug

Once you npm link, you can run your cypress tests with the environment variable DEBUG="@saucelabs/cypress-plugin:*" to see additional debug output.

Readme

Keywords

none

Package Sidebar

Install

npm i @saucelabs/cypress-plugin

Weekly Downloads

544

Version

3.3.0

License

MIT

Unpacked Size

44.4 kB

Total Files

18

Last publish

Collaborators

  • william.nunes-sl
  • christina.tonkonogaya
  • joaquin.hurtado
  • webdev-saucelabs
  • gracjan.grala
  • david.missmann
  • thomas.fett
  • aluedeke_sauce
  • pawel-sauce
  • nick.sauce
  • diego.molina
  • sakhi-sl
  • navrajsingh
  • it10403npm
  • rillgen-saucelabs
  • saucebot
  • krzysztof.sulejczak.sauce