ci: configure e2e target properly in order to make fix affected e2e target execution on ci

change/@fluentui-react-f5fd080f-c867-41c4-be33-6b4e115a92ce.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: configure e2e target properly in order to make fix affected e2e target execution on ci",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

change/@fluentui-web-components-6b58d04a-1f48-4aa3-ba16-e2ea9b0201de.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: configure e2e target properly in order to make fix affected e2e target execution on ci",
+  "packageName": "@fluentui/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

lage.config.js

@@ -5,6 +5,7 @@ module.exports = {
     'build:info': [],
     bundle: ['build'],
     'bundle-size': ['build'],
+    'build-storybook': [],
     // adding temporary back until import plugin rule is resolved https://github.com/microsoft/fluentui/issues/27727
     lint: ['build'],
     clean: [],
@@ -16,6 +17,8 @@ module.exports = {
     'update-snapshots': ['^update-snapshots'],
     '@fluentui/docs#build': ['@fluentui/react-northstar#build:info'],
     'verify-packaging': ['build'],
+    e2e: [],
+    '@fluentui/web-components#e2e': ['build-storybook'],
   },
 
   // Adds some ADO-specific logging commands for reporting failures

nx.json

@@ -26,6 +26,11 @@
       "inputs": ["production", "^production"],
       "cache": true
     },
+    "build-storybook": {
+      "dependsOn": [],
+      "inputs": ["default", "{workspaceRoot}/.storybook/**", "{projectRoot}/.storybook/**"],
+      "cache": true
+    },
     "generate-api": {
       "dependsOn": ["^generate-api"],
       "cache": true
@@ -46,6 +51,11 @@
     "test-ssr": {
       "cache": true
     },
+    "e2e": {
+      "dependsOn": [],
+      "cache": true,
+      "inputs": ["default", "{projectRoot}/cypress.config.ts", "!{projectRoot}/**/?(*.)+cy.[jt]s?(x)?"]
+    },
     "lint": {
       "dependsOn": ["build"],
       "cache": true,

packages/react/package.json

@@ -22,8 +22,8 @@
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
     "codepen": "node ../../scripts/executors/src/local-codepen.js",
-    "e2e": "yarn workspace @fluentui/react-examples cypress run --component",
-    "e2e:local": "yarn workspace @fluentui/react-examples cypress open --component",
+    "e2e": "yarn lage e2e --to @fluentui/react-examples --verbose",
+    "e2e:local": "yarn workspace @fluentui/react-examples e2e:local",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=3072 just-scripts dev:storybook",

packages/web-components/project.json

@@ -3,5 +3,8 @@
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "library",
   "implicitDependencies": [],
-  "tags": ["platform:web", "web-components"]
+  "tags": ["platform:web", "web-components"],
+  "targets": {
+    "e2e": { "dependsOn": ["build-storybook"] }
+  }
 }