diff --git a/change/@fluentui-react-2f53b9f6-dfb1-4bc5-bde8-648d91f1dded.json b/change/@fluentui-react-2f53b9f6-dfb1-4bc5-bde8-648d91f1dded.json
new file mode 100644
index 0000000000000..449c13542fea4
--- /dev/null
+++ b/change/@fluentui-react-2f53b9f6-dfb1-4bc5-bde8-648d91f1dded.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Bump cypress to v10",
+  "packageName": "@fluentui/react",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-card-cb431b04-92ad-4928-ae7c-7d1fa13d8021.json b/change/@fluentui-react-card-cb431b04-92ad-4928-ae7c-7d1fa13d8021.json
new file mode 100644
index 0000000000000..10e951e2d39b7
--- /dev/null
+++ b/change/@fluentui-react-card-cb431b04-92ad-4928-ae7c-7d1fa13d8021.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Bump cypress to v10",
+  "packageName": "@fluentui/react-card",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-menu-b71dc5b0-0f29-47a4-9f8e-00e564852313.json b/change/@fluentui-react-menu-b71dc5b0-0f29-47a4-9f8e-00e564852313.json
new file mode 100644
index 0000000000000..62cbd0a63cd87
--- /dev/null
+++ b/change/@fluentui-react-menu-b71dc5b0-0f29-47a4-9f8e-00e564852313.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Bump cypress to v10",
+  "packageName": "@fluentui/react-menu",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-popover-f29a77e6-85cc-40c6-b1f8-d79ce4323ef1.json b/change/@fluentui-react-popover-f29a77e6-85cc-40c6-b1f8-d79ce4323ef1.json
new file mode 100644
index 0000000000000..54ba806ecdccd
--- /dev/null
+++ b/change/@fluentui-react-popover-f29a77e6-85cc-40c6-b1f8-d79ce4323ef1.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Bump cypress to v10",
+  "packageName": "@fluentui/react-popover",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-tabster-741540b1-91bb-4a96-9939-9c49bc6491d9.json b/change/@fluentui-react-tabster-741540b1-91bb-4a96-9939-9c49bc6491d9.json
new file mode 100644
index 0000000000000..6a992e005eb1c
--- /dev/null
+++ b/change/@fluentui-react-tabster-741540b1-91bb-4a96-9939-9c49bc6491d9.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Bump cypress to v10",
+  "packageName": "@fluentui/react-tabster",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "none"
+}
diff --git a/package.json b/package.json
index bdb9299f76f89..798097c55b10e 100644
--- a/package.json
+++ b/package.json
@@ -26,14 +26,14 @@
     "check:change": "beachball check",
     "check:modified-files": "yarn workspace @fluentui/scripts just check-for-modified-files",
     "check:affected-package": "node ./scripts/monorepo/checkIfPackagesAffected.js",
-    "check:installed-dependencies-versions": "satisfied --skip-invalid --ignore \"prettier|angular|lit|sass|@storybook/web-components|@storybook/html|@storybook/mdx2-csf|svelte|@testing-library|vue|@cypress/react\"",
+    "check:installed-dependencies-versions": "satisfied --skip-invalid --ignore \"prettier|angular|lit|sass|@storybook/web-components|@storybook/html|@storybook/mdx2-csf|svelte|@testing-library|vue|@cypress/react|cypress\"",
     "clean": "lage clean --verbose",
     "code-style": "lage code-style --verbose",
     "codepen": "cd packages/react && node ../../scripts/local-codepen.js",
     "copy-notices": "node scripts/copy-notices.js",
     "create-component": "plop --plopfile ./scripts/create-component/create-component.ts --dest . --require ./scripts/ts-node-register",
     "create-package": "plop --plopfile ./scripts/create-package/plopfile.ts --dest . --require ./scripts/ts-node-register",
-    "e2e": "lage e2e --verbose --concurrency=1 --mode run",
+    "e2e": "lage e2e --verbose --concurrency=1",
     "format": "node scripts/format.js",
     "generate-version-files": "yarn workspace @fluentui/scripts just generate-version-files",
     "graph": "node ./scripts/dependency-graph-generator/index.js",
@@ -168,7 +168,7 @@
     "copy-webpack-plugin": "8.1.0",
     "cross-env": "^5.1.4",
     "css-loader": "5.0.1",
-    "cypress": "9.5.2",
+    "cypress": "10.0.3",
     "cypress-real-events": "1.7.0",
     "cypress-storybook": "0.5.1",
     "danger": "^11.0.0",
diff --git a/packages/fluentui/e2e/cypress.config.ts b/packages/fluentui/e2e/cypress.config.ts
new file mode 100644
index 0000000000000..d41809ea5de6f
--- /dev/null
+++ b/packages/fluentui/e2e/cypress.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  video: false,
+  screenshotOnRunFailure: false,
+  e2e: {
+    specPattern: './tests/**/*.spec.ts',
+  },
+  retries: {
+    runMode: 2,
+    openMode: 0,
+  },
+});
diff --git a/packages/fluentui/e2e/cypress.json b/packages/fluentui/e2e/cypress.json
deleted file mode 100644
index a0d55aa5b318a..0000000000000
--- a/packages/fluentui/e2e/cypress.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "video": false,
-  "screenshotOnRunFailure": false,
-  "integrationFolder": "./tests",
-  "testFiles": "**.spec.ts",
-  "retries": {
-    "runMode": 2,
-    "openMode": 0
-  }
-}
diff --git a/packages/fluentui/e2e/cypress/support/index.js b/packages/fluentui/e2e/cypress/support/e2e.js
similarity index 100%
rename from packages/fluentui/e2e/cypress/support/index.js
rename to packages/fluentui/e2e/cypress/support/e2e.js
diff --git a/packages/fluentui/e2e/package.json b/packages/fluentui/e2e/package.json
index 0e47866921147..cff4211de22a9 100644
--- a/packages/fluentui/e2e/package.json
+++ b/packages/fluentui/e2e/package.json
@@ -9,8 +9,6 @@
     "@fluentui/react-northstar": "^0.63.0",
     "@fluentui/react-northstar-prototypes": "^0.63.0",
     "@types/react-router-dom": "^5.1.5",
-    "cypress": "9.5.2",
-    "cypress-real-events": "1.7.0",
     "lerna-alias": "^3.0.3-0",
     "lodash": "^4.17.15",
     "react-router-dom": "^5.2.0"
diff --git a/packages/react-components/global-context/cypress.config.ts b/packages/react-components/global-context/cypress.config.ts
new file mode 100644
index 0000000000000..4fa73ed1712ce
--- /dev/null
+++ b/packages/react-components/global-context/cypress.config.ts
@@ -0,0 +1,3 @@
+import baseConfig from '@fluentui/scripts/cypress.config';
+
+export default baseConfig;
diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json
index 63012aaa280ff..98231289948c6 100644
--- a/packages/react-components/global-context/package.json
+++ b/packages/react-components/global-context/package.json
@@ -17,7 +17,8 @@
     "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
-    "e2e": "e2e",
+    "e2e": "yarn cypress run --component",
+    "e2e:local": "yarn cypress open --component",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
diff --git a/packages/react-components/react-card/cypress.config.ts b/packages/react-components/react-card/cypress.config.ts
new file mode 100644
index 0000000000000..4fa73ed1712ce
--- /dev/null
+++ b/packages/react-components/react-card/cypress.config.ts
@@ -0,0 +1,3 @@
+import baseConfig from '@fluentui/scripts/cypress.config';
+
+export default baseConfig;
diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json
index ba255c17beb52..2a5f774c7dc20 100644
--- a/packages/react-components/react-card/package.json
+++ b/packages/react-components/react-card/package.json
@@ -17,7 +17,8 @@
     "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
-    "e2e": "e2e",
+    "e2e": "yarn cypress run --component",
+    "e2e:local": "yarn cypress open --component",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
diff --git a/packages/react-components/react-menu/cypress.config.ts b/packages/react-components/react-menu/cypress.config.ts
new file mode 100644
index 0000000000000..4fa73ed1712ce
--- /dev/null
+++ b/packages/react-components/react-menu/cypress.config.ts
@@ -0,0 +1,3 @@
+import baseConfig from '@fluentui/scripts/cypress.config';
+
+export default baseConfig;
diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json
index 6c7c9d4c071f3..6828446104087 100644
--- a/packages/react-components/react-menu/package.json
+++ b/packages/react-components/react-menu/package.json
@@ -18,7 +18,8 @@
     "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
-    "e2e": "e2e",
+    "e2e": "yarn cypress run --component",
+    "e2e:local": "yarn cypress open --component",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
diff --git a/packages/react-components/react-popover/cypress.config.ts b/packages/react-components/react-popover/cypress.config.ts
new file mode 100644
index 0000000000000..4fa73ed1712ce
--- /dev/null
+++ b/packages/react-components/react-popover/cypress.config.ts
@@ -0,0 +1,3 @@
+import baseConfig from '@fluentui/scripts/cypress.config';
+
+export default baseConfig;
diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json
index d9c156ddc49e8..e2a4737cf1301 100644
--- a/packages/react-components/react-popover/package.json
+++ b/packages/react-components/react-popover/package.json
@@ -19,7 +19,8 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "e2e": "e2e",
+    "e2e": "yarn cypress run --component",
+    "e2e:local": "yarn cypress open --component",
     "storybook": "node ../../../scripts/storybook/runner",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
diff --git a/packages/react-components/react-tabster/cypress.config.ts b/packages/react-components/react-tabster/cypress.config.ts
new file mode 100644
index 0000000000000..4fa73ed1712ce
--- /dev/null
+++ b/packages/react-components/react-tabster/cypress.config.ts
@@ -0,0 +1,3 @@
+import baseConfig from '@fluentui/scripts/cypress.config';
+
+export default baseConfig;
diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json
index ca19a344b1279..14e987876cc2f 100644
--- a/packages/react-components/react-tabster/package.json
+++ b/packages/react-components/react-tabster/package.json
@@ -15,7 +15,8 @@
     "build": "just-scripts build",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
-    "e2e": "e2e",
+    "e2e": "yarn cypress run --component",
+    "e2e:local": "yarn cypress open --component",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "storybook": "node ../../../scripts/storybook/runner",
diff --git a/packages/react-examples/cypress.config.ts b/packages/react-examples/cypress.config.ts
new file mode 100644
index 0000000000000..4fa73ed1712ce
--- /dev/null
+++ b/packages/react-examples/cypress.config.ts
@@ -0,0 +1,3 @@
+import baseConfig from '@fluentui/scripts/cypress.config';
+
+export default baseConfig;
diff --git a/packages/react/package.json b/packages/react/package.json
index 5fb10e27efeb1..92ff0f7185bca 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -21,7 +21,8 @@
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
     "codepen": "node ../../scripts/local-codepen.js",
-    "e2e": "yarn workspace @fluentui/react-examples e2e",
+    "e2e": "yarn workspace @fluentui/react-examples cypress run --component",
+    "e2e:local": "yarn workspace @fluentui/react-examples cypress open --component",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=3072 just-scripts dev:storybook",
diff --git a/scripts/beachball/tsconfig.json b/scripts/beachball/tsconfig.json
new file mode 100644
index 0000000000000..7a66af8ff112f
--- /dev/null
+++ b/scripts/beachball/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node", "jest"]
+  }
+}
diff --git a/scripts/cypress.config.ts b/scripts/cypress.config.ts
new file mode 100644
index 0000000000000..86505e4d5f928
--- /dev/null
+++ b/scripts/cypress.config.ts
@@ -0,0 +1,77 @@
+import { defineConfig } from 'cypress';
+import { Configuration } from 'webpack';
+import * as path from 'path';
+import * as fs from 'fs';
+import * as jju from 'jju';
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
+import * as applyV8WebpackConfig from './storybook/webpack.config';
+
+const isLocalRun = !process.env.DEPLOYURL;
+
+export const cypressWebpackConfig = (): Configuration => {
+  const webpackConfig: Configuration = {
+    resolve: {
+      extensions: ['.js', '.ts', '.jsx', '.tsx'],
+    },
+    mode: 'development',
+    devtool: 'eval',
+    output: {
+      publicPath: '/',
+      chunkFilename: '[name].bundle.js',
+    },
+    module: {
+      rules: [],
+    },
+  };
+
+  if (path.basename(process.cwd()) === 'react-examples') {
+    // For v8, reuse the storybook webpack config helper to add required options for building v8,
+    // including the `resolve.alias` config that's currently REQUIRED to make tests re-run when a
+    // component file in @fluentui/react is modified while running in open mode.
+    // (This is different than the v9 config because v8 doesn't use tsconfig paths, so the only way
+    // it can respond to file edits is by using `resolve.alias`, which doesn't work with esbuild.)
+    applyV8WebpackConfig(webpackConfig);
+  } else {
+    // For v9, use tsconfig paths and esbuild-loader
+    const tsConfigBasePath = path.resolve(__dirname, '../tsconfig.base.json');
+    /** @type {import("../../../tools/types").TsConfig} */
+    const tsConfigBase = jju.parse(fs.readFileSync(tsConfigBasePath).toString());
+    const tsPaths = new TsconfigPathsPlugin({
+      configFile: tsConfigBasePath,
+    });
+
+    webpackConfig.resolve.plugins = [tsPaths];
+    webpackConfig.module.rules.push({
+      test: /\.(ts|tsx)$/,
+      loader: 'esbuild-loader',
+      options: {
+        loader: 'tsx',
+        target: tsConfigBase.compilerOptions.target,
+      },
+    });
+  }
+
+  return webpackConfig;
+};
+
+export default defineConfig({
+  video: false,
+  component: {
+    specPattern: path.join(process.cwd(), '**/*.e2e.tsx'),
+    devServer: {
+      framework: 'react',
+      bundler: 'webpack',
+      webpackConfig: cypressWebpackConfig(),
+    },
+    supportFile: path.join(__dirname, './cypress/support/component.js'),
+    indexHtmlFile: path.join(__dirname, './cypress/support/component-index.html'),
+  },
+  retries: {
+    runMode: 2,
+    openMode: 0,
+  },
+  // Screenshots go under <pkg>/cypress/screenshots and can be useful to look at after failures in
+  // local headless runs (especially if the failure is specific to headless runs)
+  // screenshotOnRunFailure: isLocalRun && argv.mode === 'run',
+  fixturesFolder: path.join(__dirname, 'cypress/fixtures'),
+});
diff --git a/scripts/cypress/plugins/index.js b/scripts/cypress/plugins/index.js
deleted file mode 100644
index fd2f3bf129dc8..0000000000000
--- a/scripts/cypress/plugins/index.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************************
-// This file is used to load Cypress plugins. More info:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-// @ts-check
-const fs = require('fs');
-const jju = require('jju');
-const path = require('path');
-const { startDevServer } = require('@cypress/webpack-dev-server');
-const { TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin');
-const applyV8WebpackConfig = require('../../storybook/webpack.config');
-
-/**
- * Cypress Webpack devServer that uses esbuild-loader for speed in v9
- * (still uses ts-loader in v8)
- * @type {Cypress.PluginConfig}
- */
-module.exports = (on, config) => {
-  // Enable sourcemaps for interactive debugging (config.env.mode is defined in ../index.js)
-  const devtool = config.env.mode === 'open' ? 'eval' : false;
-
-  /** @type {import("webpack").Configuration} */
-  const webpackConfig = {
-    resolve: {
-      extensions: ['.js', '.ts', '.jsx', '.tsx'],
-    },
-    mode: 'development',
-    devtool,
-    output: {
-      publicPath: '/',
-      chunkFilename: '[name].bundle.js',
-    },
-    module: {
-      rules: [],
-    },
-  };
-
-  if (path.basename(process.cwd()) === 'react-examples') {
-    // For v8, reuse the storybook webpack config helper to add required options for building v8,
-    // including the `resolve.alias` config that's currently REQUIRED to make tests re-run when a
-    // component file in @fluentui/react is modified while running in open mode.
-    // (This is different than the v9 config because v8 doesn't use tsconfig paths, so the only way
-    // it can respond to file edits is by using `resolve.alias`, which doesn't work with esbuild.)
-    applyV8WebpackConfig(webpackConfig);
-  } else {
-    // For v9, use tsconfig paths and esbuild-loader
-    const tsConfigBasePath = path.resolve(__dirname, '../../../tsconfig.base.json');
-    /** @type {import("../../../tools/types").TsConfig} */
-    const tsConfigBase = jju.parse(fs.readFileSync(tsConfigBasePath).toString());
-    const tsPaths = new TsconfigPathsPlugin({
-      configFile: tsConfigBasePath,
-    });
-
-    webpackConfig.resolve.plugins = [tsPaths];
-    webpackConfig.module.rules.push({
-      test: /\.(ts|tsx)$/,
-      loader: 'esbuild-loader',
-      options: {
-        loader: 'tsx',
-        target: tsConfigBase.compilerOptions.target,
-      },
-    });
-  }
-
-  // Used by cypress https://github.com/cypress-io/cypress/blob/develop/npm/react/examples/webpack-options/cypress/plugins/index.js
-  // this is required to load commonjs babel plugin
-  process.env.BABEL_ENV = 'test';
-
-  /** @type {import('@cypress/webpack-dev-server').ResolvedDevServerConfig['close'] | undefined} */
-  let closeServer = undefined;
-  on('after:run', () => {
-    // Generally isn't necessary, but sometimes unexpected errors can cause the
-    // dev server to hang
-    if (closeServer) {
-      closeServer();
-    }
-  });
-
-  on('dev-server:start', options => {
-    return startDevServer({ options, webpackConfig }).then(server => {
-      closeServer = server.close;
-      return server;
-    });
-  });
-  return config;
-};
diff --git a/scripts/cypress/support/component-index.html b/scripts/cypress/support/component-index.html
new file mode 100644
index 0000000000000..eb6b4492c465c
--- /dev/null
+++ b/scripts/cypress/support/component-index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root id="__cy_root"></div>
+  </body>
+</html>
diff --git a/scripts/cypress/support/index.js b/scripts/cypress/support/component.js
similarity index 100%
rename from scripts/cypress/support/index.js
rename to scripts/cypress/support/component.js
diff --git a/scripts/gulp/plugins/gulp-cypress.ts b/scripts/gulp/plugins/gulp-cypress.ts
index b3f5396bb2a76..5c1d1f844d576 100644
--- a/scripts/gulp/plugins/gulp-cypress.ts
+++ b/scripts/gulp/plugins/gulp-cypress.ts
@@ -10,13 +10,9 @@ const cypress = (config: CypressPluginConfig) => cb => {
   process.env.NODE_ENV = 'test';
   process.env.CI = process.env.TF_BUILD ? 'true' : undefined;
 
-  const configArguments = [
-    `baseUrl=${config.serverUrl}`,
-    config.rootDir && `integrationFolder=${config.rootDir}`,
-    config.testNamePattern && `testFiles=${config.testNamePattern}`,
-  ].filter(Boolean);
+  const configArguments = [`baseUrl=${config.serverUrl}`].filter(Boolean);
 
-  const command = `./node_modules/.bin/cypress run --config ${configArguments.join(',')}`;
+  const command = `yarn cypress run --config ${configArguments.join(',')}`;
 
   console.log(command);
   return sh(command);
diff --git a/scripts/gulp/tasks/test-e2e.ts b/scripts/gulp/tasks/test-e2e.ts
index 9e7664d8d44cf..d0192b14d5904 100644
--- a/scripts/gulp/tasks/test-e2e.ts
+++ b/scripts/gulp/tasks/test-e2e.ts
@@ -40,7 +40,7 @@ task('test:e2e:run', cb => {
   const e2ePort = Number(process.env.E2E_PORT) || 8082;
   const serverUrl = `http://${serverHost}:${e2ePort}`;
 
-  return cypress({ serverUrl, rootDir: paths.e2eTests(), testNamePattern: argv.testNamePattern as string })(cb);
+  return cypress({ serverUrl })(cb);
 });
 
 task(
diff --git a/scripts/package.json b/scripts/package.json
index eba9c0054f30b..1b6a4e10e6127 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -4,8 +4,7 @@
   "private": true,
   "main": "./index.js",
   "bin": {
-    "just-scripts": "./just-scripts.js",
-    "e2e": "./cypress.js"
+    "just-scripts": "./just-scripts.js"
   },
   "scripts": {
     "build": "echo no-op",
diff --git a/scripts/tsconfig.json b/scripts/tsconfig.json
index 7238f82176cce..04a80c9b5f33f 100644
--- a/scripts/tsconfig.json
+++ b/scripts/tsconfig.json
@@ -13,5 +13,5 @@
     "types": ["node", "webpack-env"]
   },
   "include": ["."],
-  "exclude": ["./create-package/plop-templates*"]
+  "exclude": ["./create-package/plop-templates*", "cypress.config.ts"]
 }
diff --git a/tools/generators/migrate-converged-pkg/index.spec.ts b/tools/generators/migrate-converged-pkg/index.spec.ts
index f2d4b8b0eec23..c7e31a14e5780 100644
--- a/tools/generators/migrate-converged-pkg/index.spec.ts
+++ b/tools/generators/migrate-converged-pkg/index.spec.ts
@@ -744,7 +744,9 @@ describe('migrate-converged-pkg generator', () => {
 
       // package.json updates
       const packageJson: PackageJson = readJson(tree, paths.packageJson);
-      expect(packageJson.scripts).toEqual(expect.objectContaining({ e2e: 'e2e' }));
+      expect(packageJson.scripts).toEqual(
+        expect.objectContaining({ e2e: 'cypress run --component', 'e2e:local': 'cypress open --component' }),
+      );
     });
   });
 
diff --git a/tools/generators/migrate-converged-pkg/index.ts b/tools/generators/migrate-converged-pkg/index.ts
index c96a66939c764..8dd08504139fc 100644
--- a/tools/generators/migrate-converged-pkg/index.ts
+++ b/tools/generators/migrate-converged-pkg/index.ts
@@ -754,7 +754,8 @@ function setupE2E(tree: Tree, options: NormalizedSchema) {
 
   updateJson(tree, options.paths.packageJson, (json: PackageJson) => {
     json.scripts = json.scripts ?? {};
-    json.scripts.e2e = 'e2e';
+    json.scripts.e2e = 'cypress run --component';
+    json.scripts['e2e:local'] = 'cypress open --component';
 
     return json;
   });
diff --git a/yarn.lock b/yarn.lock
index 42ada4b552552..64daf6e573d91 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10017,10 +10017,10 @@ cypress-storybook@0.5.1:
   resolved "https://registry.yarnpkg.com/cypress-storybook/-/cypress-storybook-0.5.1.tgz#e71b14ecfbe16a70b9f003c8294143ef466db78f"
   integrity sha512-+CNDdcrFD3QRvHrjwpVclFpLtseyXA0NxeB3PDTheisvg/OJjLkP96t0I9R66IkZRYUUE3mLhqZpmpsv59FIIw==
 
-cypress@9.5.2:
-  version "9.5.2"
-  resolved "https://registry.yarnpkg.com/cypress/-/cypress-9.5.2.tgz#8fb6ee4a890fbc35620800810bf6fb11995927bd"
-  integrity sha512-gYiQYvJozMzDOriUV1rCt6CeRM/pRK4nhwGJj3nJQyX2BoUdTCVwp30xDMKc771HiNVhBtgj5o5/iBdVDVXQUg==
+cypress@10.0.3:
+  version "10.0.3"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-10.0.3.tgz#889b4bef863b7d1ef1b608b85b964394ad350c5f"
+  integrity sha512-8C82XTybsEmJC9POYSNITGUhMLCRwB9LadP0x33H+52QVoBjhsWvIzrI+ybCe0+TyxaF0D5/9IL2kSTgjqCB9A==
   dependencies:
     "@cypress/request" "^2.88.10"
     "@cypress/xvfb" "^1.2.4"
@@ -10054,7 +10054,7 @@ cypress@9.5.2:
     listr2 "^3.8.3"
     lodash "^4.17.21"
     log-symbols "^4.0.0"
-    minimist "^1.2.5"
+    minimist "^1.2.6"
     ospath "^1.2.2"
     pretty-bytes "^5.6.0"
     proxy-from-env "1.0.0"
@@ -18851,7 +18851,7 @@ minimist-options@^3.0.1:
     arrify "^1.0.1"
     is-plain-obj "^1.1.0"
 
-minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@~1.2.5:
+minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6, minimist@~1.2.5:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
   integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==