index.js

#!/usr/bin/env node
import { createRequire } from 'module'
import path from 'path'
import { execa } from 'execa'
import { program } from 'commander'
import { build, preview, createServer } from 'vite'

program
  .name('vite-e2e-cypress')
  .description('Simple command line script to run cypress e2e with vite')
  .option('-r, --root, <root>', 'root path for vite project')
  .option('-p, --port <port>', 'port to serve the vite server')
  .option('-c, --config-file <configFile>', 'path to vite config file')
  .option('--headless', 'run in headless mode without GUI')
  .option('-d, --dev', 'run dev server instead of using build & preview')
  .option('-m, --mode <mode>', 'specify the mode the dev server should run in.', 'production')
  .option('-s, --spec <spec>', '(headless only) runs a specific spec file.', 'all') 
  .option('-e, --e2e', 'run end to end tests' )
  .option('-b, --browser <browser>', 'specify browser to run', 'chrome')

program.parse()

const options = program.opts()

const resolveModule = function (request, context) {
  let resolvedPath
  try {
    resolvedPath = createRequire(path.resolve(context, 'package.json')).resolve(request)
  } catch (e) {
    console.warn(e)
  }
  return resolvedPath
}

;(async () => {
  const cwd = process.cwd()
  const root = options.root ? path.resolve(cwd, options.root) : cwd
  const configFile = path.resolve(cwd, options.configFile || 'vite.config.ts')
  const port = options.port || 8080
  const mode = options.mode || 'production'
  const configs = {
    root,
    configFile,
    mode
  }

  let server = null
  let previewServer = null

  if (options.dev) {
    server = await createServer({
      ...configs,
      server: {
        port
      }
    })
    await server.listen()

    server.printUrls()
  } else {
    await build(configs)
    previewServer = await preview({
      ...configs,
      preview: {
        port,
        open: false
      }
    })
    previewServer.printUrls()
  }

  const closeServer = () => {
    if (server) server.close()
    if (previewServer) previewServer.httpServer.close()
  }

  
  let cyArgs = [
    options.headless ? 'run' : 'open', // open or run
    '--config', `baseUrl=http://localhost:${port}`,
    options.e2e ? '--e2e' : ''
  ]
  if (options.headless) {
    cyArgs = cyArgs.concat(['--spec', options.spec])
  }
  if (options.browser) {
    cyArgs = cyArgs.concat(['--browser', options.browser])
  }

  // Use loadModule to allow users to customize their Cypress dependency version.
  const cypressModulePath = resolveModule('cypress', cwd)
  const cypressBinPath = path.resolve(cypressModulePath, '../bin/cypress')
  const runner = execa(cypressBinPath, cyArgs, { stdio: 'inherit' })
  if (server || previewServer) {
    runner.on('error', () => {
      closeServer()
      process.exit(1)
    })
    runner.on('exit', code => {
      closeServer()
      process.exit(code)
    })
  }

  return runner
})()