feat(cypress): make 'press' command work in cypress 13/react 17 and undo setup in r17-tests-v9 (microsoft#35107)

Author: Hotell

apps/react-17-tests-v9/config/support/commands.js

@@ -13,13 +13,7 @@ const specs = [
   path.resolve('../../packages/react-components/react-tabster/src/**/*.cy.{tsx,ts}'),
   ...excludedSpecs,
 ];
-const config = {
-  ...baseConfig,
-  component: {
-    ...baseConfig.component,
-    supportFile: path.resolve(__dirname, 'config/support/component.js'),
-  },
-};
+const config = { ...baseConfig };
 
 config.component.specPattern = specs;
 config.component.devServer.webpackConfig.resolve ??= {};

apps/react-17-tests-v9/config/support/component.js

@@ -28,3 +28,14 @@
 /**
  * Navigates to storybook story URL based on component name and story name
  */
+
+/**
+ * Press command fallback for Cypress 13 compatibility.
+ * Registers only on Cypress v13, where `cy.press` is not built-in.
+ */
+const CYPRESS_MAJOR_VERSION =
+  typeof Cypress !== 'undefined' && Cypress.version ? Number(String(Cypress.version).split('.')[0]) : undefined;
+
+if (CYPRESS_MAJOR_VERSION === 13) {
+  Cypress.Commands.add('press', /** @type {any} */ (require('cypress-real-events/commands/realPress').realPress));
+}