cypress.config.ts

import { defineConfig } from 'cypress';

export default defineConfig({
  e2e: {
    specPattern: 'tests/e2e/**/*.{cy,spec,e2e}.{js,jsx,ts,tsx}',
    baseUrl: 'http://localhost:4173',
    supportFile: 'tests/e2e/support/setup.ts',
  },
  // ===
  // General
  // https://docs.cypress.io/guides/references/configuration.html#Global
  // ===
  watchForFileChanges: true,
  // ===
  // Environment variables
  // https://docs.cypress.io/guides/guides/environment-variables.html#Option-1-cypress-json
  // ===
  env: {
    CI: process.env.CI,
  },
  // ===
  // Viewport
  // https://docs.cypress.io/guides/references/configuration.html#Viewport
  // ===
  viewportWidth: 1280,
  viewportHeight: 720,
  // ===
  // Animations
  // https://docs.cypress.io/guides/references/configuration.html#Animations
  // ===
  waitForAnimations: true,
  animationDistanceThreshold: 4,
  // ===
  // Timeouts
  // https://docs.cypress.io/guides/references/configuration.html#Timeouts
  // ===
  defaultCommandTimeout: 4000,
  execTimeout: 60000,
  pageLoadTimeout: 60000,
  requestTimeout: 5000,
  responseTimeout: 30000,
  // ===
  // Main Directories
  // https://docs.cypress.io/guides/references/configuration.html#Folders-Files
  // ===
  downloadsFolder: 'test/e2e/downloads',
  fileServerFolder: 'tests/e2e/specs',
  fixturesFolder: 'tests/e2e/fixtures',
  // ===
  // Videos & Screenshots
  // https://docs.cypress.io/guides/core-concepts/screenshots-and-videos.html
  // ===
  videoUploadOnPasses: true,
  videoCompression: 32,
  videosFolder: 'tests/e2e/videos',
  screenshotsFolder: 'tests/e2e/screenshots',
});