fix: supportFile path and supportFile false for vite on windows

npm/vite-dev-server/client/initCypressTests.js

@@ -13,13 +13,15 @@ const supportFile = CypressInstance.config('supportFile')
 const projectRoot = CypressInstance.config('projectRoot')
 const devServerPublicPathRoute = CypressInstance.config('devServerPublicPathRoute')
 
-let supportRelativeToProjectRoot = supportFile.replace(projectRoot, '')
+if (supportFile) {
+  let supportRelativeToProjectRoot = supportFile.replace(projectRoot, '')
 
-if (CypressInstance.config('platform') === 'win32') {
-  supportRelativeToProjectRoot = supportFile.replace(projectRoot.replaceAll('/', '\\'))
-}
+  if (CypressInstance.config('platform') === 'win32') {
+    const platformProjectRoot = projectRoot.replaceAll('/', '\\')
+
+    supportRelativeToProjectRoot = supportFile.replace(platformProjectRoot, '')
+  }
 
-if (supportFile) {
   // We need a slash before /cypress/supportFile.js, this happens by default
   // with the current string replacement logic.
   importsToLoad.push(() => import(`${devServerPublicPathRoute}${supportRelativeToProjectRoot}`))

npm/vite-dev-server/cypress/e2e/vite-dev-server.cy.ts

@@ -0,0 +1,11 @@
+describe('Config options', () => {
+  it('supports supportFile = false', () => {
+    cy.scaffoldProject('vite2.9.1-react')
+    cy.openProject('vite2.9.1-react', ['--config-file', 'cypress-vite-no-support.config.ts'])
+    cy.startAppServer('component')
+
+    cy.visitApp()
+    cy.contains('App.cy.jsx').click()
+    cy.get('.passed > .num').should('contain', 1)
+  })
+})

npm/webpack-dev-server/cypress/e2e/webpack-dev-server.cy.ts

@@ -0,0 +1,11 @@
+describe('Config options', () => {
+  it('supports supportFile = false', () => {
+    cy.scaffoldProject('webpack5_wds4-react')
+    cy.openProject('webpack5_wds4-react', ['--config-file', 'cypress-webpack-no-support.config.ts'])
+    cy.startAppServer('component')
+
+    cy.visitApp()
+    cy.contains('App.cy.jsx').click()
+    cy.get('.passed > .num').should('contain', 1)
+  })
+})

system-tests/project-fixtures/react/cypress-vite-no-support.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+import defaultConfig from './cypress-vite.config'
+
+export default defineConfig({
+  ...defaultConfig,
+  component: {
+    ...defaultConfig.component as Cypress.Config['component'],
+    supportFile: false
+  }
+})

system-tests/project-fixtures/react/cypress-webpack-no-support.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+import defaultConfig from './cypress-webpack.config'
+
+export default defineConfig({
+  ...defaultConfig,
+  component: {
+    ...defaultConfig.component as Cypress.Config['component'],
+    supportFile: false
+  }
+})

system-tests/project-fixtures/react/cypress-webpack.config.ts

@@ -12,7 +12,7 @@ declare global {
   }
 }
 
-module.exports = defineConfig({
+export default defineConfig({
   component: {
     devServer: {
       framework: 'react',