fix: cypress request intercept

cypress.config.ts

@@ -4,4 +4,7 @@ export default defineConfig({
   e2e: {
     baseUrl: 'http://localhost:5173',
   },
+  env: {
+    NEXT_PUBLIC_API_BASE_URL: 'http://mock-api:3000',
+  },
 });

cypress/e2e/navigation.cy.ts

@@ -1,5 +1,11 @@
 describe('Navigation tests', () => {
   beforeEach(() => {
+    Cypress.env('NEXT_PUBLIC_API_BASE_URL');
+
+    // Intercept the API requests and provide mock responses
+    cy.intercept('GET', '**/metrics/ecosystem', { fixture: 'ecosystemMockData.json' }).as('getEcosystemData');
+    cy.intercept('GET', '**/metrics/zkchain/*', { fixture: 'chainMockData.json' }).as('getChainData');
+
     cy.visit('/');
   });
 
@@ -18,6 +24,10 @@ describe('Navigation tests', () => {
     cy.getByTestId('chain-row').should('be.visible').click();
     cy.url().should('include', '/324');
 
+    // Wait for the mock data to be loaded
+    cy.wait('@getChainData');
+    cy.getByTestId('chain-id').should('be.visible').and('contain', '324');
+
     cy.getByTestId('home-breadcrumb').click();
     cy.url().should('eq', 'http://localhost:5173/');
     cy.getByTestId('search-bar').find('input').should('have.value', '');
@@ -36,6 +46,8 @@ describe('Navigation tests', () => {
     cy.getByTestId('chain-row').first().click();
     cy.url().should('include', '/324');
 
+    // Wait for the mock data to be loaded
+    cy.wait('@getChainData');
     cy.getByTestId('chain-id').should('be.visible').and('contain', '324');
   });
 });