Backport E2E tests + update CI configuration

.github/workflows/ci.yml

@@ -6,24 +6,26 @@ on:
       - main
   pull_request:
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.number || github.ref }}
+  cancel-in-progress: true
+
 jobs:
   main:
     name: Nx Cloud - Main Job
-    uses: nrwl/ci/.github/workflows/nx-cloud-main.yml@v0.13.0
+    uses: nrwl/ci/.github/workflows/nx-cloud-main.yml@v0.15
     with:
       main-branch-name: main
       number-of-agents: 3
       init-commands: |
-        pnpm exec nx-cloud start-ci-run --stop-agents-after="build" --agent-count=3
+        pnpm exec nx-cloud start-ci-run --stop-agents-after="e2e" --agent-count=3
       parallel-commands: |
         pnpm exec nx-cloud record -- pnpm exec nx format:check
       parallel-commands-on-agents: |
-        pnpm exec nx affected --target=lint --parallel=3
-        pnpm exec nx affected --target=test --parallel=3 --ci --code-coverage
-        pnpm exec nx affected --target=build --parallel=3
+        pnpm exec nx affected --target lint build test e2e
 
   agents:
     name: Nx Cloud - Agents
-    uses: nrwl/ci/.github/workflows/nx-cloud-agents.yml@v0.13.0
+    uses: nrwl/ci/.github/workflows/nx-cloud-agents.yml@v0.15
     with:
       number-of-agents: 3

.gitignore

@@ -61,3 +61,4 @@ e2e/stencil-e2e/tests/dev.test.ts
 
 .nx/cache
 .nx/workspace-data
+migrations.json

e2e/capacitor-e2e/eslint.config.js

@@ -0,0 +1,21 @@
+const baseConfig = require('../../eslint.config.js');
+module.exports = [
+  ...baseConfig,
+  {
+    files: [
+      'e2e/capacitor-e2e/**/*.ts',
+      'e2e/capacitor-e2e/**/*.tsx',
+      'e2e/capacitor-e2e/**/*.js',
+      'e2e/capacitor-e2e/**/*.jsx',
+    ],
+    rules: {},
+  },
+  {
+    files: ['e2e/capacitor-e2e/**/*.ts', 'e2e/capacitor-e2e/**/*.tsx'],
+    rules: {},
+  },
+  {
+    files: ['e2e/capacitor-e2e/**/*.js', 'e2e/capacitor-e2e/**/*.jsx'],
+    rules: {},
+  },
+];

e2e/vue-e2e/jest.config.ts → e2e/capacitor-e2e/jest.config.ts

@@ -1,12 +1,12 @@
 /* eslint-disable */
 export default {
-  displayName: 'vue-e2e',
+  displayName: 'capacitor-e2e',
   preset: '../../jest.preset.js',
   transform: {
     '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
-  coverageDirectory: '../../coverage/e2e/vue-e2e',
+  coverageDirectory: '../../coverage/e2e/capacitor-e2e',
   globalSetup: '../../tools/scripts/start-local-registry.ts',
   globalTeardown: '../../tools/scripts/stop-local-registry.ts',
 };

e2e/capacitor-e2e/project.json

@@ -0,0 +1,15 @@
+{
+  "name": "capacitor-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "e2e/capacitor-e2e/tests",
+  "targets": {
+    "e2e": {},
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"]
+    }
+  },
+  "tags": [],
+  "implicitDependencies": ["capacitor"]
+}

e2e/capacitor-e2e/tests/capacitor.spec.ts

@@ -0,0 +1,57 @@
+import { runNxCommandAsync, uniq } from '@nx/plugin/testing';
+import { createTestProject, installPlugin, stripAnsi } from '@nxext/e2e-utils';
+import { rmSync } from 'fs';
+
+describe('capacitor-project e2e', () => {
+  let projectDirectory: string;
+  const app = uniq('capacitor');
+
+  beforeAll(async () => {
+    projectDirectory = createTestProject();
+    installPlugin(projectDirectory, 'capacitor');
+
+    await runNxCommandAsync(
+      `generate @nx/web:application ${app} --style=css --bundler=vite --e2eTestRunner=none --linter=none --projectNameAndRootFormat=derived --skipFormat=true`
+    );
+    await runNxCommandAsync(
+      `generate @nxext/capacitor:configuration --project=${app} --appName=test --appId=test --skipFormat=true`
+    );
+  });
+
+  afterAll(() => {
+    // Cleanup the test project
+    rmSync(projectDirectory, {
+      recursive: true,
+      force: true,
+    });
+  });
+
+  it('should build successfully', async () => {
+    const buildResults = await runNxCommandAsync(`build ${app}`);
+    expect(stripAnsi(buildResults.stdout)).toContain(
+      `Successfully ran target build for project ${app}`
+    );
+  });
+
+  it('should run tests successfully', async () => {
+    const testResults = await runNxCommandAsync(`test ${app}`);
+    expect(stripAnsi(testResults.stdout)).toContain(
+      `Successfully ran target test for project ${app}`
+    );
+  });
+
+  it('should run cap successfully', async () => {
+    const capResults = await runNxCommandAsync(`run ${app}:cap`);
+    expect(capResults.stdout).toContain('Usage');
+
+    const capPackageInstallResults = await runNxCommandAsync(
+      `run ${app}:cap --packageInstall false`
+    );
+    expect(capPackageInstallResults.stdout).toContain('Usage: cap');
+
+    const capHelpResults = await runNxCommandAsync(
+      `run ${app}:cap --cmd="--help"`
+    );
+    expect(capHelpResults.stdout).toContain('Usage: cap');
+  });
+});

e2e/vue-e2e/tsconfig.spec.json → e2e/capacitor-e2e/tsconfig.spec.json

@@ -5,10 +5,5 @@
     "module": "commonjs",
     "types": ["jest", "node"]
   },
-  "include": [
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
+  "include": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts", "**/*.d.ts"]
 }

e2e/ionic-angular-e2e/eslint.config.js

@@ -0,0 +1,21 @@
+const baseConfig = require('../../eslint.config.js');
+module.exports = [
+  ...baseConfig,
+  {
+    files: [
+      'e2e/ionic-angular-e2e/**/*.ts',
+      'e2e/ionic-angular-e2e/**/*.tsx',
+      'e2e/ionic-angular-e2e/**/*.js',
+      'e2e/ionic-angular-e2e/**/*.jsx',
+    ],
+    rules: {},
+  },
+  {
+    files: ['e2e/ionic-angular-e2e/**/*.ts', 'e2e/ionic-angular-e2e/**/*.tsx'],
+    rules: {},
+  },
+  {
+    files: ['e2e/ionic-angular-e2e/**/*.js', 'e2e/ionic-angular-e2e/**/*.jsx'],
+    rules: {},
+  },
+];

e2e/ionic-angular-e2e/jest.config.ts

@@ -0,0 +1,12 @@
+/* eslint-disable */
+export default {
+  displayName: 'ionic-angular-e2e',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
+  },
+  moduleFileExtensions: ['ts', 'js', 'html'],
+  coverageDirectory: '../../coverage/e2e/ionic-angular-e2e',
+  globalSetup: '../../tools/scripts/start-local-registry.ts',
+  globalTeardown: '../../tools/scripts/stop-local-registry.ts',
+};

e2e/ionic-angular-e2e/project.json

@@ -0,0 +1,15 @@
+{
+  "name": "ionic-angular-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "e2e/ionic-angular-e2e/tests",
+  "targets": {
+    "e2e": {},
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"]
+    }
+  },
+  "tags": [],
+  "implicitDependencies": ["ionic-angular"]
+}

e2e/ionic-angular-e2e/tests/ionic-angular.spec.ts

@@ -0,0 +1,57 @@
+import { runNxCommandAsync, uniq } from '@nx/plugin/testing';
+import { createTestProject, installPlugin, stripAnsi } from '@nxext/e2e-utils';
+import { rmSync } from 'fs';
+
+describe('ionic-angular-project e2e', () => {
+  let projectDirectory: string;
+  const app = uniq('ionic-angular');
+
+  beforeAll(async () => {
+    projectDirectory = createTestProject();
+    installPlugin(projectDirectory, 'ionic-angular');
+
+    await runNxCommandAsync(
+      `generate @nx/angular:application ${app} --style=css --minimal --e2eTestRunner=none --linter=none --projectNameAndRootFormat=derived --skipFormat=true`
+    );
+    await runNxCommandAsync(
+      `generate @nxext/ionic-angular:configuration --project=${app} --appName=test --appId=test --skipFormat=true`
+    );
+  });
+
+  afterAll(() => {
+    // Cleanup the test project
+    rmSync(projectDirectory, {
+      recursive: true,
+      force: true,
+    });
+  });
+
+  it('should build successfully', async () => {
+    const buildResults = await runNxCommandAsync(`build ${app}`);
+    expect(stripAnsi(buildResults.stdout)).toContain(
+      `Successfully ran target build for project ${app}`
+    );
+  });
+
+  it('should run tests successfully', async () => {
+    const testResults = await runNxCommandAsync(`test ${app}`);
+    expect(stripAnsi(testResults.stdout)).toContain(
+      `Successfully ran target test for project ${app}`
+    );
+  });
+
+  it('should run cap successfully', async () => {
+    const capResults = await runNxCommandAsync(`run ${app}:cap`);
+    expect(capResults.stdout).toContain('Usage');
+
+    const capPackageInstallResults = await runNxCommandAsync(
+      `run ${app}:cap --packageInstall false`
+    );
+    expect(capPackageInstallResults.stdout).toContain('Usage: cap');
+
+    const capHelpResults = await runNxCommandAsync(
+      `run ${app}:cap --cmd="--help"`
+    );
+    expect(capHelpResults.stdout).toContain('Usage: cap');
+  });
+});

e2e/ionic-angular-e2e/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

e2e/ionic-angular-e2e/tsconfig.spec.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts", "**/*.d.ts"]
+}

e2e/ionic-react-e2e/eslint.config.js

@@ -0,0 +1,21 @@
+const baseConfig = require('../../eslint.config.js');
+module.exports = [
+  ...baseConfig,
+  {
+    files: [
+      'e2e/ionic-react-e2e/**/*.ts',
+      'e2e/ionic-react-e2e/**/*.tsx',
+      'e2e/ionic-react-e2e/**/*.js',
+      'e2e/ionic-react-e2e/**/*.jsx',
+    ],
+    rules: {},
+  },
+  {
+    files: ['e2e/ionic-react-e2e/**/*.ts', 'e2e/ionic-react-e2e/**/*.tsx'],
+    rules: {},
+  },
+  {
+    files: ['e2e/ionic-react-e2e/**/*.js', 'e2e/ionic-react-e2e/**/*.jsx'],
+    rules: {},
+  },
+];

e2e/ionic-react-e2e/jest.config.ts

@@ -0,0 +1,12 @@
+/* eslint-disable */
+export default {
+  displayName: 'ionic-react-e2e',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
+  },
+  moduleFileExtensions: ['ts', 'js', 'html'],
+  coverageDirectory: '../../coverage/e2e/ionic-react-e2e',
+  globalSetup: '../../tools/scripts/start-local-registry.ts',
+  globalTeardown: '../../tools/scripts/stop-local-registry.ts',
+};

e2e/ionic-react-e2e/project.json

@@ -0,0 +1,14 @@
+{
+  "name": "ionic-react-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "e2e/ionic-react-e2e/tests",
+  "targets": {
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"]
+    }
+  },
+  "tags": [],
+  "implicitDependencies": ["ionic-react"]
+}