cypress/plugins/index.js

cypress-plugins-index.js

/// <reference types="cypress" />
// ***********************************************************
// This example plugins/index.js can be used to load plugins
//
// You can change the location of this file or turn off loading
// the plugins file with the 'pluginsFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/plugins-guide
// ***********************************************************

// This function is called when a project is opened or re-opened (e.g. due to
// the project's config changing)

/**
 * @type {Cypress.PluginConfig}
 */
// eslint-disable-next-line no-unused-vars
const browserify = require('@cypress/browserify-preprocessor');
const cucumber = require('cypress-cucumber-preprocessor').default;
const resolve = require('resolve');
const { initPlugin } = require('cypress-plugin-snapshots/plugin');

module.exports = (on, config) => {
  // `on` is used to hook into various events Cypress emits
  // `config` is the resolved Cypress config
  require('@cypress/code-coverage/task')(on, config);
  on('file:preprocessor', require('@cypress/code-coverage/use-babelrc'));

  const options = {
    ...browserify.defaultOptions,
    typescript: resolve.sync('typescript', { baseDir: './app' }),
  };

  on('file:preprocessor', cucumber(options));
  initPlugin(on, config);
  on('before:browser:launch', (browser, launchOptions) => {
    if (browser.name === 'chrome') {
      launchOptions.args.push('--window-size=1920,1080');

      return launchOptions;
    }

    if (browser.name === 'firefox') {
      launchOptions.args.push('--width=1920');
      launchOptions.args.push('--height=1080');

      return launchOptions;
    }

    if (browser.name === 'electron') {
      launchOptions.args['width'] = 1920;
      launchOptions.args['height'] = 1080;
      launchOptions.args['resizable'] = false;

      return launchOptions;
    }
  });

  return config;
};