Introduced cypress-plugin-steps, removed custom step logic.

frontend/src/__tests__/cypress/cypress/support/commands/application.ts

@@ -116,26 +116,6 @@ declare global {
        */
       // eslint-disable-next-line @typescript-eslint/method-signature-style
       findAllByTestId(id: Matcher | Matcher[], options?: MatcherOptions): Chainable<JQuery>;
-
-      /**
-       * Logs a step in the Cypress test runner and console.
-       * This method is useful for creating clear, descriptive logs of test steps,
-       * enhancing test readability and debugging.
-       *
-       * @param description A string describing the step being performed in the test.
-       *
-       * Usage:
-       * cy.step('Logging in to the application');
-       * cy.step('Verifying dashboard elements');
-       *
-       * In the Cypress test runner and console, this will appear as:
-       * STEP: Logging in to the application
-       * STEP: Verifying dashboard elements
-       *
-       * This helps in quickly identifying the current stage of the test execution
-       * and provides a clear overview of the test flow.
-       */
-      step: (description: string) => Chainable;
     }
   }
 }
@@ -257,10 +237,6 @@ Cypress.Commands.overwriteQuery('findAllByTestId', function findAllByTestId(...a
   return enhancedFindByTestId(this, ...args);
 });
 
-Cypress.Commands.add('step', (description: string) => {
-  cy.log(`\n--- 🔷 Step: ${description} 🔷---\n`);
-});
-
 const enhancedFindByTestId = (
   command: Cypress.Command,
   originalFn: Cypress.QueryFn<'findAllByTestId' | 'findByTestId'>,

frontend/src/__tests__/cypress/cypress/support/e2e.ts

@@ -19,6 +19,7 @@ import 'cypress-mochawesome-reporter/register';
 import './commands';
 import { asProjectAdminUser } from '~/__tests__/cypress/cypress/utils/mockUsers';
 import { addCommands as webSocketsAddCommands } from './websockets';
+import 'cypress-plugin-steps';
 
 chai.use(chaiSubset);
 

frontend/src/__tests__/cypress/tsconfig.json

@@ -4,6 +4,6 @@
   "exclude": ["node_modules", "public", "coverage", ".nyc_output"],
   "compilerOptions": {
     "sourceMap": true,
-    "types": ["node", "cypress", "@testing-library/cypress", "cypress-axe"]
+    "types": ["node", "cypress", "@testing-library/cypress", "cypress-axe", "cypress-plugin-steps"]
   }
 }