itemengine-cypress-automation 1.0.155-migrationScripts-86e4c95.0 → 1.0.156-01AprilFixes-fc21452.0

package/cypress/pages/graphingPage.js

@@ -28,8 +28,8 @@ const selectors = {
     yMaxInputField: () => cy.get('[class*="GraphHeaderFooter"] input').eq(0),
     yMinLabel: () => cy.get('[class*="GraphHeaderFooter"] [class*="CustomInputFieldLabel"]').eq(1),
     yMinInputField: () => cy.get('[class*="GraphHeaderFooter"] input').eq(1),
-    titlePopupAddLabelLabel: () => cy.get('[aria-labelledby="alert-dialog-title"] .title-casing'),
-    titlePopupAddLabelInputField: () => cy.get('[aria-labelledby="alert-dialog-title"] [role="textbox"]'),
+    titlePopupAddLabelLabel: () => cy.get('[aria-labelledby="alert-dialog-title"] .inline-text-property-label'),
+    titlePopupAddLabelInputField: () => cy.get('[aria-labelledby="alert-dialog-title"] input'),
     titlePopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
     titlePopupSaveButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
     graphImageEditTab: () => cy.get('.ngie-jxgbox .JXGimage'),
@@ -206,7 +206,7 @@ const selectors = {
     xGridSpacingLabel: () => cy.get('label[for="X grid spacing"]'),
     xGridSpacingInputField: () => cy.get('input[id="X grid spacing"]'),
     xTickIntervalLabel: () => cy.get('label[for="grid-options-x-tick-interval"]'),
-    xTickIntervalInputField: () => cy.get('input[id*="Tick interval"]').eq(0),
+    xTickIntervalInputField: () => cy.get('input[id*="grid-options-x-tick-interval"]').eq(0),
     xDisplayAxisLabel: () => cy.get('[data-ngie-testid="display-axis-label-checkbox"] .MuiFormControlLabel-label').eq(0),
     xRemoveTicksLabel: () => cy.get('[data-ngie-testid="remove-ticks-checkbox"] .MuiFormControlLabel-label').eq(0),
     xShowTicksLabelsLabel: () => cy.get('[data-ngie-testid="show-tick-labels-checkbox"] .MuiFormControlLabel-label').eq(0),
@@ -222,7 +222,7 @@ const selectors = {
     yGridSpacingLabel: () => cy.get('label[for="Y grid spacing"]'),
     yGridSpacingInputField: () => cy.get('input[id*="Y grid spacing"]'),
     yTickIntervalLabel: () => cy.get('label[for="grid-options-y-tick-interval"]'),
-    yTickIntervalInputField: () => cy.get('input[id*="Tick interval"]').eq(1),
+    yTickIntervalInputField: () => cy.get('input[id*="grid-options-y-tick-interval"]'),
     yDisplayAxisLabel: () => cy.get('[data-ngie-testid="display-axis-label-checkbox"] .MuiFormControlLabel-label').eq(1),
     yRemoveTicksLabel: () => cy.get('[data-ngie-testid="remove-ticks-checkbox"] .MuiFormControlLabel-label').eq(1),
     yShowTicksLabelsLabel: () => cy.get('[data-ngie-testid="show-tick-labels-checkbox"] .MuiFormControlLabel-label').eq(1),
@@ -554,7 +554,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get(`[class*="GraphingWrapper"] .ngie-jxgbox svg ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get(`[class*="GraphingWrapper"] .ngie-jxgbox svg ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('not.exist');
                 });
         });
@@ -655,12 +655,12 @@ const steps = {
     },
 
     clickOnXAxisLabel: () => {
-        graphingPage.xAxisLabel()
+        graphingPage.xAxisLabelGraphEditTab()
             .click();
     },
 
     clickOnYAxisLabel: () => {
-        graphingPage.yAxisLabel()
+        graphingPage.yAxisLabelGraphEditTab()
             .click();
     },
 
@@ -668,7 +668,12 @@ const steps = {
         graphingPage.titlePopupAddLabelInputField()
             .clear()
             .type(text)
-            .should('have.text', text);
+            .should('have.value', text);
+    },
+
+    verifyTextInTitlePopupAddLabelInputField: (text) => {
+        graphingPage.titlePopupAddLabelInputField()
+            .should('have.value', text);
     },
 
     clickOnTitlePopupCancelButton: () => {
@@ -785,6 +790,11 @@ const steps = {
             .should('not.be.checked');
     },
 
+    verifySnapToCheckboxIsChecked: () => {
+        graphingPage.snapToGridCheckbox()
+            .should('be.checked');
+    },
+
     /**
      * This function selects toggle option
      * @param {string} ariaLabel of the toggle option
@@ -1199,7 +1209,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get(`.MuiAccordion-region .ngie-jxgbox svg ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get(`.MuiAccordion-region .ngie-jxgbox svg ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('exist');
                 });
         });
@@ -1223,7 +1233,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get(`.MuiAccordion-region .ngie-jxgbox svg ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get(`.MuiAccordion-region .ngie-jxgbox svg ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('not.exist');
                 });
         });
@@ -1426,7 +1436,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('exist');
                 });
         });
@@ -1450,7 +1460,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('not.exist');
                 });
         });
@@ -1474,7 +1484,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('have.css', 'fill', css.color.incorrectAnswer);
                 });
         });
@@ -1498,7 +1508,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get(`[class*="GraphingQuestion"] .ngie-jxgbox svg ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('have.css', 'fill', css.color.correctAnswer);
                 });
         });
@@ -1696,7 +1706,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(1).find(`ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(1).find(`ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('be.visible');
                 });
         });
@@ -1720,7 +1730,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * (graphWidth / (xRange + 1));
                     const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(1).find(`ellipse[display="inline"][cx="${xPixel}"][cy="${yPixel}"]`)
+                    cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(1).find(`ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
                         .should('have.css', 'fill', css.color.correctAnswer);
                 });
         });