cypress.config.ts

import {defineConfig} from 'cypress';
import webpack from '@cypress/webpack-preprocessor';
import {addCucumberPreprocessorPlugin} from '@badeball/cypress-cucumber-preprocessor';
import * as dotenv from 'dotenv';

dotenv.config({path: '.env.local'});
dotenv.config();

module.exports = defineConfig({
  e2e: {
    specPattern: '**/*.{feature,cy.js}',
    baseUrl: 'http://localhost:3000',
    async setupNodeEvents(on, config) {
      // This is required for the preprocessor to be able to generate JSON reports after each run, and more,
      await addCucumberPreprocessorPlugin(on, config);

      on(
        'file:preprocessor',
        webpack({
          webpackOptions: {
            resolve: {
              extensions: ['.ts', '.js'],
            },
            module: {
              rules: [
                {
                  test: /\.ts$/,
                  exclude: [/node_modules/],
                  use: [
                    {
                      loader: 'ts-loader',
                    },
                  ],
                },
                {
                  test: /\.feature$/,
                  use: [
                    {
                      loader: '@badeball/cypress-cucumber-preprocessor/webpack',
                      options: config,
                    },
                  ],
                },
              ],
            },
          },
        }),
      );

      // Make sure to return the config object as it might have been modified by the plugin.
      return config;
    },
  },

  component: {
    devServer: {
      framework: 'next',
      bundler: 'webpack',
    },
  },

  // video: false,
  env: {
    API_BASE: process.env.NEXT_PUBLIC_API_BASE,
  },
});