diff --git a/apps/react-18-tests-v9/cypress.config.ts b/apps/react-18-tests-v9/cypress.config.ts
new file mode 100644
index 00000000000000..fb0afd42950113
--- /dev/null
+++ b/apps/react-18-tests-v9/cypress.config.ts
@@ -0,0 +1,3 @@
+import baseConfig from '@fluentui/scripts/cypress/cypress.config';
+
+export default baseConfig;
diff --git a/apps/react-18-tests-v9/package.json b/apps/react-18-tests-v9/package.json
index 4e896191becbed..cb22bede8c9bbe 100644
--- a/apps/react-18-tests-v9/package.json
+++ b/apps/react-18-tests-v9/package.json
@@ -10,7 +10,8 @@
     "just": "just-scripts",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
-    "start": "webpack-dev-server --mode=development --config=webpack.config.js"
+    "start": "webpack-dev-server --mode=development --config=webpack.config.js",
+    "e2e:local": "cypress open --component"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
diff --git a/apps/react-18-tests-v9/tsconfig.cy.json b/apps/react-18-tests-v9/tsconfig.cy.json
new file mode 100644
index 00000000000000..1863dfad7742db
--- /dev/null
+++ b/apps/react-18-tests-v9/tsconfig.cy.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react",
+    "isolatedModules": false,
+    "types": ["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"],
+    "lib": ["ES2019", "dom"]
+  },
+  "include": ["./src/**/*.e2e.ts", "./src/**/*.e2e.tsx"]
+}
diff --git a/apps/react-18-tests-v9/tsconfig.json b/apps/react-18-tests-v9/tsconfig.json
index 454db29b461444..302fdc40bf2bca 100644
--- a/apps/react-18-tests-v9/tsconfig.json
+++ b/apps/react-18-tests-v9/tsconfig.json
@@ -19,6 +19,9 @@
     },
     {
       "path": "./tsconfig.spec.json"
+    },
+    {
+      "path": "./tsconfig.cy.json"
     }
   ]
 }