♻️ Extract navigateToProjectPage as cypress custom command to use it …

…in other tests

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

@@ -50,8 +50,7 @@ describe('project creation and edition afterwards', () => {
     })
 
     it('edit newly created project', () => {
-        cy.visit('/')
-        cy.contains(projectName).click();
+        cy.navigateToProjectPage(projectName)
         cy.getBySelectorId('editProject').click();
         fillProjectForm(projectNewName, projectNewSmallName);
     })

modules/ui/cypress/support/commands.ts

@@ -38,4 +38,9 @@
 
 Cypress.Commands.add('getBySelectorId', (selectorId) => {
     cy.get('[data-cy="' + selectorId + '"]');
+});
+
+Cypress.Commands.add('navigateToProjectPage', (projectName) => {
+    cy.visit('/')
+    cy.contains(projectName).click();
 });

modules/ui/cypress/support/e2e.ts

@@ -23,9 +23,17 @@ declare global {
             /**
              * Retrieves the element that has `selectorId` as its ID.
              *
-             * @param selectorId - The ID of the element to retrieve.
+             * @param selectorId The ID of the element to retrieve.
              */
             getBySelectorId(selectorId: string): Chainable<Element>
+
+            /**
+             * Navigates to root page and clicks on the project name that should appear
+             * in the sidebar to navigate to the project page
+             *
+             * @param projectName Name of the project
+             */
+            navigateToProjectPage(projectName: string): Chainable<Element>
         }
     }
 }