Merge branch '10.0-release' into tgriesser/feat/improve-vite-dx

* 10.0-release:
  feat: Use plugins on config files (#18798)
  BREAKING CHANGE: trigger major bump
  BREAKING CHANGE: trigger major bump
  fix: fix cypress/package.json crasher
  fix(breaking): change circle.yml to release binary
  fix: build-prod-ui deps before build-prod packages
  feat: implement spec list tree (#18901)
  chore: adding 10.0-release to the circle.yml build script (#18926)

Author: tgriesser

circle.yml

@@ -8,6 +8,7 @@ macBuildFilters: &macBuildFilters
     branches:
       only:
         - develop
+        - 10.0-release
         - tgriesser/chore/fix-release
 
 defaults: &defaults
@@ -42,6 +43,7 @@ onlyMainBranches: &onlyMainBranches
     branches:
       only:
         - develop
+        - 10.0-release
         - tgriesser/chore/fix-release
   requires:
     - create-build-artifacts
@@ -1030,6 +1032,8 @@ jobs:
             runner-integration-tests-chrome,
             runner-ct-integration-tests-chrome,
             reporter-integration-tests,
+            run-app-integration-tests-chrome,
+            run-launchpad-integration-tests-chrome
       - run: yarn percy build:finalize
 
   cli-visual-tests:
@@ -1618,7 +1622,7 @@ jobs:
       - run:
           name: Check current branch to persist artifacts
           command: |
-            if [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "tgriesser/chore/fix-release" ]]; then
+            if [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "10.0-release" ]]; then
               echo "Not uploading artifacts or posting install comment for this branch."
               circleci-agent step halt
             fi
@@ -1912,7 +1916,21 @@ jobs:
             CYPRESS_INTERNAL_FORCE_SCAFFOLD: "1"
           command: |
             rm -rf cypress.json
-            echo 'export default {}' > cypress.config.ts
+            echo "export default {
+                    e2e: {
+                      setupNodeEvents (on, config) {
+                        on('task', {
+                          log (x) {
+                            console.log(x)
+
+                            return null
+                          },
+                        })
+
+                        return config
+                      },
+                    },
+                  }" > cypress.config.ts
       - run:
           name: Run project tests 🗳
           working_directory: <<parameters.wd>>
@@ -2310,6 +2328,7 @@ linux-workflow: &linux-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - build
@@ -2322,6 +2341,7 @@ linux-workflow: &linux-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - build
@@ -2372,6 +2392,7 @@ linux-workflow: &linux-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - create-build-artifacts
@@ -2380,6 +2401,7 @@ linux-workflow: &linux-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - create-build-artifacts
@@ -2389,6 +2411,7 @@ linux-workflow: &linux-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - create-build-artifacts
@@ -2414,6 +2437,7 @@ linux-workflow: &linux-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - create-build-artifacts
@@ -2486,6 +2510,7 @@ mac-workflow: &mac-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - darwin-create-build-artifacts
@@ -2498,6 +2523,7 @@ mac-workflow: &mac-workflow
           branches:
             only:
               - develop
+              - 10.0-release
               - tgriesser/chore/fix-release
         requires:
           - darwin-create-build-artifacts

cli/test/spec_helper.js

@@ -6,6 +6,7 @@ const mockfs = require('mock-fs')
 const Promise = require('bluebird')
 const util = require('../lib/util')
 const { MockChildProcess } = require('spawn-mock')
+
 const _kill = MockChildProcess.prototype.kill
 
 const patchMockSpawn = () => {

cli/types/cypress.d.ts

@@ -2813,6 +2813,11 @@ declare namespace Cypress {
      * An array of objects defining the certificates
      */
     clientCertificates: ClientCertificate[]
+
+     /**
+     * Handle Cypress plugins
+     */
+    setupNodeEvents: (on: PluginEvents, config: PluginConfigOptions) => Promise<PluginConfigOptions> | PluginConfigOptions
   }
 
   /**

npm/angular/cypress.config.ts

@@ -9,5 +9,6 @@ export default defineConfig({
   'component': {
     'componentFolder': 'src/app',
     'testFiles': '**/*cy-spec.ts',
+    'setupNodeEvents': require('./cypress/plugins'),
   },
 })

npm/design-system/cypress.config.js

@@ -13,4 +13,13 @@ module.exports = {
   ],
   componentFolder: 'src',
   fixturesFolder: false,
+  component: {
+    setupNodeEvents (on, config) {
+      const { startDevServer } = require('@cypress/vite-dev-server')
+
+      on('dev-server:start', (options) => startDevServer({ options }))
+
+      return config
+    },
+  },
 }

npm/design-system/cypress/plugins/index.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 module.exports = {
   'viewportWidth': 400,
   'viewportHeight': 400,
@@ -12,4 +14,70 @@ module.exports = {
     '**/__image_snapshots__/*',
   ],
   'experimentalFetchPolyfill': true,
+  'component': {
+    setupNodeEvents (on, config) {
+      const { startDevServer } = require('@cypress/webpack-dev-server')
+      const path = require('path')
+      const babelConfig = require('./babel.config.js')
+
+      const webpackConfig = {
+        resolve: {
+          extensions: ['.js', '.ts', '.jsx', '.tsx'],
+        },
+        mode: 'development',
+        devtool: false,
+        output: {
+          publicPath: '/',
+          chunkFilename: '[name].bundle.js',
+        },
+        module: {
+          rules: [
+            {
+              test: /\.(js|jsx|mjs|ts|tsx)$/,
+              loader: 'babel-loader',
+              options: { ...babelConfig, cacheDirectory: path.resolve(__dirname, '..', '..', '.babel-cache') },
+            },
+            {
+              test: /\.modules\.css$/i,
+              exclude: [/node_modules/],
+              use: [
+                'style-loader',
+                {
+                  loader: 'css-loader',
+                  options: {
+                    modules: true,
+                  },
+                },
+              ],
+            },
+            {
+              test: /\.css$/,
+              exclude: [/node_modules/, /\.modules\.css$/i],
+              use: ['style-loader', 'css-loader'],
+            },
+            {
+              // some of our examples import SVG
+              test: /\.svg$/,
+              loader: 'svg-url-loader',
+            },
+            {
+              // some of our examples import SVG
+              test: /\.svg$/,
+              loader: 'svg-url-loader',
+            },
+            {
+              test: /\.(png|jpg)$/,
+              use: ['file-loader'],
+            },
+          ],
+        },
+      }
+
+      on('dev-server:start', (options) => {
+        return startDevServer({ options, webpackConfig, disableLazyCompilation: false })
+      })
+
+      return config
+    },
+  },
 }

npm/react/cypress.config.js

@@ -4,4 +4,17 @@ module.exports = {
   'testFiles': '**/*spec.js',
   'viewportWidth': 500,
   'viewportHeight': 500,
+  'component': {
+    setupNodeEvents (on, config) {
+      // load file devServer that comes with this plugin
+      // https://github.com/bahmutov/cypress-react-unit-test#install
+      const devServer = require('@cypress/react/plugins/react-scripts')
+
+      devServer(on, config)
+
+      // IMPORTANT to return the config object
+      // with the any changed environment variables
+      return config
+    },
+  },
 }