feat: e2e testing try

apps/webcomponents-e2e/cypress.config.js

@@ -1,11 +1,21 @@
 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'
-import { configureCommonPlugins } from '../../tools/e2e/plugins.js'
 
 export default defineConfig({
   component: {
     ...nxE2EPreset(fileURLToPath(import.meta.url)),
+    devServer: {
+      framework: "angular",
+      bundler: "webpack",
+    },
+    supportFile: "src/support/component.ts",
+    specPattern: "**/*.cy.ts",
+    setupNodeEvents(on, config) {
+      cypressBrowserPermissionsPlugin(on, config)
+      configureCommonPlugins(on, config)
+    },
   },
-})
+});

apps/webcomponents-e2e/project.json

@@ -7,11 +7,21 @@
   "implicitDependencies": ["webcomponents"],
   "targets": {
     "component": {
-      "devServer": {
-        "framework": "angular",
-        "bundler": "webpack"
+      "executor": "@nx/cypress:cypress",
+      "options": {
+        "cypressConfig": "apps/webcomponents-e2e/cypress.config.js",
+        "testingType": "component",
+        "devServerTarget": "webcomponents:serve"
+      },
+      "configurations": {
+        "production": {
+          "devServerTarget": "webcomponents:serve:production"
+        },
+        "ci": {
+          "devServerTarget": "webcomponents:serve:ci"
+        }
       },
-      "specPattern": "**/*.cy.ts"
+      "specPattern": "apps/webcomponents-e2e/src/**/*.cy.ts"
     },
     "lint": {
       "executor": "@nx/eslint:lint",

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

@@ -0,0 +1,20 @@
+import { GnSearchInputComponent } from '../../../webcomponents/src/app/components/gn-search-input/gn-search-input.component'
+
+describe('BaseInplaceTextArea', () => {
+  beforeEach(() => {
+    cy.viewport(370, 1024)
+  })
+
+  describe('non renseigné', () => {
+    beforeEach(() => {
+      cy.mount(GnSearchInputComponent, {})
+    })
+
+    it('devrait afficher un placeholder', () => {
+      cy.get('[data-test="inplace-text-area-display-placeholder"]').should(
+        'contain',
+        'Saisir un intitulé'
+      )
+    })
+  })
+})