cypress.config.js

const { defineConfig } = require('cypress');
const webpackConfig = require('./config/cypress.webpack.config.js');
const codeCoverageTask = require('@cypress/code-coverage/task');
const { initPlugin } = require('@frsource/cypress-plugin-visual-regression-diff/plugins');

module.exports = defineConfig({
    viewportWidth: 1000,
    viewportHeight: 660,
    video: false,
    component: {
        devServer: {
            framework: 'react',
            bundler: 'webpack',
            webpackConfig
        },
        specPattern: 'src/**/*.cy.{js,ts,jsx,tsx}',
        setupNodeEvents(on, config) {
            initPlugin(on, config);
            codeCoverageTask(on, config);
            return config;
        }
    },
    env: {
        pluginVisualRegressionMaxDiffThreshold: 0.05
    }
});