@nx/cypress 23.0.0-beta.24 → 23.0.0-beta.25

package/migrations.json

@@ -1,45 +1,5 @@
 {
   "generators": {
-    "set-inject-document-domain": {
-      "cli": "nx",
-      "version": "20.8.0-beta.0",
-      "requires": {
-        "cypress": ">=14.0.0"
-      },
-      "description": "Replaces the `experimentalSkipDomainInjection` configuration option with the new `injectDocumentDomain` configuration option.",
-      "implementation": "./dist/src/migrations/update-20-8-0/set-inject-document-domain",
-      "documentation": "./dist/src/migrations/update-20-8-0/set-inject-document-domain.md"
-    },
-    "remove-experimental-fetch-polyfill": {
-      "cli": "nx",
-      "version": "20.8.0-beta.0",
-      "requires": {
-        "cypress": ">=14.0.0"
-      },
-      "description": "Removes the `experimentalFetchPolyfill` configuration option.",
-      "implementation": "./dist/src/migrations/update-20-8-0/remove-experimental-fetch-polyfill",
-      "documentation": "./dist/src/migrations/update-20-8-0/remove-experimental-fetch-polyfill.md"
-    },
-    "replace-experimental-just-in-time-compile": {
-      "cli": "nx",
-      "version": "20.8.0-beta.0",
-      "requires": {
-        "cypress": ">=14.0.0"
-      },
-      "description": "Replaces the `experimentalJustInTimeCompile` configuration option with the new `justInTimeCompile` configuration option.",
-      "implementation": "./dist/src/migrations/update-20-8-0/replace-experimental-just-in-time-compile",
-      "documentation": "./dist/src/migrations/update-20-8-0/replace-experimental-just-in-time-compile.md"
-    },
-    "update-component-testing-mount-imports": {
-      "cli": "nx",
-      "version": "20.8.0-beta.0",
-      "requires": {
-        "cypress": ">=14.0.0"
-      },
-      "description": "Updates the module specifier for the Component Testing `mount` function.",
-      "implementation": "./dist/src/migrations/update-20-8-0/update-component-testing-mount-imports",
-      "documentation": "./dist/src/migrations/update-20-8-0/update-component-testing-mount-imports.md"
-    },
     "remove-tsconfig-and-copy-files-options-from-cypress-executor": {
       "version": "21.0.0-beta.10",
       "description": "Removes the `tsConfig` and `copyFiles` options from the `@nx/cypress:cypress` executor.",
@@ -95,27 +55,6 @@
     }
   },
   "packageJsonUpdates": {
-    "20.8.0": {
-      "version": "20.8.0-beta.0",
-      "x-prompt": "Do you want to update the Cypress version to v14?",
-      "requires": {
-        "cypress": ">=13.0.0 <14.0.0"
-      },
-      "packages": {
-        "cypress": {
-          "version": "^14.2.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@cypress/vite-dev-server": {
-          "version": "^6.0.3",
-          "alwaysAddToPackageJson": false
-        },
-        "@cypress/webpack-dev-server": {
-          "version": "^4.0.2",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
     "22.1.0": {
       "version": "22.1.0-beta.6",
       "x-prompt": "Do you want to update the Cypress version to v15?",

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@nx/cypress",
-  "version": "23.0.0-beta.24",
+  "version": "23.0.0-beta.25",
   "private": false,
   "type": "commonjs",
   "files": [
     "dist",
     "!dist/tsconfig.tsbuildinfo",
-    "!dist/spec",
     "migrations.json",
     "executors.json",
     "generators.json"
@@ -81,7 +80,8 @@
   "executors": "./executors.json",
   "ng-update": {
     "requirements": {},
-    "migrations": "./migrations.json"
+    "migrations": "./migrations.json",
+    "supportsOptionalUpdates": true
   },
   "dependencies": {
     "@phenomnomnominal/tsquery": "~6.2.0",
@@ -89,12 +89,12 @@
     "semver": "^7.6.3",
     "tree-kill": "^1.2.2",
     "tslib": "^2.3.0",
-    "@nx/devkit": "23.0.0-beta.24",
-    "@nx/eslint": "23.0.0-beta.24",
-    "@nx/js": "23.0.0-beta.24"
+    "@nx/devkit": "23.0.0-beta.25",
+    "@nx/eslint": "23.0.0-beta.25",
+    "@nx/js": "23.0.0-beta.25"
   },
   "devDependencies": {
-    "nx": "23.0.0-beta.24"
+    "nx": "23.0.0-beta.25"
   },
   "peerDependencies": {
     "cypress": ">= 13 < 16"

package/dist/src/migrations/update-20-8-0/remove-experimental-fetch-polyfill.d.ts

@@ -1,2 +0,0 @@
-import { type Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<void>;

package/dist/src/migrations/update-20-8-0/remove-experimental-fetch-polyfill.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/js/internal");
-const tsquery_1 = require("@phenomnomnominal/tsquery");
-const config_1 = require("../../utils/config");
-const migrations_1 = require("../../utils/migrations");
-let printer;
-let ts;
-// https://docs.cypress.io/app/references/changelog#:~:text=The%20experimentalFetchPolyfill%20configuration%20option%20was,cy.intercept()%20for%20handling%20fetch%20requests
-async function default_1(tree) {
-    for await (const { cypressConfigPath } of (0, migrations_1.cypressProjectConfigs)(tree)) {
-        if (!tree.exists(cypressConfigPath)) {
-            // cypress config file doesn't exist, so skip
-            continue;
-        }
-        ts ??= (0, internal_1.ensureTypescript)();
-        printer ??= ts.createPrinter();
-        const cypressConfig = tree.read(cypressConfigPath, 'utf-8');
-        const updatedConfig = removeExperimentalFetchPolyfill(cypressConfig);
-        tree.write(cypressConfigPath, updatedConfig);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-function removeExperimentalFetchPolyfill(cypressConfig) {
-    const config = (0, config_1.resolveCypressConfigObject)(cypressConfig);
-    if (!config) {
-        // couldn't find the config object, leave as is
-        return cypressConfig;
-    }
-    const sourceFile = (0, tsquery_1.ast)(cypressConfig);
-    const updatedConfig = ts.factory.updateObjectLiteralExpression(config, config.properties
-        // remove the experimentalFetchPolyfill property from the top level config object
-        .filter((p) => !ts.isPropertyAssignment(p) ||
-        p.name.getText() !== 'experimentalFetchPolyfill')
-        .map((p) => {
-        if (ts.isPropertyAssignment(p) &&
-            ['component', 'e2e'].includes(p.name.getText()) &&
-            ts.isObjectLiteralExpression(p.initializer)) {
-            // remove the experimentalFetchPolyfill property from the component or e2e config object
-            return ts.factory.updatePropertyAssignment(p, p.name, ts.factory.updateObjectLiteralExpression(p.initializer, p.initializer.properties.filter((ip) => !ts.isPropertyAssignment(ip) ||
-                ip.name.getText() !== 'experimentalFetchPolyfill')));
-        }
-        return p;
-    }));
-    return cypressConfig.replace(config.getText(), printer.printNode(ts.EmitHint.Unspecified, updatedConfig, sourceFile));
-}

package/dist/src/migrations/update-20-8-0/remove-experimental-fetch-polyfill.md

@@ -1,52 +0,0 @@
-#### Remove `experimentalFetchPolyfill` Configuration Option
-
-Removes the `experimentalFetchPolyfill` configuration option that was removed in Cypress v14. Read more at the [migration notes](<https://docs.cypress.io/app/references/changelog#:~:text=The%20experimentalFetchPolyfill%20configuration%20option%20was,cy.intercept()%20for%20handling%20fetch%20requests>).
-
-#### Examples
-
-##### Before
-
-```ts title="apps/app1-e2e/cypress.config.ts"
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-    experimentalFetchPolyfill: true,
-  },
-});
-```
-
-##### After
-
-```ts title="apps/app1-e2e/cypress.config.ts"
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-  },
-});
-```

package/dist/src/migrations/update-20-8-0/replace-experimental-just-in-time-compile.d.ts

@@ -1,2 +0,0 @@
-import { type Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<void>;

package/dist/src/migrations/update-20-8-0/replace-experimental-just-in-time-compile.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/devkit/internal");
-const internal_2 = require("@nx/js/internal");
-const tsquery_1 = require("@phenomnomnominal/tsquery");
-const node_path_1 = require("node:path");
-const config_1 = require("../../utils/config");
-const migrations_1 = require("../../utils/migrations");
-let printer;
-let ts;
-// https://docs.cypress.io/app/references/migration-guide#CT-Just-in-Time-Compile-changes
-async function default_1(tree) {
-    for await (const { cypressConfigPath } of (0, migrations_1.cypressProjectConfigs)(tree)) {
-        if (!tree.exists(cypressConfigPath)) {
-            // cypress config file doesn't exist, so skip
-            continue;
-        }
-        const updatedConfig = await updateCtJustInTimeCompile(tree, cypressConfigPath);
-        tree.write(cypressConfigPath, updatedConfig);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-async function updateCtJustInTimeCompile(tree, cypressConfigPath) {
-    const cypressConfig = tree.read(cypressConfigPath, 'utf-8');
-    const config = (0, config_1.resolveCypressConfigObject)(cypressConfig);
-    if (!config) {
-        // couldn't find the config object, leave as is
-        return cypressConfig;
-    }
-    if (!(0, migrations_1.getObjectProperty)(config, 'component')) {
-        // no component config, leave as is
-        return cypressConfig;
-    }
-    ts ??= (0, internal_2.ensureTypescript)();
-    printer ??= ts.createPrinter();
-    const sourceFile = (0, tsquery_1.ast)(cypressConfig);
-    let updatedConfig = config;
-    const bundler = await resolveBundler(updatedConfig, cypressConfigPath);
-    const isViteBundler = bundler === 'vite';
-    const existingJustInTimeCompileProperty = (0, migrations_1.getObjectProperty)(updatedConfig, 'experimentalJustInTimeCompile');
-    if (existingJustInTimeCompileProperty) {
-        if (isViteBundler ||
-            existingJustInTimeCompileProperty.initializer.kind ===
-                ts.SyntaxKind.TrueKeyword) {
-            // if it's using vite or it's set to true (the new default value), remove it
-            updatedConfig = (0, migrations_1.removeObjectProperty)(updatedConfig, existingJustInTimeCompileProperty);
-        }
-        else {
-            // rename to justInTimeCompile
-            updatedConfig = (0, migrations_1.updateObjectProperty)(updatedConfig, existingJustInTimeCompileProperty, { newName: 'justInTimeCompile' });
-        }
-    }
-    const componentProperty = (0, migrations_1.getObjectProperty)(updatedConfig, 'component');
-    if (componentProperty &&
-        ts.isObjectLiteralExpression(componentProperty.initializer)) {
-        const componentConfigObject = componentProperty.initializer;
-        const existingJustInTimeCompileProperty = (0, migrations_1.getObjectProperty)(componentConfigObject, 'experimentalJustInTimeCompile');
-        if (existingJustInTimeCompileProperty) {
-            if (isViteBundler ||
-                existingJustInTimeCompileProperty.initializer.kind ===
-                    ts.SyntaxKind.TrueKeyword) {
-                // if it's using vite or it's set to true (the new default value), remove it
-                updatedConfig = (0, migrations_1.updateObjectProperty)(updatedConfig, componentProperty, {
-                    newValue: (0, migrations_1.removeObjectProperty)(componentConfigObject, existingJustInTimeCompileProperty),
-                });
-            }
-            else {
-                // rename to justInTimeCompile
-                updatedConfig = (0, migrations_1.updateObjectProperty)(updatedConfig, componentProperty, {
-                    newValue: (0, migrations_1.updateObjectProperty)(componentConfigObject, existingJustInTimeCompileProperty, { newName: 'justInTimeCompile' }),
-                });
-            }
-        }
-    }
-    return cypressConfig.replace(config.getText(), printer.printNode(ts.EmitHint.Unspecified, updatedConfig, sourceFile));
-}
-async function resolveBundler(config, cypressConfigPath) {
-    const bundlerProperty = (0, tsquery_1.query)(config, 'PropertyAssignment:has(Identifier[name=component]) PropertyAssignment:has(Identifier[name=devServer]) PropertyAssignment:has(Identifier[name=bundler])')[0];
-    if (bundlerProperty) {
-        return ts.isStringLiteral(bundlerProperty.initializer)
-            ? bundlerProperty.initializer.getText().replace(/['"`]/g, '')
-            : null;
-    }
-    try {
-        // we can't statically resolve the bundler from the config, so we load the config
-        const cypressConfig = await (0, internal_1.loadConfigFile)((0, node_path_1.join)(devkit_1.workspaceRoot, cypressConfigPath));
-        return cypressConfig.component?.devServer?.bundler;
-    }
-    catch {
-        return null;
-    }
-}

package/dist/src/migrations/update-20-8-0/replace-experimental-just-in-time-compile.md

@@ -1,105 +0,0 @@
-#### Replace the `experimentalJustInTimeCompile` Configuration Option with `justInTimeCompile`
-
-Replaces the `experimentalJustInTimeCompile` configuration option with the new `justInTimeCompile` configuration option. Read more at the [migration notes](https://docs.cypress.io/app/references/migration-guide#CT-Just-in-Time-Compile-changes).
-
-#### Examples
-
-If the `experimentalJustInTimeCompile` configuration option is present and set to `true`, the migration will remove it. This is to account for the fact that JIT compilation is the default behavior in Cypress v14.
-
-##### Before
-
-```ts title="apps/app1/cypress.config.ts"
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  component: {
-    devServer: {
-      framework: 'angular',
-      bundler: 'webpack',
-    },
-    experimentalJustInTimeCompile: true,
-  },
-});
-```
-
-##### After
-
-```ts title="apps/app1/cypress.config.ts"
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  component: {
-    devServer: {
-      framework: 'angular',
-      bundler: 'webpack',
-    },
-  },
-});
-```
-
-If the `experimentalJustInTimeCompile` configuration option is set to `false` and it is using webpack, the migration will rename it to `justInTimeCompile`.
-
-##### Before
-
-```ts title="apps/app1/cypress.config.ts"
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  component: {
-    devServer: {
-      framework: 'angular',
-      bundler: 'webpack',
-    },
-    experimentalJustInTimeCompile: false,
-  },
-});
-```
-
-##### After
-
-```ts title="apps/app1/cypress.config.ts" {9}
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  component: {
-    devServer: {
-      framework: 'angular',
-      bundler: 'webpack',
-    },
-    justInTimeCompile: false,
-  },
-});
-```
-
-If the `experimentalJustInTimeCompile` configuration is set to any value and it is using Vite, the migration will remove it. This is to account for the fact that JIT compilation no longer applies to Vite.
-
-##### Before
-
-```ts title="apps/app1/cypress.config.ts"
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  component: {
-    devServer: {
-      framework: 'react',
-      bundler: 'vite',
-    },
-    experimentalJustInTimeCompile: false,
-  },
-});
-```
-
-##### After
-
-```ts title="apps/app1/cypress.config.ts"
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  component: {
-    devServer: {
-      framework: 'react',
-      bundler: 'vite',
-    },
-  },
-});
-```

package/dist/src/migrations/update-20-8-0/set-inject-document-domain.d.ts

@@ -1,2 +0,0 @@
-import { type Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<void>;

package/dist/src/migrations/update-20-8-0/set-inject-document-domain.js

@@ -1,128 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/js/internal");
-const tsquery_1 = require("@phenomnomnominal/tsquery");
-const config_1 = require("../../utils/config");
-const migrations_1 = require("../../utils/migrations");
-let printer;
-let ts;
-// https://docs.cypress.io/app/references/migration-guide#Changes-to-cyorigin
-// https://docs.cypress.io/app/references/changelog#:~:text=The%20experimentalSkipDomainInjection%20configuration%20has%20been,injectDocumentDomain%20configuration
-async function default_1(tree) {
-    for await (const { cypressConfigPath } of (0, migrations_1.cypressProjectConfigs)(tree)) {
-        if (!tree.exists(cypressConfigPath)) {
-            // cypress config file doesn't exist, so skip
-            continue;
-        }
-        ts ??= (0, internal_1.ensureTypescript)();
-        printer ??= ts.createPrinter();
-        const cypressConfig = tree.read(cypressConfigPath, 'utf-8');
-        const updatedConfig = setInjectDocumentDomain(cypressConfig);
-        tree.write(cypressConfigPath, updatedConfig);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-function setInjectDocumentDomain(cypressConfig) {
-    const config = (0, config_1.resolveCypressConfigObject)(cypressConfig);
-    if (!config) {
-        // couldn't find the config object, leave as is
-        return cypressConfig;
-    }
-    const sourceFile = (0, tsquery_1.ast)(cypressConfig);
-    let e2eProperty = (0, migrations_1.getObjectProperty)(config, 'e2e');
-    let hasOtherTopLevelProperties = config.properties.some((p) => ts.isPropertyAssignment(p) &&
-        p.name.getText() !== 'e2e' &&
-        p.name.getText() !== 'component');
-    let updatedConfig = config;
-    const topLevelExperimentalSkipDomainInjectionProperty = (0, migrations_1.getObjectProperty)(updatedConfig, 'experimentalSkipDomainInjection');
-    const topLevelSkipDomainState = !topLevelExperimentalSkipDomainInjectionProperty
-        ? 'not-set'
-        : !ts.isArrayLiteralExpression(topLevelExperimentalSkipDomainInjectionProperty.initializer) ||
-            topLevelExperimentalSkipDomainInjectionProperty.initializer.elements
-                .length > 0
-            ? 'skipping'
-            : 'not-skipping';
-    let e2eSkipDomainState = 'not-set';
-    if (e2eProperty) {
-        let experimentalSkipDomainInjectionProperty;
-        let isObjectLiteral = false;
-        if (ts.isObjectLiteralExpression(e2eProperty.initializer)) {
-            experimentalSkipDomainInjectionProperty = (0, migrations_1.getObjectProperty)(e2eProperty.initializer, 'experimentalSkipDomainInjection');
-            isObjectLiteral = true;
-        }
-        if (experimentalSkipDomainInjectionProperty) {
-            e2eSkipDomainState =
-                !ts.isArrayLiteralExpression(experimentalSkipDomainInjectionProperty.initializer) ||
-                    experimentalSkipDomainInjectionProperty.initializer.elements.length > 0
-                    ? 'skipping'
-                    : 'not-skipping';
-        }
-        if (e2eSkipDomainState === 'not-set' &&
-            topLevelSkipDomainState === 'not-set') {
-            updatedConfig = (0, migrations_1.updateObjectProperty)(updatedConfig, e2eProperty, {
-                newValue: setInjectDocumentDomainInObject(e2eProperty.initializer),
-            });
-        }
-        else if (e2eSkipDomainState === 'not-skipping') {
-            updatedConfig = (0, migrations_1.updateObjectProperty)(updatedConfig, e2eProperty, {
-                newValue: replaceExperimentalSkipDomainInjectionInObject(e2eProperty.initializer),
-            });
-        }
-        else if (e2eSkipDomainState === 'skipping') {
-            updatedConfig = (0, migrations_1.updateObjectProperty)(updatedConfig, e2eProperty, {
-                newValue: (0, migrations_1.removeObjectProperty)(
-                // we only determine that it's skipping if it's an object literal
-                e2eProperty.initializer, (0, migrations_1.getObjectProperty)(e2eProperty.initializer, 'experimentalSkipDomainInjection')),
-            });
-        }
-    }
-    if (topLevelSkipDomainState === 'not-set' &&
-        !e2eProperty &&
-        hasOtherTopLevelProperties) {
-        updatedConfig = setInjectDocumentDomainInObject(updatedConfig);
-    }
-    else if (topLevelSkipDomainState === 'not-skipping') {
-        updatedConfig =
-            replaceExperimentalSkipDomainInjectionInObject(updatedConfig);
-    }
-    else if (topLevelSkipDomainState === 'skipping') {
-        updatedConfig = (0, migrations_1.removeObjectProperty)(updatedConfig, topLevelExperimentalSkipDomainInjectionProperty);
-    }
-    return cypressConfig.replace(config.getText(), printer.printNode(ts.EmitHint.Unspecified, updatedConfig, sourceFile));
-}
-function setInjectDocumentDomainInObject(config) {
-    let configToUpdate;
-    if (ts.isObjectLiteralExpression(config)) {
-        configToUpdate = config;
-    }
-    else {
-        // spread the current expression into a new object literal
-        configToUpdate = ts.factory.createObjectLiteralExpression([
-            ts.factory.createSpreadAssignment(config),
-        ]);
-    }
-    return ts.factory.updateObjectLiteralExpression(configToUpdate, ts.factory.createNodeArray([
-        ...configToUpdate.properties,
-        getInjectDocumentDomainPropertyAssignment(),
-    ]));
-}
-function replaceExperimentalSkipDomainInjectionInObject(config) {
-    let configToUpdate;
-    if (ts.isObjectLiteralExpression(config)) {
-        configToUpdate = config;
-    }
-    else {
-        // spread the current expression into a new object literal
-        configToUpdate = ts.factory.createObjectLiteralExpression([
-            ts.factory.createSpreadAssignment(config),
-        ]);
-    }
-    return ts.factory.updateObjectLiteralExpression(configToUpdate, configToUpdate.properties.map((property) => property.name?.getText() === 'experimentalSkipDomainInjection'
-        ? getInjectDocumentDomainPropertyAssignment()
-        : property));
-}
-function getInjectDocumentDomainPropertyAssignment() {
-    return ts.addSyntheticLeadingComment(ts.addSyntheticLeadingComment(ts.factory.createPropertyAssignment(ts.factory.createIdentifier('injectDocumentDomain'), ts.factory.createTrue()), ts.SyntaxKind.SingleLineCommentTrivia, ' Please ensure you use `cy.origin()` when navigating between domains and remove this option.'), ts.SyntaxKind.SingleLineCommentTrivia, ' See https://docs.cypress.io/app/references/migration-guide#Changes-to-cyorigin');
-}

package/dist/src/migrations/update-20-8-0/set-inject-document-domain.md

@@ -1,157 +0,0 @@
-#### Set `injectDocumentDomain` Configuration Option
-
-Replaces the removed `experimentalSkipDomainInjection` configuration option with the new `injectDocumentDomain` configuration option when needed. Skipping domain injection is the default behavior in Cypress v14 and therefore, it is required to use the `cy.origin()` command when navigating between domains. The `injectDocumentDomain` option was introduced to ease the transition to v14, but it is deprecated and will be removed in Cypress v15. Read more at the [migration notes](https://docs.cypress.io/app/references/migration-guide#Changes-to-cyorigin).
-
-#### Examples
-
-If the `experimentalSkipDomainInjection` configuration option is present, the migration will remove it. This is to account for the fact that skipping domain injection is the default behavior in Cypress v14.
-
-##### Before
-
-```ts title="apps/app1-e2e/cypress.config.ts"
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-    experimentalSkipDomainInjection: ['https://example.com'],
-  },
-});
-```
-
-##### After
-
-```ts title="apps/app1-e2e/cypress.config.ts"
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-  },
-});
-```
-
-If the `experimentalSkipDomainInjection` configuration option is present and set to an empty array (no domain injection is skipped), the migration will remove it and will set the `injectDocumentDomain` option to `true`.
-
-##### Before
-
-```ts title="apps/app1-e2e/cypress.config.ts"
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-    experimentalSkipDomainInjection: [],
-  },
-});
-```
-
-##### After
-
-```ts title="apps/app1-e2e/cypress.config.ts" {17-19}
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-    // Please ensure you use `cy.origin()` when navigating between domains and remove this option.
-    // See https://docs.cypress.io/app/references/migration-guide#Changes-to-cyorigin
-    injectDocumentDomain: true,
-  },
-});
-```
-
-If the `experimentalSkipDomainInjection` configuration option is not present (no domain injection is skipped), the migration will set the `injectDocumentDomain` option to `true`.
-
-##### Before
-
-```ts title="apps/app1-e2e/cypress.config.ts"
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-  },
-});
-```
-
-##### After
-
-```ts title="apps/app1-e2e/cypress.config.ts" {17-19}
-import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
-import { defineConfig } from 'cypress';
-
-export default defineConfig({
-  e2e: {
-    ...nxE2EPreset(__filename, {
-      cypressDir: 'src',
-      bundler: 'vite',
-      webServerCommands: {
-        default: 'pnpm exec nx run app1:dev',
-        production: 'pnpm exec nx run app1:dev',
-      },
-      ciWebServerCommand: 'pnpm exec nx run app1:dev',
-      ciBaseUrl: 'http://localhost:4200',
-    }),
-    baseUrl: 'http://localhost:4200',
-    // Please ensure you use `cy.origin()` when navigating between domains and remove this option.
-    // See https://docs.cypress.io/app/references/migration-guide#Changes-to-cyorigin
-    injectDocumentDomain: true,
-  },
-});
-```

package/dist/src/migrations/update-20-8-0/update-component-testing-mount-imports.d.ts

@@ -1,2 +0,0 @@
-import { type Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<void>;

package/dist/src/migrations/update-20-8-0/update-component-testing-mount-imports.js

@@ -1,151 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/js/internal");
-const tsquery_1 = require("@phenomnomnominal/tsquery");
-const semver_1 = require("semver");
-const config_1 = require("../../utils/config");
-const migrations_1 = require("../../utils/migrations");
-let printer;
-let ts;
-async function default_1(tree) {
-    const projectGraph = await (0, devkit_1.createProjectGraphAsync)();
-    for await (const { cypressConfigPath, projectName, projectConfig, } of (0, migrations_1.cypressProjectConfigs)(tree)) {
-        if (!tree.exists(cypressConfigPath)) {
-            // cypress config file doesn't exist, so skip
-            continue;
-        }
-        ts ??= (0, internal_1.ensureTypescript)();
-        printer ??= ts.createPrinter();
-        const migrationInfo = parseMigrationInfo(tree, cypressConfigPath, projectName, projectGraph);
-        if (!migrationInfo) {
-            continue;
-        }
-        if (migrationInfo.framework === 'angular') {
-            migrateAngularFramework(tree, projectConfig, migrationInfo.isLegacyVersion);
-        }
-        else if (migrationInfo.framework === 'react') {
-            migrateReactFramework(tree, projectConfig);
-        }
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-function parseMigrationInfo(tree, cypressConfigPath, projectName, projectGraph) {
-    const cypressConfig = tree.read(cypressConfigPath, 'utf-8');
-    const config = (0, config_1.resolveCypressConfigObject)(cypressConfig);
-    if (!config) {
-        // couldn't find the config object, leave as is
-        return null;
-    }
-    if (!(0, migrations_1.getObjectProperty)(config, 'component')) {
-        // no component config, leave as is
-        return null;
-    }
-    const framework = resolveFramework(cypressConfig, config, projectName, projectGraph);
-    if (framework === 'react') {
-        return { framework: 'react' };
-    }
-    if (framework === 'angular') {
-        const angularCoreDep = projectGraph.dependencies[projectName].find((d) => 
-        // account for possible different versions of angular core
-        d.target.startsWith('npm:@angular/core'));
-        if (angularCoreDep) {
-            const angularVersion = projectGraph.externalNodes?.[angularCoreDep.target]?.data?.version;
-            if ((0, semver_1.valid)(angularVersion) && (0, semver_1.lt)(angularVersion, '17.2.0')) {
-                return {
-                    framework: 'angular',
-                    isLegacyVersion: true,
-                };
-            }
-        }
-        return {
-            framework: 'angular',
-            isLegacyVersion: false,
-        };
-    }
-    return null;
-}
-function resolveFramework(cypressConfig, config, projectName, projectGraph) {
-    const frameworkProperty = (0, tsquery_1.query)(config, 'PropertyAssignment:has(Identifier[name=component]) PropertyAssignment:has(Identifier[name=devServer]) PropertyAssignment:has(Identifier[name=framework])')[0];
-    if (frameworkProperty) {
-        return ts.isStringLiteral(frameworkProperty.initializer)
-            ? frameworkProperty.initializer.getText().replace(/['"`]/g, '')
-            : null;
-    }
-    // component might be assigned to an Nx preset function call, so we try to
-    // infer the framework from the Nx preset import
-    const sourceFile = (0, tsquery_1.ast)(cypressConfig);
-    const nxPresetModuleSpecifiers = [
-        '@nx/angular/plugins/component-testing',
-        '@nx/react/plugins/component-testing',
-        '@nx/next/plugins/component-testing',
-        '@nx/remix/plugins/component-testing',
-    ];
-    const nxPresetImportModuleSpecifier = sourceFile.statements
-        .find((s) => ts.isImportDeclaration(s) &&
-        nxPresetModuleSpecifiers.includes(s.moduleSpecifier.getText().replace(/['"`]/g, '')))
-        ?.moduleSpecifier.getText()
-        .replace(/['"`]/g, '');
-    if (nxPresetImportModuleSpecifier) {
-        const plugin = nxPresetImportModuleSpecifier.split('/').at(1);
-        return plugin === 'angular' ? 'angular' : 'react';
-    }
-    // it might be set to something else, so we fall back to checking the
-    // project dependencies
-    if (projectGraph.dependencies[projectName]?.some((d) => d.target.startsWith('npm:@angular/core'))) {
-        return 'angular';
-    }
-    if (projectGraph.dependencies[projectName]?.some((d) => d.target.startsWith('npm:react') || d.target.startsWith('npm:next'))) {
-        return 'react';
-    }
-    return null;
-}
-// https://docs.cypress.io/app/references/migration-guide#Angular-1720-CT-no-longer-supported
-function migrateAngularFramework(tree, projectConfig, isLegacyVersion) {
-    (0, devkit_1.visitNotIgnoredFiles)(tree, projectConfig.root, (filePath) => {
-        if (!isJsTsFile(filePath)) {
-            return;
-        }
-        const content = tree.read(filePath, 'utf-8');
-        let updatedFileContent;
-        if (isLegacyVersion) {
-            let needPackage = false;
-            updatedFileContent = (0, tsquery_1.replace)(content, 'ImportDeclaration', importTransformerFactory(content, 'cypress/angular', '@cypress/angular', () => {
-                needPackage = true;
-            }));
-            if (needPackage) {
-                (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@cypress/angular': '^2.1.0' }, undefined, true);
-            }
-        }
-        else {
-            updatedFileContent = (0, tsquery_1.replace)(content, 'ImportDeclaration', importTransformerFactory(content, 'cypress/angular-signals', 'cypress/angular'));
-        }
-        tree.write(filePath, updatedFileContent);
-    });
-}
-// https://docs.cypress.io/app/references/migration-guide#React-18-CT-no-longer-supported
-function migrateReactFramework(tree, projectConfig) {
-    (0, devkit_1.visitNotIgnoredFiles)(tree, projectConfig.root, (filePath) => {
-        if (!isJsTsFile(filePath)) {
-            return;
-        }
-        const content = tree.read(filePath, 'utf-8');
-        const updatedContent = (0, tsquery_1.replace)(content, 'ImportDeclaration', importTransformerFactory(content, 'cypress/react18', 'cypress/react'));
-        tree.write(filePath, updatedContent);
-    });
-}
-function importTransformerFactory(fileContent, sourceModuleSpecifier, targetModuleSpecifier, matchImportCallback) {
-    return (node) => {
-        if (node.moduleSpecifier.getText().replace(/['"`]/g, '') ===
-            sourceModuleSpecifier) {
-            matchImportCallback?.();
-            const updatedImport = ts.factory.updateImportDeclaration(node, node.modifiers, node.importClause, ts.factory.createStringLiteral(targetModuleSpecifier), node.attributes);
-            return printer.printNode(ts.EmitHint.Unspecified, updatedImport, (0, tsquery_1.ast)(fileContent));
-        }
-        return node.getText();
-    };
-}
-function isJsTsFile(filePath) {
-    return /\.[cm]?[jt]sx?$/.test(filePath);
-}

package/dist/src/migrations/update-20-8-0/update-component-testing-mount-imports.md

@@ -1,134 +0,0 @@
-#### Update Component Testing `mount` Imports
-
-Updates the relevant module specifiers when importing the `mount` function and using the Angular or React frameworks. Read more at the [Angular migration notes](https://docs.cypress.io/app/references/migration-guide#Angular-1720-CT-no-longer-supported) and the [React migration notes](https://docs.cypress.io/app/references/migration-guide#React-18-CT-no-longer-supported).
-
-#### Examples
-
-If using the Angular framework with a version greater than or equal to v17.2.0 and importing the `mount` function from the `cypress/angular-signals` module, the migration will update the import to use the `cypress/angular` module.
-
-##### Before
-
-```ts title="apps/app1/cypress/support/component.ts"
-import { mount } from 'cypress/angular-signals';
-import './commands';
-
-declare global {
-  namespace Cypress {
-    interface Chainable<Subject> {
-      mount: typeof mount;
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount);
-```
-
-##### After
-
-```ts title="apps/app1/cypress/support/component.ts" {1}
-import { mount } from 'cypress/angular';
-import './commands';
-
-declare global {
-  namespace Cypress {
-    interface Chainable<Subject> {
-      mount: typeof mount;
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount);
-```
-
-If using the Angular framework with a version lower than v17.2.0 and importing the `mount` function from the `cypress/angular` module, the migration will install the `@cypress/angular@2` package and update the import to use the `@cypress/angular` module.
-
-##### Before
-
-```json title="package.json"
-{
-  "name": "@my-repo/source",
-  "dependencies": {
-    ...
-    "cypress": "^14.2.1"
-  }
-}
-```
-
-```ts title="apps/app1/cypress/support/component.ts"
-import { mount } from 'cypress/angular';
-import './commands';
-
-declare global {
-  namespace Cypress {
-    interface Chainable<Subject> {
-      mount: typeof mount;
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount);
-```
-
-##### After
-
-```json title="package.json" {6}
-{
-  "name": "@my-repo/source",
-  "dependencies": {
-    ...
-    "cypress": "^14.2.1",
-    "@cypress/angular": "^2.1.0"
-  }
-}
-```
-
-```ts title="apps/app1/cypress/support/component.ts" {1}
-import { mount } from '@cypress/angular';
-import './commands';
-
-declare global {
-  namespace Cypress {
-    interface Chainable<Subject> {
-      mount: typeof mount;
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount);
-```
-
-If using the React framework and importing the `mount` function from the `cypress/react18` module, the migration will update the import to use the `cypress/react` module.
-
-##### Before
-
-```ts title="apps/app1/cypress/support/component.ts"
-import { mount } from 'cypress/react18';
-import './commands';
-
-declare global {
-  namespace Cypress {
-    interface Chainable<Subject> {
-      mount: typeof mount;
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount);
-```
-
-##### After
-
-```ts title="apps/app1/cypress/support/component.ts" {1}
-import { mount } from 'cypress/react';
-import './commands';
-
-declare global {
-  namespace Cypress {
-    interface Chainable<Subject> {
-      mount: typeof mount;
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount);
-```