cypress.config.ts

import {defineConfig} from 'cypress'

export default defineConfig({
  e2e: {
    setupNodeEvents: (on, config) => {
      const isDev = config.watchForFileChanges
      const port = process.env.PORT ?? (isDev ? '3000' : '8811')
      const configOverrides: Partial<Cypress.PluginConfigOptions> = {
        projectId: '4rxk45',
        baseUrl: `http://localhost:${port}`,
        viewportWidth: 1030,
        viewportHeight: 800,
        video: !process.env.CI,
        screenshotOnRunFailure: !process.env.CI,
      }

      // To use this:
      // cy.task('log', whateverYouWantInTheTerminal)
      on('task', {
        log: message => {
          console.log(message)

          return null
        },
      })

      on('before:browser:launch', (browser, options) => {
        if (browser.name === 'chrome') {
          options.args.push(
            '--no-sandbox',
            '--allow-file-access-from-files',
            '--use-fake-ui-for-media-stream',
            '--use-fake-device-for-media-stream',
            '--use-file-for-fake-audio-capture=cypress/fixtures/sample.wav',
          )
        }
        return options
      })

      return {...config, ...configOverrides}
    },
  },
})