✅ Add project creation & edition test scenario

modules/ui/cypress/e2e/project-creation-and-edition.cy.ts

@@ -0,0 +1,70 @@
+Cypress.Commands.add('getBySelectorId', (selectorId) => {
+    cy.get('[data-cy="' + selectorId + '"]');
+});
+
+function generateId(): string {
+    return Math.random().toString(16).slice(2);
+}
+
+function buildProjectName(id): string {
+    return 'project ' + id;
+}
+
+function buildProjectSmallName(id): string {
+    return id;
+}
+
+const projectId = generateId();
+const projectName = buildProjectName(projectId);
+const projectSmallName = buildProjectSmallName(projectId);
+
+const newProjectId = generateId();
+const projectNewName = buildProjectName(newProjectId)
+const projectNewSmallName = buildProjectSmallName(newProjectId);
+
+describe('project creation and edition afterwards', () => {
+    it('create project', () => {
+        cy.visit('/projects')
+        cy.getBySelectorId('name')
+            .type(projectName)
+            .should('have.value', projectName)
+        cy.getBySelectorId('smallName')
+            .type(projectSmallName)
+            .should('have.value', projectSmallName)
+        cy.get('button[type=submit]').click()
+    })
+
+    it('new project should appear in project hierarchies', () => {
+        cy.visit('/')
+        cy.contains(projectName);
+        cy.contains(projectSmallName);
+    })
+
+    it('edit newly created project', () => {
+        cy.visit('/')
+        cy.contains(projectName).click();
+        cy.getBySelectorId('editProject').click();
+
+        cy.getBySelectorId('name')
+            .clear()
+            .type(projectNewName)
+            .should('have.value', projectNewName)
+        cy.getBySelectorId('smallName')
+            .clear()
+            .type(projectNewSmallName)
+            .should('have.value', projectNewSmallName)
+        cy.get('button[type=submit]').click()
+    })
+
+    it('new name should appear in project hierarchies', () => {
+        cy.visit('/')
+        cy.contains(projectNewName);
+        cy.contains(projectNewSmallName);
+    })
+
+    it('old name should not appear anywhere',() => {
+        cy.visit('/')
+        cy.contains(projectName).should('not.exist');
+        cy.contains(projectSmallName).should('not.exist');
+    })
+})

modules/ui/src/lib/components/atoms/form/A_inputText.svelte

@@ -2,9 +2,10 @@
     export let value;
     export let placeholder;
     export let required;
+    export let testId;
 </script>
 
-<input type="text" bind:value={value} {required} placeholder="{placeholder}" class="aInputText">
+<input type="text" bind:value={value} {required} placeholder="{placeholder}" class="aInputText" data-cy="{testId}">
 
 <style lang="scss">
     @import "src/app";

modules/ui/src/lib/components/molecules/M_inputText.svelte

@@ -6,8 +6,9 @@
     export let value;
     export let required;
     export let placeholder;
+    export let testId;
 </script>
 
 <A_label {label}>
-    <A_inputText bind:value={value} {required} {placeholder}></A_inputText>
+    <A_inputText bind:value={value} {required} {placeholder} {testId}></A_inputText>
 </A_label>

modules/ui/src/lib/components/organisms/O_project/O_projectEdition.svelte

@@ -5,6 +5,7 @@
     import type {Project} from "$lib/domain/Project";
     import {t} from "$lib/services/I18nService";
 
+    export const prerender = false;
     export let project: Project = {} as Project;
 
     function save() {
@@ -17,8 +18,8 @@
 </script>
 
 <form on:submit|preventDefault={save}>
-    <M_inputText label="{$t('project.name')}" bind:value={project.name} required="true" placeholder="{$t('project.name')}"/>
-    <M_inputText label="{$t('project.smallName')}" bind:value={project.smallName} required="true" placeholder="{$t('project.smallName')}"/>
+    <M_inputText label="{$t('project.name')}" bind:value={project.name} required="true" placeholder="{$t('project.name')}" testId="name"/>
+    <M_inputText label="{$t('project.smallName')}" bind:value={project.smallName} required="true" placeholder="{$t('project.smallName')}" testId="smallName"/>
 
     <A_button label="{$t('common.actions.save')}" type="submit"/>
 </form>

modules/ui/src/routes/projects/[project]/+page.svelte

@@ -26,7 +26,7 @@
     <a href="{project.id}/envs">Créer un nouvel environnement</a>
 
     <br>
-    <a href="{project.id}/edit">Editer</a>
+    <a href="{project.id}/edit" data-cy="editProject">Editer</a>
 
     {#if moduleEnvMatrix}
         <O_matrixModuleEnv projectRef="{project.id}" matrix="{moduleEnvMatrix}"></O_matrixModuleEnv>