e2e(react-18-tests-v8): setup cypress webpack to use v8 TS path alias…

…es in order to work without build step (microsoft#32177)

apps/react-18-tests-v8/cypress.config.ts

@@ -1,3 +1,11 @@
+import * as path from 'node:path';
 import { baseConfig } from '@fluentui/scripts-cypress';
+const { registerTsPaths } = require('@fluentui/scripts-storybook');
 
-export default baseConfig;
+const tsConfigPath = path.resolve(__dirname, '../../tsconfig.base.v8.json');
+
+const config = { ...baseConfig };
+
+registerTsPaths({ config: config.component.devServer.webpackConfig, configFile: tsConfigPath });
+
+export default config;

apps/react-18-tests-v8/package.json

@@ -18,7 +18,8 @@
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-jest": "*",
     "@fluentui/scripts-tasks": "*",
-    "@fluentui/scripts-webpack": "*"
+    "@fluentui/scripts-webpack": "*",
+    "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
     "@fluentui/react": "*",

apps/react-18-tests-v8/tsconfig.json

@@ -9,6 +9,7 @@
     "jsx": "react",
     "noUnusedLocals": true,
     "preserveConstEnums": true,
+    "experimentalDecorators": true,
     "skipLibCheck": true
   },
   "include": [],