Update to Cypress v10

frontend/cypress/e2e/bisq/bisq.spec.ts

@@ -35,13 +35,14 @@ describe('Bisq', () => {
         "Proposal", "Reimbursement request", "Transfer BSQ", "Unlock", "Vote reveal"
       ];
       filters.forEach((filter) => {
-        it(`filters the transaction screen by ${filter}`, () => {
+        it.only(`filters the transaction screen by ${filter}`, () => {
           cy.visit(`${basePath}/transactions`);
+          cy.wait('@txs');
           cy.waitForSkeletonGone();
           cy.get('#filter').click();
           cy.contains(filter).find('input').click();
-          //TODO: change this waiter
-          cy.wait(1000);
+          cy.wait('@txs');
+          cy.wait(500);
           cy.get('td:nth-of-type(2)').each(($td) => {
             expect($td.text().trim()).to.eq(filter);
           });
@@ -56,7 +57,7 @@ describe('Bisq', () => {
         filters.forEach((filter) => {
           cy.contains(filter).find('input').click();
           //TODO: change this waiter
-          cy.wait(1000);
+          cy.wait(1500);
         });
         cy.get('td:nth-of-type(2)').each(($td) => {
           const regex = new RegExp(`${filters.join('|')}`, 'g');

frontend/cypress/e2e/liquid/liquid.spec.ts

@@ -124,7 +124,7 @@ describe('Liquid', () => {
         cy.visit(`${basePath}/assets`);
         cy.waitForSkeletonGone();
         cy.get('.container-xl input').click().type('Liquid Bitcoin').then(() => {
-          cy.get('ngb-typeahead-window').should('have.length', 1);
+          cy.get('ngb-typeahead-window', { timeout: 30000 }).should('have.length', 1);
         });
       });
 
@@ -132,7 +132,7 @@ describe('Liquid', () => {
         cy.visit(`${basePath}/assets`);
         cy.waitForSkeletonGone();
         cy.get('.container-xl input').click().type('Liquid AUD').then(() => {
-          cy.get('ngb-typeahead-window:nth-of-type(1) button').click();
+          cy.get('ngb-typeahead-window:nth-of-type(1) button', { timeout: 30000 }).click();
         });
       });
     });

frontend/cypress/e2e/mainnet/mainnet.spec.ts

@@ -189,7 +189,7 @@ describe('Mainnet', () => {
         cy.get('[data-cy="tx-2"] .table-tx-vin .highlight').invoke('text').should('contain', `${address}`);
       });
 
-      it.only('highlights both input and output addresses in the same transaction', () => {
+      it('highlights both input and output addresses in the same transaction', () => {
         const address = 'bc1q03u63r6hm7a3v6em58zdqtp446w2pw30nm63mv';
         cy.visit(`/address/${address}`);
         cy.waitForSkeletonGone();
@@ -241,7 +241,7 @@ describe('Mainnet', () => {
             cy.get('[ngbtooltip="Next Block"] > .ng-fa-icon > .svg-inline--fa').should('not.exist');
             cy.get('[ngbtooltip="Previous Block"] > .ng-fa-icon > .svg-inline--fa').should('be.visible');
             cy.document().left();
-            cy.get('.title-block h1').invoke('text').should('equal', 'Next block');
+            cy.get('.title-block h1').invoke('text').should('equal', 'Next Block');
           });
         });
 

frontend/cypress/support/commands.ts

@@ -50,98 +50,98 @@ import { mockWebSocket } from './websocket';
 
 /* global Cypress */
 const codes = {
-    ArrowLeft: 37,
-    ArrowUp: 38,
-    ArrowRight: 39,
-    ArrowDown: 40
+  ArrowLeft: 37,
+  ArrowUp: 38,
+  ArrowRight: 39,
+  ArrowDown: 40
 }
 
 Cypress.Commands.add('waitForSkeletonGone', () => {
-    cy.waitUntil(() => {
-        return Cypress.$('.skeleton-loader').length === 0;
-    }, { verbose: true, description: "waitForSkeletonGone", errorMsg: "skeleton loaders never went away", timeout: 15000, interval: 50});
+  cy.waitUntil(() => {
+    return Cypress.$('.skeleton-loader').length === 0;
+  }, { verbose: true, description: "waitForSkeletonGone", errorMsg: "skeleton loaders never went away", timeout: 15000, interval: 50 });
 });
 
 Cypress.Commands.add(
-    "waitForPageIdle",
-    () => {
-        console.warn("Waiting for page idle state");
-        const pageIdleDetector = new PageIdleDetector();
-        pageIdleDetector.WaitForPageToBeIdle();
-    }
+  "waitForPageIdle",
+  () => {
+    console.warn("Waiting for page idle state");
+    const pageIdleDetector = new PageIdleDetector();
+    pageIdleDetector.WaitForPageToBeIdle();
+  }
 );
 
 Cypress.Commands.add('mockMempoolSocket', () => {
   mockWebSocket();
 });
 
-Cypress.Commands.add('changeNetwork', (network: "testnet"|"signet"|"liquid"|"bisq"|"mainnet" ) => {
-    cy.get('.dropdown-toggle').click().then(() => {
-        cy.get(`.${network}`).click().then(() => {
-            cy.waitForPageIdle();
-            if(network !== 'bisq'){
-                cy.waitForSkeletonGone();
-            }
-        });
+Cypress.Commands.add('changeNetwork', (network: "testnet" | "signet" | "liquid" | "bisq" | "mainnet") => {
+  cy.get('.dropdown-toggle').click().then(() => {
+    cy.get(`a.${network}`).click().then(() => {
+      cy.waitForPageIdle();
+      if (network !== 'bisq') {
+        cy.waitForSkeletonGone();
+      }
     });
+  });
 });
 
 // https://github.com/bahmutov/cypress-arrows/blob/8f0303842a343550fbeaf01528d01d1ff213b70c/src/index.js
-function keydownCommand ($el, key) {
-    const message = `sending the "${key}" keydown event`
-    const log = Cypress.log({
-      name: `keydown: ${key}`,
-      message: message,
-      consoleProps: function () {
-        return {
-          Subject: $el
-        }
+function keydownCommand($el, key) {
+  const message = `sending the "${key}" keydown event`
+  const log = Cypress.log({
+    name: `keydown: ${key}`,
+    message: message,
+    consoleProps: function () {
+      return {
+        Subject: $el
       }
-    })
-  
-    const e = $el.createEvent('KeyboardEvent')
-  
-    Object.defineProperty(e, 'key', {
-      get: function () {
-        return key
-      }
-    })
-  
-    Object.defineProperty(e, 'keyCode', {
-      get: function () {
-        return this.keyCodeVal
-      }
-    })
-    Object.defineProperty(e, 'which', {
-      get: function () {
-        return this.keyCodeVal
-      }
-    })
-    var metaKey = false
-  
-    Object.defineProperty(e, 'metaKey', {
-      get: function () {
-        return metaKey
-      }
-    })
-  
-    Object.defineProperty(e, 'shiftKey', {
-      get: function () {
-        return false
-      }
-    })
-    e.keyCodeVal = codes[key]
-  
-    e.initKeyboardEvent('keydown', true, true,
-      $el.defaultView, false, false, false, false, e.keyCodeVal, e.keyCodeVal)
-  
-    $el.dispatchEvent(e)
-    log.snapshot().end()
-    return $el
-  }
-  
-  Cypress.Commands.add('keydown', { prevSubject: "dom" }, keydownCommand)
-  Cypress.Commands.add('left', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowLeft'))
-  Cypress.Commands.add('right', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowRight'))
-  Cypress.Commands.add('up', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowUp'))
-  Cypress.Commands.add('down', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowDown'))
+    }
+  })
+
+  const e = $el.createEvent('KeyboardEvent')
+
+  Object.defineProperty(e, 'key', {
+    get: function () {
+      return key
+    }
+  })
+
+  Object.defineProperty(e, 'keyCode', {
+    get: function () {
+      return this.keyCodeVal
+    }
+  })
+  Object.defineProperty(e, 'which', {
+    get: function () {
+      return this.keyCodeVal
+    }
+  })
+  var metaKey = false
+
+  Object.defineProperty(e, 'metaKey', {
+    get: function () {
+      return metaKey
+    }
+  })
+
+  Object.defineProperty(e, 'shiftKey', {
+    get: function () {
+      return false
+    }
+  })
+  e.keyCodeVal = codes[key]
+
+  e.initKeyboardEvent('keydown', true, true,
+    $el.defaultView, false, false, false, false, e.keyCodeVal, e.keyCodeVal)
+
+  $el.dispatchEvent(e)
+  log.snapshot().end()
+  return $el
+}
+
+Cypress.Commands.add('keydown', { prevSubject: "dom" }, keydownCommand)
+Cypress.Commands.add('left', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowLeft'))
+Cypress.Commands.add('right', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowRight'))
+Cypress.Commands.add('up', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowUp'))
+Cypress.Commands.add('down', { prevSubject: "dom" }, $el => keydownCommand($el, 'ArrowDown'))