ci: configure e2e target properly in order to make fix affected e2e t…

…arget execution on ci (microsoft#31685)

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": "martinhochel@microsoft.com",
+ "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": "martinhochel@microsoft.com",
+ "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"] }
+ }
 }