@nx/cypress 16.0.0-beta.1

package/src/generators/convert-tslint-to-eslint/schema.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "cypress-convert-tslint-to-eslint",
+  "cli": "nx",
+  "title": "Convert a Cypress project from TSLint to ESLint",
+  "description": "Convert a Cypress project from TSLint to ESLint.\n_NOTE: Does not work in `--dry-run` mode_.",
+  "examples": [
+    {
+      "command": "nx g convert-tslint-to-eslint myapp",
+      "description": "Convert the Cypress project `myapp` from TSLint to ESLint."
+    }
+  ],
+  "type": "object",
+  "properties": {
+    "project": {
+      "description": "The name of the Cypress project to convert.",
+      "type": "string",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "Which Cypress project would you like to convert from TSLint to ESLint?"
+    },
+    "ignoreExistingTslintConfig": {
+      "type": "boolean",
+      "description": "If true we will not use existing TSLint config as a reference, we will just reset the project with the latest recommended ESLint config.",
+      "default": false,
+      "x-prompt": "Would you like to ignore the existing TSLint config? Recommended if the TSLint config has not been altered much as it makes the new ESLint config cleaner."
+    },
+    "removeTSLintIfNoMoreTSLintTargets": {
+      "type": "boolean",
+      "description": "If this conversion leaves no more TSLint usage in the workspace, it will remove TSLint and related dependencies and configuration.",
+      "default": true,
+      "x-prompt": "Would you like to remove TSLint and its related config if there are no TSLint projects remaining after this conversion?"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files.",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "required": ["project"]
+}

package/src/generators/cypress-component-project/cypress-component-project.d.ts

@@ -0,0 +1,4 @@
+import { ProjectConfiguration, Tree } from '@nx/devkit';
+import { CypressComponentProjectSchema } from './schema';
+export declare function cypressComponentProject(tree: Tree, options: CypressComponentProjectSchema): Promise<() => void>;
+export declare function updateTsConfigForComponentTesting(tree: Tree, projectConfig: ProjectConfiguration): void;

package/src/generators/cypress-component-project/cypress-component-project.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateTsConfigForComponentTesting = exports.cypressComponentProject = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const cypress_version_1 = require("../../utils/cypress-version");
+const versions_1 = require("../../utils/versions");
+function cypressComponentProject(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const cyVersion = (0, cypress_version_1.installedCypressVersion)();
+        if (cyVersion && cyVersion < 10) {
+            throw new Error('Cypress version of 10 or higher is required to use component testing. See the migration guide to upgrade. https://nx.dev/cypress/v10-migration-guide');
+        }
+        const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+        const installDepsTask = updateDeps(tree, options);
+        addProjectFiles(tree, projectConfig, options);
+        addTargetToProject(tree, projectConfig, options);
+        updateNxJsonConfiguration(tree);
+        updateTsConfigForComponentTesting(tree, projectConfig);
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+        return () => {
+            installDepsTask();
+        };
+    });
+}
+exports.cypressComponentProject = cypressComponentProject;
+function updateDeps(tree, options) {
+    const devDeps = {
+        cypress: versions_1.cypressVersion,
+    };
+    if (options.bundler === 'vite') {
+        devDeps['@cypress/vite-dev-server'] = versions_1.cypressViteDevServerVersion;
+    }
+    else {
+        devDeps['@cypress/webpack-dev-server'] = versions_1.cypressWebpackVersion;
+        devDeps['html-webpack-plugin'] = versions_1.htmlWebpackPluginVersion;
+    }
+    return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, devDeps);
+}
+function addProjectFiles(tree, projectConfig, options) {
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), projectConfig.root, Object.assign(Object.assign({}, options), { projectRoot: projectConfig.root, offsetFromRoot: (0, devkit_1.offsetFromRoot)(projectConfig.root), ext: '' }));
+}
+function addTargetToProject(tree, projectConfig, options) {
+    projectConfig.targets['component-test'] = {
+        executor: '@nrwl/cypress:cypress',
+        options: {
+            cypressConfig: (0, devkit_1.joinPathFragments)(projectConfig.root, 'cypress.config.ts'),
+            testingType: 'component',
+        },
+    };
+    (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
+}
+function updateNxJsonConfiguration(tree) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _m, _o;
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    nxJson.tasksRunnerOptions = Object.assign(Object.assign({}, nxJson === null || nxJson === void 0 ? void 0 : nxJson.tasksRunnerOptions), { default: Object.assign(Object.assign({}, (_a = nxJson === null || nxJson === void 0 ? void 0 : nxJson.tasksRunnerOptions) === null || _a === void 0 ? void 0 : _a.default), { options: Object.assign(Object.assign({}, (_c = (_b = nxJson === null || nxJson === void 0 ? void 0 : nxJson.tasksRunnerOptions) === null || _b === void 0 ? void 0 : _b.default) === null || _c === void 0 ? void 0 : _c.options), { cacheableOperations: Array.from(new Set([
+                    ...((_g = (_f = (_e = (_d = nxJson === null || nxJson === void 0 ? void 0 : nxJson.tasksRunnerOptions) === null || _d === void 0 ? void 0 : _d.default) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.cacheableOperations) !== null && _g !== void 0 ? _g : []),
+                    'component-test',
+                ])) }) }) });
+    if (nxJson.namedInputs) {
+        (_h = nxJson.targetDefaults) !== null && _h !== void 0 ? _h : (nxJson.targetDefaults = {});
+        const productionFileSet = (_j = nxJson.namedInputs) === null || _j === void 0 ? void 0 : _j.production;
+        if (productionFileSet) {
+            nxJson.namedInputs.production = Array.from(new Set([
+                ...productionFileSet,
+                '!{projectRoot}/cypress/**/*',
+                '!{projectRoot}/**/*.cy.[jt]s?(x)',
+                '!{projectRoot}/cypress.config.[jt]s',
+            ]));
+        }
+        (_k = (_m = nxJson.targetDefaults)['component-test']) !== null && _k !== void 0 ? _k : (_m['component-test'] = {});
+        (_l = (_o = nxJson.targetDefaults['component-test']).inputs) !== null && _l !== void 0 ? _l : (_o.inputs = [
+            'default',
+            productionFileSet ? '^production' : '^default',
+        ]);
+    }
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+}
+function updateTsConfigForComponentTesting(tree, projectConfig) {
+    const tsConfigPath = (0, devkit_1.joinPathFragments)(projectConfig.root, projectConfig.projectType === 'library'
+        ? 'tsconfig.lib.json'
+        : 'tsconfig.app.json');
+    if (tree.exists(tsConfigPath)) {
+        (0, devkit_1.updateJson)(tree, tsConfigPath, (json) => {
+            const excluded = new Set([
+                ...(json.exclude || []),
+                'cypress/**/*',
+                'cypress.config.ts',
+                '**/*.cy.ts',
+                '**/*.cy.js',
+                '**/*.cy.tsx',
+                '**/*.cy.jsx',
+            ]);
+            json.exclude = Array.from(excluded);
+            return json;
+        });
+    }
+    const projectBaseTsConfig = (0, devkit_1.joinPathFragments)(projectConfig.root, 'tsconfig.json');
+    if (tree.exists(projectBaseTsConfig)) {
+        (0, devkit_1.updateJson)(tree, projectBaseTsConfig, (json) => {
+            if (json.references) {
+                const hasCyTsConfig = json.references.some((r) => r.path === './cypress/tsconfig.cy.json');
+                if (!hasCyTsConfig) {
+                    json.references.push({ path: './cypress/tsconfig.cy.json' });
+                }
+            }
+            else {
+                const excluded = new Set([
+                    ...(json.exclude || []),
+                    'cypress/**/*',
+                    'cypress.config.ts',
+                    '**/*.cy.ts',
+                    '**/*.cy.js',
+                    '**/*.cy.tsx',
+                    '**/*.cy.jsx',
+                ]);
+                json.exclude = Array.from(excluded);
+            }
+            return json;
+        });
+    }
+}
+exports.updateTsConfigForComponentTesting = updateTsConfigForComponentTesting;
+//# sourceMappingURL=cypress-component-project.js.map

package/src/generators/cypress-component-project/cypress-component-project.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cypress-component-project.js","sourceRoot":"","sources":["../../../../../../packages/cypress/src/generators/cypress-component-project/cypress-component-project.ts"],"names":[],"mappings":"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"}

package/src/generators/cypress-component-project/files/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

package/src/generators/cypress-component-project/files/cypress/support/commands.ts__ext__

@@ -0,0 +1,34 @@
+/// <reference types="cypress" />
+// ***********************************************
+// This example commands.ts shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+
+// eslint-disable-next-line @typescript-eslint/no-namespace
+  declare namespace Cypress {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    interface Chainable<Subject> {
+      login(email: string, password: string): void;
+    }
+  }
+//
+// -- This is a parent command --
+    Cypress.Commands.add('login', (email, password) => {
+      console.log('Custom command example: Login', email, password);
+    });
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

package/src/generators/cypress-component-project/files/cypress/support/component-index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title><%= project %> Components App</title>
+
+</head>
+<body>
+  <div data-cy-root></div>
+</body>
+</html>

package/src/generators/cypress-component-project/files/cypress/support/component.ts__ext__

@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example support/component.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.ts using ES2015 syntax:
+import './commands';

package/src/generators/cypress-component-project/files/cypress/tsconfig.cy.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= offsetFromRoot %>../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["cypress", "node"]
+  },
+  "include": [
+    "support/**/*.ts",
+    "../cypress.config.ts",
+    "../**/*.cy.ts",
+    "../**/*.cy.tsx",
+    "../**/*.cy.js",
+    "../**/*.cy.jsx",
+    "../**/*.d.ts"
+  ]
+}

package/src/generators/cypress-component-project/files/cypress.config.ts__ext__

@@ -0,0 +1,3 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({});

package/src/generators/cypress-component-project/schema.d.ts

@@ -0,0 +1,5 @@
+export interface CypressComponentProjectSchema {
+  project: string;
+  skipFormat: boolean;
+  bundler?: 'webpack' | 'vite';
+}

package/src/generators/cypress-component-project/schema.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxCypressComponentProject",
+  "cli": "nx",
+  "title": "Set up Cypress component testing for a project",
+  "description": "Set up Cypress component test for a project.",
+  "type": "object",
+  "examples": [
+    {
+      "command": "nx g @nrwl/cypress:cypress-component-project --project=my-cool-lib ",
+      "description": "Add cypress component testing to an existing project named my-cool-lib"
+    }
+  ],
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project to add cypress component testing to",
+      "$default": {
+        "$source": "projectName"
+      },
+      "x-prompt": "What project should we add Cypress component testing to?"
+    },
+    "bundler": {
+      "description": "The Cypress bundler to use.",
+      "type": "string",
+      "enum": ["vite", "webpack"],
+      "x-prompt": "Which Cypress bundler do you want to use for the dev-server?",
+      "default": "webpack"
+    }
+  },
+  "required": ["project"],
+  "examplesFile": "../../../docs/cypress-component-project-examples.md"
+}

package/src/generators/cypress-e2e-configuration/cypress-e2e-configuration.d.ts

@@ -0,0 +1,18 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { Linter } from '@nx/linter';
+export interface CypressE2EConfigSchema {
+    project: string;
+    baseUrl?: string;
+    directory?: string;
+    js?: boolean;
+    skipFormat?: boolean;
+    setParserOptionsProject?: boolean;
+    skipPackageJson?: boolean;
+    bundler?: 'webpack' | 'vite' | 'none';
+    devServerTarget?: string;
+    linter?: Linter;
+    port?: number | 'cypress-auto';
+}
+export declare function cypressE2EConfigurationGenerator(tree: Tree, options: CypressE2EConfigSchema): Promise<GeneratorCallback>;
+export default cypressE2EConfigurationGenerator;
+export declare const compat: (generatorOptions: CypressE2EConfigSchema) => (tree: any, context: any) => Promise<any>;

package/src/generators/cypress-e2e-configuration/cypress-e2e-configuration.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.compat = exports.cypressE2EConfigurationGenerator = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const linter_1 = require("@nx/linter");
+const path_1 = require("path");
+const add_linter_1 = require("../../utils/add-linter");
+const cypress_version_1 = require("../../utils/cypress-version");
+const versions_1 = require("../../utils/versions");
+const init_1 = require("../init/init");
+function cypressE2EConfigurationGenerator(tree, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const opts = normalizeOptions(tree, options);
+        const tasks = [];
+        if (!(0, cypress_version_1.installedCypressVersion)()) {
+            tasks.push(yield (0, init_1.default)(tree, opts));
+        }
+        if (opts.bundler === 'vite') {
+            tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { vite: versions_1.viteVersion }));
+        }
+        addFiles(tree, opts);
+        addTarget(tree, opts);
+        (0, add_linter_1.addLinterToCyProject)(tree, Object.assign(Object.assign({}, opts), { cypressDir: opts.directory }));
+        if (!opts.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+        return (0, devkit_1.runTasksInSerial)(...tasks);
+    });
+}
+exports.cypressE2EConfigurationGenerator = cypressE2EConfigurationGenerator;
+function normalizeOptions(tree, options) {
+    var _a, _b, _c, _d, _e;
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    if ((_a = projectConfig === null || projectConfig === void 0 ? void 0 : projectConfig.targets) === null || _a === void 0 ? void 0 : _a.e2e) {
+        throw new Error(`Project ${options.project} already has an e2e target.
+Rename or remove the existing e2e target.`);
+    }
+    if (!options.baseUrl &&
+        !options.devServerTarget &&
+        !projectConfig.targets.serve) {
+        throw new Error(`The project ${options.project} does not have a 'serve' target.
+In this case you need to provide a devServerTarget,'<projectName>:<targetName>[:<configName>]', or a baseUrl option`);
+    }
+    (_b = options.directory) !== null && _b !== void 0 ? _b : (options.directory = 'src');
+    if (tree.exists((0, devkit_1.joinPathFragments)(projectConfig.root, options.directory))) {
+        throw new Error(`The project, ${options.project}, already has a '${options.directory}' directory.
+This most likely means you already have Cypress setup in this project.
+Make sure Cypress is not already setup in this project and try again.`);
+    }
+    const cyVersion = (0, cypress_version_1.installedCypressVersion)();
+    const cyFile = cyVersion && cyVersion < 10 ? 'cypress.json' : 'cypress.config.ts';
+    if (tree.exists((0, devkit_1.joinPathFragments)(projectConfig.root, cyFile))) {
+        throw new Error(`The project, ${options.project}, already has a '${cyFile}' file.
+This means that Cypress is already setup in this project.
+If you want to re-add Cypress to this project, remove the '${(0, devkit_1.joinPathFragments)(projectConfig.root, cyFile)}' file and try again.`);
+    }
+    return Object.assign(Object.assign({}, options), { bundler: (_c = options.bundler) !== null && _c !== void 0 ? _c : 'webpack', rootProject: projectConfig.root === '.', linter: (_d = options.linter) !== null && _d !== void 0 ? _d : linter_1.Linter.EsLint, devServerTarget: (_e = options.devServerTarget) !== null && _e !== void 0 ? _e : (projectConfig.targets.serve ? `${options.project}:serve` : undefined) });
+}
+function addFiles(tree, options) {
+    var _a;
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    const cyVersion = (0, cypress_version_1.installedCypressVersion)();
+    const filesToUse = cyVersion && cyVersion < 10 ? 'v9' : 'v10';
+    const hasTsConfig = tree.exists((0, devkit_1.joinPathFragments)(projectConfig.root, 'tsconfig.json'));
+    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files', filesToUse), projectConfig.root, Object.assign(Object.assign({}, options), { dir: (_a = options.directory) !== null && _a !== void 0 ? _a : 'src', 
+        // create a tsconfig.cy.json if there is an existing tsconfig. aka being added to a new project
+        ext: options.js ? 'js' : 'ts', offsetFromRoot: (0, devkit_1.offsetFromRoot)(projectConfig.root), tsFileExt: hasTsConfig ? '.cy.json' : '.json', tsConfigPath: hasTsConfig
+            ? './tsconfig.json'
+            : (0, js_1.getRelativePathToRootTsConfig)(tree, projectConfig.root), tmpl: '' }));
+    if (hasTsConfig) {
+        (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(projectConfig.root, 'tsconfig.json'), (json) => {
+            json.references = json.references || [];
+            json.references.push({
+                path: './tsconfig.cy.json',
+            });
+            return json;
+        });
+    }
+    if (cyVersion && cyVersion < 7) {
+        (0, devkit_1.updateJson)(tree, (0, path_1.join)(projectConfig.root, 'cypress.json'), (json) => {
+            json.pluginsFile = './src/plugins/index';
+            return json;
+        });
+    }
+    else if (cyVersion < 10) {
+        const pluginPath = (0, path_1.join)(projectConfig.root, 'src/plugins/index.js');
+        if (tree.exists(pluginPath)) {
+            tree.delete(pluginPath);
+        }
+    }
+    if (options.js) {
+        (0, devkit_1.toJS)(tree);
+    }
+}
+function addTarget(tree, opts) {
+    var _a;
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, opts.project);
+    const cyVersion = (0, cypress_version_1.installedCypressVersion)();
+    projectConfig.targets.e2e = {
+        executor: '@nrwl/cypress:cypress',
+        options: {
+            cypressConfig: (0, devkit_1.joinPathFragments)(projectConfig.root, cyVersion && cyVersion < 10 ? 'cypress.json' : 'cypress.config.ts'),
+            testingType: 'e2e',
+        },
+    };
+    if (opts.baseUrl) {
+        projectConfig.targets.e2e.options = Object.assign(Object.assign({}, projectConfig.targets.e2e.options), { baseUrl: opts.baseUrl });
+    }
+    else if (opts.devServerTarget) {
+        const parsedTarget = (0, devkit_1.parseTargetString)(opts.devServerTarget);
+        projectConfig.targets.e2e.options = Object.assign(Object.assign({}, projectConfig.targets.e2e.options), { devServerTarget: opts.devServerTarget, port: opts.port });
+        projectConfig.targets.e2e.configurations = {
+            [parsedTarget.configuration || 'production']: {
+                devServerTarget: `${opts.devServerTarget}${parsedTarget.configuration ? '' : ':production'}`,
+            },
+        };
+        const devServerProjectConfig = (0, devkit_1.readProjectConfiguration)(tree, parsedTarget.project);
+        if ((_a = devServerProjectConfig.targets) === null || _a === void 0 ? void 0 : _a['serve-static']) {
+            projectConfig.targets.e2e.configurations.ci = {
+                devServerTarget: `${parsedTarget.project}:serve-static`,
+            };
+        }
+    }
+    else {
+        throw new Error('Either baseUrl or devServerTarget must be provided');
+    }
+    (0, devkit_1.updateProjectConfiguration)(tree, opts.project, projectConfig);
+}
+exports.default = cypressE2EConfigurationGenerator;
+exports.compat = (0, devkit_1.convertNxGenerator)(cypressE2EConfigurationGenerator);
+//# sourceMappingURL=cypress-e2e-configuration.js.map

package/src/generators/cypress-e2e-configuration/cypress-e2e-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cypress-e2e-configuration.js","sourceRoot":"","sources":["../../../../../../packages/cypress/src/generators/cypress-e2e-configuration/cypress-e2e-configuration.ts"],"names":[],"mappings":"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"}

package/src/generators/cypress-e2e-configuration/files/v10/__dir__/e2e/app.cy.ts__tmpl__

@@ -0,0 +1,13 @@
+import { getGreeting } from '../support/app.po';
+
+describe('<%= project %>', () => {
+  beforeEach(() => cy.visit('/'));
+
+  it('should display welcome message', () => {
+    // Custom command example, see `../support/commands.ts` file
+    cy.login('my-email@something.com', 'myPassword');
+
+    // Function helper example, see `../support/app.po.ts` file
+    getGreeting().contains(/Welcome/);
+  });
+});

package/src/generators/cypress-e2e-configuration/files/v10/__dir__/fixtures/example.json__tmpl__

@@ -0,0 +1,4 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io"
+}

package/src/generators/cypress-e2e-configuration/files/v10/__dir__/support/app.po.ts__tmpl__

@@ -0,0 +1 @@
+export const getGreeting = () => cy.get('h1');

package/src/generators/cypress-e2e-configuration/files/v10/__dir__/support/commands.ts__tmpl__

@@ -0,0 +1,33 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+<% if (linter === 'eslint') { %>
+// eslint-disable-next-line @typescript-eslint/no-namespace<% } %>
+declare namespace Cypress {<% if (linter === 'eslint') { %>
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars<% } %>
+  interface Chainable<Subject> {
+    login(email: string, password: string): void;
+  }
+}
+//
+// -- This is a parent command --
+Cypress.Commands.add('login', (email, password) => {
+  console.log('Custom command example: Login', email, password);
+});
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

package/src/generators/cypress-e2e-configuration/files/v10/__dir__/support/e2e.ts__tmpl__

@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';

package/src/generators/cypress-e2e-configuration/files/v10/cypress.config.ts__tmpl__

@@ -0,0 +1,9 @@
+import { defineConfig } from 'cypress';
+import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+
+export default defineConfig({
+  e2e: nxE2EPreset(__dirname, {
+    cypressDir: "<%= dir %>",
+  <% if (bundler === 'vite'){ %>bundler: 'vite',<% } %>
+  })
+});

package/src/generators/cypress-e2e-configuration/files/v10/tsconfig__tsFileExt__

@@ -0,0 +1,10 @@
+{
+  "extends": "<%= tsConfigPath %>",
+  "compilerOptions": {
+    "sourceMap": false,
+    "outDir": "<%= offsetFromRoot %>dist/out-tsc",
+    "allowJs": true,
+    "types": ["cypress", "node"]
+  },
+  "include": ["<%= dir %>/**/*.ts", "<%= dir %>/**/*.js", "cypress.config.ts"]
+}

package/src/generators/cypress-e2e-configuration/files/v9/__dir__/fixtures/example.json__tmpl__

@@ -0,0 +1,4 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io"
+}

package/src/generators/cypress-e2e-configuration/files/v9/__dir__/integration/app.spec.ts__tmpl__

@@ -0,0 +1,13 @@
+import { getGreeting } from '../support/app.po';
+
+describe('<%= project %>', () => {
+  beforeEach(() => cy.visit('/'));
+
+  it('should display welcome message', () => {
+    // Custom command example, see `../support/commands.ts` file
+    cy.login('my-email@something.com', 'myPassword');
+
+    // Function helper example, see `../support/app.po.ts` file
+    getGreeting().contains(/Welcome/);
+  });
+});

package/src/generators/cypress-e2e-configuration/files/v9/__dir__/plugins/index.js

@@ -0,0 +1,22 @@
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const { preprocessTypescript } = require('@nx/cypress/plugins/preprocessor');
+
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+
+  // Preprocess Typescript file using Nx helper
+  on('file:preprocessor', preprocessTypescript(config));
+};

package/src/generators/cypress-e2e-configuration/files/v9/__dir__/support/app.po.ts__tmpl__

@@ -0,0 +1 @@
+export const getGreeting = () => cy.get('h1');