feat: add e2e testing structure

apps/webcomponents-e2e/.eslintrc.json

@@ -0,0 +1,10 @@
+{
+  "extends": ["plugin:cypress/recommended", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

apps/webcomponents-e2e/cypress.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'cypress'
+import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset.js'
+import { configureCommonPlugins } from '../../tools/e2e/plugins.js'
+import { cypressBrowserPermissionsPlugin } from 'cypress-browser-permissions'
+import { fileURLToPath } from 'url'
+
+export default defineConfig({
+  e2e: {
+    ...nxE2EPreset(fileURLToPath(import.meta.url)),
+    supportFile: 'src/support/e2e.ts',
+    devServer: {
+      framework: 'angular',
+      bundler: 'webpack',
+    },
+    video: false,
+    downloadsFolder: 'cypress/downloads',
+    screenshotsFolder: 'cypress/screenshots',
+    setupNodeEvents(on, config) {
+      cypressBrowserPermissionsPlugin(on, config)
+      configureCommonPlugins(on, config)
+    },
+  },
+})

apps/webcomponents-e2e/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

apps/webcomponents-e2e/project.json

@@ -0,0 +1,37 @@
+{
+  "name": "demo-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/demo-e2e/src",
+  "projectType": "application",
+  "tags": [],
+  "implicitDependencies": ["demo"],
+  "targets": {
+    "e2e": {
+      "executor": "@nx/cypress:cypress",
+      "options": {
+        "cypressConfig": "apps/demo-e2e/cypress.config.ts",
+        "devServerTarget": "webcomponents:serve:development",
+        "testingType": "e2e",
+        "browser": "chrome",
+        "port": "cypress-auto"
+      },
+      "configurations": {
+        "production": {
+          "devServerTarget": "webcomponents:serve:production"
+        }
+      },
+      "env": {
+        "browserPermissions": {
+          "write": "allow"
+        }
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/demo-e2e/**/*.{js,ts}"]
+      }
+    }
+  }
+}

apps/webcomponents-e2e/src/e2e/webcomponents.cy.ts

@@ -0,0 +1,16 @@
+describe('Webcomponents', () => {
+  beforeEach(() => {
+    cy.visit('/')
+  })
+
+  describe('Search input', () => {
+    describe('With list', () => {
+      it('should make suggestions', () => {})
+      it('should open the datahub on click', () => {})
+    })
+    describe('Without list', () => {
+      it('should make suggestions', () => {})
+      it('should show an infinite results list', () => {})
+    })
+  })
+})

apps/webcomponents-e2e/src/support/commands.ts

@@ -0,0 +1,10 @@
+// ***********************************************
+// 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
+// ***********************************************
+import '../../../../tools/e2e/commands'

apps/webcomponents-e2e/src/support/e2e.ts

@@ -0,0 +1,25 @@
+// ***********************************************************
+// 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'
+import { VIEWPORT_SIZE } from '../../../../tools/e2e/settings'
+
+beforeEach(() => {
+  cy.viewport(VIEWPORT_SIZE[0], VIEWPORT_SIZE[1])
+
+  // all tests should show english translations
+  window.localStorage.setItem('geonetwork-ui-language', 'en')
+})

apps/webcomponents-e2e/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "sourceMap": false,
+    "outDir": "../../dist/out-tsc",
+    "allowJs": false,
+    "types": ["cypress", "node"]
+  },
+  "include": ["src/**/*.ts"]
+}

apps/webcomponents/src/app/webcomponents.module.ts

@@ -53,7 +53,6 @@ const CUSTOM_ELEMENTS: [new (...args) => BaseComponent, string][] = [
 ]
 
 @NgModule({
-  exports: [],
   declarations: [
     AppComponent,
     BaseComponent,