Merge pull request #6492 from Countly/QT-323-v2

[QT-323-v2] Fix the scroll issue for Settings

Author: can-angun

ui-tests/cypress/lib/dashboard/manage/configurations/configurations.js

@@ -179,7 +179,8 @@ const verifyPageElements = () => {
         attrText: "100"
     });
 
-    cy.scrollPageToCenter();
+    // cy.scrollPageToCenter();
+    cy.scrollPageSlightly();
 
     cy.verifyElement({
         labelElement: configurationsListBoxElements({subFeature: SETTINGS.API.DATA_LIMITS.EVENT_SEGMENTATION_VALUE_LIMIT}).SELECTED_SUBFEATURE_TITLE,
@@ -244,6 +245,7 @@ const verifyPageElements = () => {
         attr: "aria-valuenow",
         attrText: "10"
     });
+    cy.scrollPageSlightly();
 
     cy.verifyElement({
         labelElement: configurationsListBoxElements({subFeature: SETTINGS.API.OTHER_API_SETTINGS.OTHER_API_SETTINGS}).SELECTED_FEATURE_GROUP_NAME,
@@ -327,7 +329,7 @@ const verifyPageElements = () => {
         value: "every hour"
     });
 
-    cy.scrollPageToBottom();
+    cy.scrollPageSlightly();
 
     cy.verifyElement({
         labelElement: configurationsListBoxElements({subFeature: SETTINGS.API.OTHER_API_SETTINGS.REQUEST_THRESHOLD}).SELECTED_SUBFEATURE_TITLE,
@@ -395,6 +397,8 @@ const verifyPageElements = () => {
         labelText: "Track country data",
     });
 
+    cy.scrollPageSlightly();
+
     cy.verifyElement({
         labelElement: configurationsListBoxElements({subFeature: SETTINGS.API.OTHER_API_SETTINGS.COUNTRY_DATA}).SELECTED_SUBFEATURE_DESCRIPTION,
         labelText: "Enable tracking country level data in dashboard. If disabled, country information will no longer be added or updated for users.",
@@ -837,7 +841,7 @@ const verifyPageElements = () => {
         isChecked: true
     });
 
-    cy.scrollPageToBottom();
+    cy.scrollPageSlightly();
 
     cy.verifyElement({
         labelElement: configurationsListBoxElements({ subFeature: SETTINGS.SECURITY.PASSWORD_EXPIRATION }).SELECTED_SUBFEATURE_TITLE,
@@ -912,6 +916,8 @@ const verifyPageElements = () => {
         labelText: "If enabled, provided passwords must contain at least one special symbol (not a number or latin character)",
     });
 
+    cy.scrollPageToBottom();
+
     cy.verifyElement({
         element: configurationsListBoxElements({ subFeature: SETTINGS.SECURITY.PASSWORD_SYMBOL }).SELECTED_SUBFEATURE_CHECKBOX,
         isChecked: true

ui-tests/cypress/support/commands.js

@@ -206,6 +206,18 @@ Cypress.Commands.add('checkPaceActive', () => {
         });
 });
 
+Cypress.Commands.add("scrollPageSlightly", (element = '.main-view', index = 0) => {
+    cy.get(element).eq(index).then(($el) => {
+        const currentScroll = $el[0].scrollTop;
+        const newScroll = currentScroll + 550;
+
+        cy.wrap($el).scrollTo(0, newScroll, {
+            duration: 1000,
+            ensureScrollable: false,
+        });
+    });
+});
+
 Cypress.Commands.add("scrollPageToBottom", (element = '.main-view', index = 0) => {
     cy.get(element).eq(index).scrollTo('bottom', { ensureScrollable: false });
 });