e2e: add cypress-terminal-report

That we see something in the output of our e2e tests in the terminal.
This should help with debugging.

Author: BacLuc

.github/workflows/reusable-e2e-tests-run.yml

@@ -68,6 +68,8 @@ jobs:
 
       # pull cypress while container are starting up
       - run: docker compose pull e2e
+        
+      - run: docker compose run --entrypoint="npm ci" --rm e2e
 
       - run: sh -x wait-for-container-startup.sh
 

e2e/cypress.config.js

@@ -16,6 +16,13 @@ module.exports = defineConfig({
         deleteDownloads: () => deleteDownloads(config),
         moveDownloads: (destSubDir) => moveDownloads(config, destSubDir),
       })
+      const cypressTerminalReportOptions = {
+        printLogsToConsole: 'always',
+      }
+      require('cypress-terminal-report/src/installLogsPrinter')(
+        on,
+        cypressTerminalReportOptions
+      )
     },
     specPattern: 'specs/**/*.cy.{js,jsx,ts,tsx}',
     supportFile: 'support/index.js',

e2e/package-lock.json

@@ -17,6 +17,7 @@
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "9.22.0",
     "cypress": "13.16.1",
+    "cypress-terminal-report": "7.1.0",
     "eslint": "9.22.0",
     "eslint-config-prettier": "10.1.1",
     "eslint-plugin-cypress": "4.2.0",

e2e/package.json

@@ -15,6 +15,11 @@
 
 // Import commands.js using ES2015 syntax:
 import './commands'
+import installLogsCollector from 'cypress-terminal-report/src/installLogsCollector'
+
+installLogsCollector({
+  commandTimings: 'seconds',
+})
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')