[Tech] Downgrade cypress to v12

.github/workflows/cicd.yml

@@ -227,7 +227,7 @@ jobs:
       - name: Setup Firefox
         uses: browser-actions/setup-firefox@latest
         with:
-          firefox-version: 104.0.2
+          firefox-version: 119.0.1
 
       - name: Check versions
         run: |

frontend/cypress/e2e/vessels/vessel_search.spec.ts

@@ -8,14 +8,18 @@ context('VesselSearch', () => {
   it('Vessel from last positions and vessels table Should be searched from the search bar', () => {
     // When searching a vessel from the last positions table
     cy.get('*[data-cy^="vessel-search-input"]', { timeout: 10000 }).type('Pheno')
+    cy.intercept('GET', `/bff/v1/vessels/find*`).as('firstVessel')
     cy.get('*[data-cy^="vessel-search-item"]', { timeout: 10000 }).eq(0).click()
+    cy.wait('@firstVessel')
     cy.wait(200)
     cy.get('*[data-cy^="vessel-sidebar"]', { timeout: 10000 }).should('be.visible')
 
     // We should be able to search again when the vessel sidebar is already opened
     cy.get('*[data-cy^="vessel-search-selected-vessel-title"]', { timeout: 10000 }).click()
     cy.get('*[data-cy^="vessel-search-input"]', { timeout: 10000 }).type('détacher')
+    cy.intercept('GET', `/bff/v1/vessels/find*`).as('secondVessel')
     cy.get('*[data-cy^="vessel-search-item"]', { timeout: 10000 }).eq(0).click()
+    cy.wait('@secondVessel')
 
     // Close the sidebar
     cy.get('*[data-cy^="vessel-search-selected-vessel-close-title"]', { timeout: 10000 }).click()
@@ -29,11 +33,16 @@ context('VesselSearch', () => {
   it('Vessel history Should be shown When having previously searched vessels', () => {
     // Given
     cy.get('*[data-cy^="vessel-search-input"]', { timeout: 10000 }).type('Pheno')
+    cy.intercept('GET', `/bff/v1/vessels/find*`).as('firstVessel')
     cy.get('*[data-cy^="vessel-search-item"]', { timeout: 10000 }).eq(0).click()
+    cy.wait('@firstVessel')
     cy.get('*[data-cy^="vessel-search-selected-vessel-close-title"]', { timeout: 10000 }).click()
 
     cy.get('*[data-cy^="vessel-search-input"]', { timeout: 10000 }).type('détacher')
+
+    cy.intercept('GET', `/bff/v1/vessels/find*`).as('secondVessel')
     cy.get('*[data-cy^="vessel-search-item"]', { timeout: 10000 }).eq(0).click()
+    cy.wait('@secondVessel')
     cy.get('*[data-cy^="vessel-search-selected-vessel-close-title"]', { timeout: 10000 }).click()
 
     // When

frontend/cypress/support/e2e.ts

@@ -83,12 +83,32 @@ Cypress.on('uncaught:exception', err => {
   // We ignore uncaught exceptions `Error: ResizeObserver loop completed with undelivered notifications.`
   // since they only seem to happen (sporadically) within e2e tests
   if (err.message.includes('ResizeObserver loop completed with undelivered notifications.')) {
+    // eslint-disable-next-line no-console
+    console.log(`Error skipped: ${err}`)
+
+    return false
+  }
+
+  // We ignore uncaught exceptions `TypeError: NetworkError when attempting to fetch resource`
+  // if (err.message.includes('NetworkError when attempting to fetch resource') ) {
+  //  console.log(`Error skipped: ${err}`)
+  //  return false // return false to make test continue
+  // }
+
+  // We ignore uncaught exceptions `AbortError: The operation was aborted`
+  if (err.message.includes('The operation was aborted')) {
+    // eslint-disable-next-line no-console
+    console.log(`Error skipped: ${err}`)
+
     return false
   }
 
   // This React error does not reproduce in real life
   // It might be a bug resolved in React 18 : https://github.com/facebook/react/issues/17355#issuecomment-1173055443
   if (err.message.includes('Should not already be working')) {
+    // eslint-disable-next-line no-console
+    console.log(`Error skipped: ${err}`)
+
     return false
   }
 

frontend/cypress/support/test_flaky_test.sh

@@ -0,0 +1,11 @@
+counter=0
+while true; do
+  if ./node_modules/.bin/cypress run --browser firefox --config-file ./config/cypress.config.ts --spec cypress/e2e/vessels/vessel_search.spec.ts; then
+    counter=$((counter+1))
+    echo "Test runned $counter times"
+    continue
+  else
+    echo "Test failed after $counter times"
+    break
+  fi
+done

frontend/package.json

@@ -14,7 +14,6 @@
     "build:prod": "ENV_PROFILE=prod npm run build",
     "build:local": "ENV_PROFILE=local npm run build",
     "cypress:open": "cypress open --browser firefox --config-file ./config/cypress.config.ts --e2e",
-    "cypress:run": "cypress run --browser firefox --config-file ./config/cypress.config.ts --e2e",
     "dev": "dotenv -e ../infra/configurations/frontend/.env.local vite --port 3000",
     "bundle-sw": "esbuild src/workers/serviceWorker.ts --bundle --outfile=public/service-worker.js",
     "prepare": "cd .. && ./frontend/node_modules/.bin/husky install ./frontend/config/husky",
@@ -101,7 +100,7 @@
     "assert": "2.0.0",
     "babel-eslint": "10.1.0",
     "codecov": "3.8.3",
-    "cypress": "13.3.2",
+    "cypress": "12.11.0",
     "cypress-mouse-position": "1.0.0",
     "cypress-plugin-snapshots": "github:ivangabriele/cypress-plugin-snapshots",
     "dotenv": "16.3.1",