From 9f9bb8d7804cf1314a9ce934ca759e113a52d179 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Miko=C5=82ajczyk?= <j.mikolajczyk96@gmail.com>
Date: Thu, 5 Dec 2024 09:18:12 +0000
Subject: [PATCH] oct-2125: arrows click without force

---
 client/cypress/e2e/_13metrics.cy.ts | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/client/cypress/e2e/_13metrics.cy.ts b/client/cypress/e2e/_13metrics.cy.ts
index e7a51fd45c..cde3f7bf4d 100644
--- a/client/cypress/e2e/_13metrics.cy.ts
+++ b/client/cypress/e2e/_13metrics.cy.ts
@@ -95,9 +95,8 @@ Object.values(viewports).forEach(
         cy.get('[data-test=MetricsEpochHeader__title]')
           .invoke('text')
           .should('eq', isMobile || isTablet ? 'E3 Allocation' : 'Epoch 3 Allocation Window');
-        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__rightArrow]').click({
-          force: true,
-        });
+        cy.get('[data-test=Layout__body]').scrollIntoView();
+        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__rightArrow]').click();
         cy.get('[data-test=MetricsEpochHeader__title]')
           .invoke('text')
           .should('eq', isMobile || isTablet ? 'E3 Allocation' : 'Epoch 3 Allocation Window');
@@ -113,13 +112,10 @@ Object.values(viewports).forEach(
         cy.get('[data-test=MetricsEpochHeader__title]')
           .invoke('text')
           .should('eq', isMobile || isTablet ? 'E3 Allocation' : 'Epoch 3 Allocation Window');
-        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__leftArrow]').click({
-          force: true,
-        });
+        cy.get('[data-test=Layout__body]').scrollIntoView();
+        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__leftArrow]').click();
         cy.wait(1000);
-        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__leftArrow]').click({
-          force: true,
-        });
+        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__leftArrow]').click();
         cy.get('[data-test=MetricsEpochHeader__title]')
           .invoke('text')
           .should('eq', isMobile || isTablet ? 'E1 Allocation' : 'Epoch 1 Allocation Window');
@@ -129,9 +125,8 @@ Object.values(viewports).forEach(
         cy.get('[data-test=MetricsEpochHeader__NavigationArrows__leftArrowSvg] path')
           .then($el => $el.css('fill'))
           .should('be.colored', '#ebebeb');
-        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__leftArrow]').click({
-          force: true,
-        });
+        cy.get('[data-test=Layout__body]').scrollIntoView();
+        cy.get('[data-test=MetricsEpochHeader__NavigationArrows__leftArrow]').click();
         cy.get('[data-test=MetricsEpochHeader__title]')
           .invoke('text')
           .should('eq', isMobile || isTablet ? 'E1 Allocation' : 'Epoch 1 Allocation Window');