chore: use experimentalSingleTabRunMode in all of our monorepo packages and system tests that are configured for CT (#25257)

2026-03-07 07:19:32 -06:00 · 2022-12-23 10:28:39 -05:00
parent 4d6034f524
commit 51f30a2a34
48 changed files with 88 additions and 38 deletions
--- a/npm/react/cypress.config.js
+++ b/npm/react/cypress.config.js
@@ -8,6 +8,7 @@ module.exports = {
  },
  'experimentalFetchPolyfill': true,
  'component': {
+    experimentalSingleTabRunMode: true,
    'excludeSpecPattern': [
      '**/__snapshots__/*',
      '**/__image_snapshots__/*',
--- a/npm/vue/cypress.config.ts
+++ b/npm/vue/cypress.config.ts
@@ -11,6 +11,7 @@ export default defineConfig({
    'supportFile': false,
  },
  'component': {
+    experimentalSingleTabRunMode: true,
    excludeSpecPattern: 'examples/**/*',
    devServer: {
      bundler: 'vite',
--- a/packages/app/cypress.config.ts
+++ b/packages/app/cypress.config.ts
@@ -14,6 +14,7 @@ export default defineConfig({
  },
  experimentalInteractiveRunEvents: true,
  component: {
+    experimentalSingleTabRunMode: true,
    viewportWidth: 800,
    viewportHeight: 850,
    supportFile: 'cypress/component/support/index.ts',
--- a/packages/driver/cypress.config.ts
+++ b/packages/driver/cypress.config.ts
@@ -26,6 +26,7 @@ export default defineConfig({
    baseUrl: 'http://localhost:3500',
  },
  component: {
+    experimentalSingleTabRunMode: true,
    specPattern: 'cypress/component/**/*.cy.js',
    supportFile: false,
    devServer: (devServerOptions) => {
--- a/packages/frontend-shared/cypress.config.ts
+++ b/packages/frontend-shared/cypress.config.ts
@@ -14,6 +14,7 @@ export default defineConfig({
    videoCompression: false, // turn off video compression for CI
  },
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      bundler: 'vite',
      framework: 'vue',
--- a/packages/reporter/cypress.config.ts
+++ b/packages/reporter/cypress.config.ts
@@ -29,6 +29,7 @@ export default defineConfig({
  },

  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'react',
      bundler: 'webpack',
--- a/system-tests/project-fixtures/angular/cypress.config.ts
+++ b/system-tests/project-fixtures/angular/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'angular',
      bundler: 'webpack',
@@ -18,10 +19,10 @@ export default defineConfig({
            '@angular/platform-browser-dynamic': require.resolve('@angular/platform-browser-dynamic'),
            'zone.js/testing': require.resolve('zone.js/dist/zone-testing'),
            'zone.js': require.resolve('zone.js'),
-          }
-        }
-      }
+          },
+        },
+      },
    },
-    specPattern: 'src/**/*.cy.ts'
+    specPattern: 'src/**/*.cy.ts',
  },
 })
--- a/system-tests/project-fixtures/cra/cypress.config.ts
+++ b/system-tests/project-fixtures/cra/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'create-react-app',
      bundler: 'webpack',
@@ -9,5 +10,5 @@ export default defineConfig({
  },
  // These tests should run quickly / fail quickly,
  // since we intentionally causing error states for testing
-  defaultCommandTimeout: 1000
+  defaultCommandTimeout: 1000,
 })
--- a/system-tests/project-fixtures/next/cypress.config.js
+++ b/system-tests/project-fixtures/next/cypress.config.js
@@ -2,6 +2,7 @@ const path = require('path')

 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'next',
      bundler: 'webpack',
--- a/system-tests/project-fixtures/nuxtjs2/cypress.config.ts
+++ b/system-tests/project-fixtures/nuxtjs2/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'nuxt',
      bundler: 'webpack',
@@ -10,12 +11,12 @@ export default defineConfig({
        resolve: {
          alias: {
            'vue': require.resolve('vue'),
-          }
-        }
-      }
+          },
+        },
+      },
    },
  },
  // These tests should run quickly / fail quickly,
  // since we intentionally causing error states for testing
-  defaultCommandTimeout: 1000
+  defaultCommandTimeout: 1000,
 })
--- a/system-tests/project-fixtures/vue-cli/cypress.config.ts
+++ b/system-tests/project-fixtures/vue-cli/cypress.config.ts
@@ -2,12 +2,13 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'vue-cli',
-      bundler: 'webpack'
-    }
+      bundler: 'webpack',
+    },
  },
  // These tests should run quickly / fail quickly,
  // since we intentionally causing error states for testing
-  defaultCommandTimeout: 1000
-})
+  defaultCommandTimeout: 1000,
+})
--- a/system-tests/project-fixtures/vue/cypress.config.js
+++ b/system-tests/project-fixtures/vue/cypress.config.js
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'vue',
      bundler: 'vite',
--- a/system-tests/project-fixtures/vue2-cli/cypress.config.js
+++ b/system-tests/project-fixtures/vue2-cli/cypress.config.js
@@ -1,5 +1,6 @@
 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'vue-cli',
      bundler: 'webpack',
--- a/system-tests/projects/angular-cli-configured/cypress.config.ts
+++ b/system-tests/projects/angular-cli-configured/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'angular',
      bundler: 'webpack',
--- a/system-tests/projects/angular-custom-config/cypress.config.ts
+++ b/system-tests/projects/angular-custom-config/cypress.config.ts
@@ -3,6 +3,7 @@ const { projects } = require('./angular.json')

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'angular',
      bundler: 'webpack',
--- a/system-tests/projects/angular-custom-root/cypress.config.ts
+++ b/system-tests/projects/angular-custom-root/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'angular',
      bundler: 'webpack',
--- a/system-tests/projects/component-testing-outdated-dependencies/cypress.config.js
+++ b/system-tests/projects/component-testing-outdated-dependencies/cypress.config.js
@@ -1,5 +1,6 @@
 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: false,
    devServer: {
      bundler: 'vite',
--- a/system-tests/projects/component-tests/cypress.config.js
+++ b/system-tests/projects/component-tests/cypress.config.js
@@ -6,6 +6,7 @@ module.exports = defineConfig({
    specPattern: 'cypress/e2e/**/*',
  },
  component: {
+    experimentalSingleTabRunMode: true,
    specPattern: 'cypress/component-tests/*.spec.js',
    devServer: {
      bundler: 'webpack',
--- a/system-tests/projects/config-cjs-and-esm/config-with-ts-module-component/cypress.config.ts
+++ b/system-tests/projects/config-cjs-and-esm/config-with-ts-module-component/cypress.config.ts
@@ -3,6 +3,7 @@ import { devServer } from '@cypress/vite-dev-server'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    specPattern: 'src/**/*.ts',
    supportFile: false,
    async setupNodeEvents (_, config) {
--- a/system-tests/projects/config-with-import-error/cypress.config.js
+++ b/system-tests/projects/config-with-import-error/cypress.config.js
@@ -4,6 +4,7 @@ const webpackConfig = require('./webpack.config.js')

 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      bundler: 'webpack',
      webpackConfig,
--- a/system-tests/projects/create-react-app-configured/cypress.config.js
+++ b/system-tests/projects/create-react-app-configured/cypress.config.js
@@ -2,9 +2,10 @@ const { defineConfig } = require('cypress')

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'create-react-app',
-      bundler: 'webpack'
-    }
+      bundler: 'webpack',
+    },
  },
-})
+})
--- a/system-tests/projects/create-react-app-custom-index-html/cypress.config.js
+++ b/system-tests/projects/create-react-app-custom-index-html/cypress.config.js
@@ -1,8 +1,9 @@
 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'create-react-app',
-      bundler: 'webpack'
+      bundler: 'webpack',
    },
    indexHtmlFile: 'cypress/support/custom-component-index.html',
  },
--- a/system-tests/projects/cypress-in-cypress/cypress.config.js
+++ b/system-tests/projects/cypress-in-cypress/cypress.config.js
@@ -2,6 +2,7 @@ module.exports = {
  projectId: 'abc123',
  experimentalInteractiveRunEvents: true,
  component: {
+    experimentalSingleTabRunMode: true,
    specPattern: 'src/**/*.{spec,cy}.{js,jsx,ts,tsx}',
    supportFile: false,
    devServer: {
--- a/system-tests/projects/dev-server-invalid/cypress.config.js
+++ b/system-tests/projects/dev-server-invalid/cypress.config.js
@@ -1,6 +1,7 @@
 module.exports = {
  retries: null,
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: false,
    devServer (cypressConfig) {},
    indexHtmlFile: 'cypress/component/support/component-index.html',
--- a/system-tests/projects/missing-vite-config/cypress.config.ts
+++ b/system-tests/projects/missing-vite-config/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: false,
    devServer: {
      framework: 'react',
--- a/system-tests/projects/missing-webpack-config/cypress.config.js
+++ b/system-tests/projects/missing-webpack-config/cypress.config.js
@@ -2,6 +2,7 @@ const { defineConfig } = require('cypress')

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: false,
    devServer: {
      framework: 'react',
--- a/system-tests/projects/nextjs-configured/cypress.config.js
+++ b/system-tests/projects/nextjs-configured/cypress.config.js
@@ -3,7 +3,7 @@

 module.exports = {
  component: {
-    devServer: {}
-  }
+    experimentalSingleTabRunMode: true,
+    devServer: {},
+  },
 }
-
--- a/system-tests/projects/no-specs-custom-pattern/cypress.config.js
+++ b/system-tests/projects/no-specs-custom-pattern/cypress.config.js
@@ -1,5 +1,6 @@
 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: false,
    specPattern: 'src/specs-folder/*.cy.{js,jsx}',
    devServer: {
--- a/system-tests/projects/no-specs-vue-2/cypress.config.js
+++ b/system-tests/projects/no-specs-vue-2/cypress.config.js
@@ -1,8 +1,9 @@
 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'vue-cli',
      bundler: 'webpack',
    },
-  }
-}
+  },
+}
--- a/system-tests/projects/no-specs/cypress.config.ts
+++ b/system-tests/projects/no-specs/cypress.config.ts
@@ -1,5 +1,6 @@
 export default ({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'react',
      bundler: 'webpack',
--- a/system-tests/projects/nuxtjs-vue2-configured/cypress.config.js
+++ b/system-tests/projects/nuxtjs-vue2-configured/cypress.config.js
@@ -1,10 +1,11 @@
-const { defineConfig } = require("cypress")
-const { devServer } = require("@cypress/webpack-dev-server")
-const { getWebpackConfig } = require("nuxt")
+const { defineConfig } = require('cypress')
+const { devServer } = require('@cypress/webpack-dev-server')
+const { getWebpackConfig } = require('nuxt')

 module.exports = defineConfig({
  component: {
-    async devServer(cypressDevServerConfig, devServerConfig) {
+    experimentalSingleTabRunMode: true,
+    async devServer (cypressDevServerConfig, devServerConfig) {
      const webpackConfig = await getWebpackConfig()

      // Whenever we need to test Vue 2, make sure to add this to the
@@ -15,8 +16,8 @@ module.exports = defineConfig({
        ...webpackConfig.resolve,
        alias: {
          ...(webpackConfig.resolve?.alias ?? {}),
-          'vue': require.resolve('vue')
-        }
+          'vue': require.resolve('vue'),
+        },
      }

      return devServer({ ...cypressDevServerConfig, webpackConfig })
--- a/system-tests/projects/outdated-deps-vuecli3/cypress.config.js
+++ b/system-tests/projects/outdated-deps-vuecli3/cypress.config.js
@@ -2,6 +2,7 @@ const { defineConfig } = require("cypress");

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: false,
    devServer: {
      framework: "vue-cli",
--- a/system-tests/projects/react-vite-ts-configured/cypress.config.ts
+++ b/system-tests/projects/react-vite-ts-configured/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'react',
      bundler: 'vite',
--- a/system-tests/projects/simple-ct/cypress.config.js
+++ b/system-tests/projects/simple-ct/cypress.config.js
@@ -1,5 +1,9 @@
 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
+    // In order for Webkit to correctly exit in single tab mode, we have to disable video
+    // https://github.com/cypress-io/cypress/issues/23815
+    video: false,
    supportFile: false,
    devServer: {
      bundler: 'webpack',
--- a/system-tests/projects/svelte-vite/cypress.config.js
+++ b/system-tests/projects/svelte-vite/cypress.config.js
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'svelte',
      bundler: 'vite',
--- a/system-tests/projects/svelte-webpack/cypress.config.js
+++ b/system-tests/projects/svelte-webpack/cypress.config.js
@@ -2,6 +2,7 @@ const { defineConfig } = require('cypress')

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'svelte',
      bundler: 'webpack',
--- a/system-tests/projects/tailwind-vite/cypress.config.js
+++ b/system-tests/projects/tailwind-vite/cypress.config.js
@@ -2,6 +2,7 @@ const path = require('path')

 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'react',
      bundler: 'vite',
--- a/system-tests/projects/todos/cypress.config.js
+++ b/system-tests/projects/todos/cypress.config.js
@@ -3,6 +3,7 @@ module.exports = {
  'port': 8888,
  'projectId': 'abc123',
  'component': {
+    experimentalSingleTabRunMode: true,
    'specPattern': 'src/**/*.spec.cy.js',
    'supportFile': 'tests/_support/spec_helper.js',
    'devServer': {
--- a/system-tests/projects/vite-ct-function-api/cypress.config.js
+++ b/system-tests/projects/vite-ct-function-api/cypress.config.js
@@ -3,6 +3,7 @@ const { devServer } = require('@cypress/vite-dev-server')
 module.exports = {
  retries: null,
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: 'cypress/component/support/component.js',
    devServer (cypressConfig) {
      return devServer(cypressConfig)
--- a/system-tests/projects/vite-ct-object-api/cypress.config.js
+++ b/system-tests/projects/vite-ct-object-api/cypress.config.js
@@ -1,6 +1,7 @@
 module.exports = {
  retries: null,
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: 'cypress/component/support/component.js',
    devServer: {
      bundler: 'vite',
--- a/system-tests/projects/vue3-vite-ts-configured/cypress.config.ts
+++ b/system-tests/projects/vue3-vite-ts-configured/cypress.config.ts
@@ -2,9 +2,10 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'react',
      bundler: 'vite',
    },
  },
-})
+})
--- a/system-tests/projects/vue3-vite-ts-custom-index-html/cypress.config.ts
+++ b/system-tests/projects/vue3-vite-ts-custom-index-html/cypress.config.ts
@@ -2,10 +2,11 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      bundler: 'vite',
-      framework: 'vue'
+      framework: 'vue',
    },
-    indexHtmlFile: 'cypress/support/custom-component-index.html'
+    indexHtmlFile: 'cypress/support/custom-component-index.html',
  },
 })
--- a/system-tests/projects/vuecli5vue3-configured/cypress.config.js
+++ b/system-tests/projects/vuecli5vue3-configured/cypress.config.js
@@ -2,9 +2,10 @@ const { defineConfig } = require('cypress')

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      bundler: 'webpack',
-      framework: 'vue-cli'
-    }
+      framework: 'vue-cli',
+    },
  },
-})
+})
--- a/system-tests/projects/vueclivue2-configured/cypress.config.js
+++ b/system-tests/projects/vueclivue2-configured/cypress.config.js
@@ -1,8 +1,9 @@
 module.exports = {
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'vue-cli',
-      bundler: 'webpack'
+      bundler: 'webpack',
    },
  },
 }
--- a/system-tests/projects/vueclivue3-configured/cypress.config.js
+++ b/system-tests/projects/vueclivue3-configured/cypress.config.js
@@ -2,9 +2,10 @@ const { defineConfig } = require('cypress')

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      bundler: 'webpack',
-      framework: 'vue-cli'
+      framework: 'vue-cli',
    },
  },
-})
+})
--- a/system-tests/projects/vueclivue3-custom-index-html/cypress.config.js
+++ b/system-tests/projects/vueclivue3-custom-index-html/cypress.config.js
@@ -2,10 +2,11 @@ const { defineConfig } = require('cypress')

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      framework: 'vue-cli',
      bundler: 'webpack',
    },
    indexHtmlFile: 'cypress/support/custom-component-index.html',
  },
-})
+})
--- a/system-tests/projects/webpack-dev-server-ts/cypress.config.ts
+++ b/system-tests/projects/webpack-dev-server-ts/cypress.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'cypress'

 export default defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    devServer: {
      bundler: 'webpack',
    } as any,
--- a/system-tests/projects/webpack-dev-server/cypress.config.js
+++ b/system-tests/projects/webpack-dev-server/cypress.config.js
@@ -2,6 +2,7 @@ const { defineConfig } = require('cypress')

 module.exports = defineConfig({
  component: {
+    experimentalSingleTabRunMode: true,
    supportFile: false,
    devServer: {
      bundler: 'webpack',