itemengine-cypress-automation 1.0.216 → 1.0.218-numberLineFixes-382e88a.0

package/cypress/pages/numberLinePage.js

@@ -2,8 +2,8 @@ import utilities from '../support/helpers/utilities';
 import { createQuestionBasePage, toolsAndControlsComponent, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, commonComponents, autoScoredScoringSectionMultiResponseType, toolSettingsComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, autoScoredStudentViewSettings, randomizeOptionsComponent, studentViewSettingsLabelComponent, defaultToolDropdown, layoutSectionComponent, numberLineCommonComponent } from './components';
 import { dialogBoxBase } from './dialogBoxBase';
 const css = Cypress.env('css');
-const range = 20.75;
-const tolerance = 11.36;
+const range = 22.18;
+const tolerance = 6.25;
 
 const selectors = {
     ...toolsAndControlsComponent,
@@ -259,7 +259,7 @@ const steps = {
                     numberLinePage.numberLinePreviewTab()
                         .click(xPixel, originY, { force: true });
                 } else {
-                    const yPixel = originY - coordinate * (graphHeight / range);
+                    const yPixel = originY - coordinate * ((graphHeight - tolerance) / range);
                     numberLinePage.numberLinePreviewTab()
                         .click(originX, yPixel, { force: true });
                 }
@@ -773,6 +773,11 @@ const steps = {
             });
     },
 
+    verifyCorrectIncorrectLabelNotExist: () => {
+        numberLinePage.correctIncorrectAnswerTextWrapper()
+            .should('not.exist');
+    },
+
     //Layout
 
     clickOnToolOptionsSpecifyCorrectAnswer: () => {
@@ -802,8 +807,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY - y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY - y * ((graphHeight - tolerance) / range);
                     cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][tabindex="0"]`)
                         .should('exist');
                 });
@@ -822,8 +827,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY + y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY + y * ((graphHeight - tolerance) / range);
                     cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][tabindex="0"]`)
                         .should('not.exist');
                 });
@@ -842,8 +847,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY - y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY - y * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][tabindex="0"]`)
                         .should('exist');
                 });
@@ -857,8 +862,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY - y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY - y * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -872,8 +877,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY - y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY - y * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.incorrectAnswer);
                 });
@@ -892,8 +897,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY - y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY - y * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][tabindex="0"]`)
                         .should('not.exist');
                 });
@@ -913,8 +918,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY - y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY - y * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][pointer-events="visiblePainted"]`)
                         .should('exist');
                 });
@@ -933,8 +938,8 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const yPixel = originY - y * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const yPixel = originY - y * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -955,9 +960,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get(`.ngie-accordion .ngie-jxgbox svg [stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('be.visible');
                 });
@@ -978,9 +983,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('be.visible');
                 });
@@ -1001,9 +1006,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -1024,9 +1029,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('have.css', 'stroke', css.color.incorrectAnswer);
                 });
@@ -1047,9 +1052,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('not.exist');
                 });
@@ -1070,9 +1075,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('be.visible');
                 });
@@ -1093,9 +1098,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -1116,9 +1121,9 @@ const steps = {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
                     const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const y1Pixel = originY - y1 * (graphHeight / range);
-                    const y2Pixel = originY - y2 * (graphHeight / range);
+                    const originY = graphHeight / 2 - tolerance / 2;
+                    const y1Pixel = originY - y1 * ((graphHeight - tolerance) / range);
+                    const y2Pixel = originY - y2 * ((graphHeight - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg [stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
                         .should('not.exist');
                 });
@@ -1136,8 +1141,8 @@ const steps = {
             const graphWidth = $graphElement[0].clientWidth;
             const graphHeight = $graphElement[0].clientHeight;
             const originX = graphWidth / 2;
-            const originY = graphHeight / 2;
-            const y1Pixel = originY - startingPoint * (graphHeight / range);
+            const originY = graphHeight / 2 - tolerance / 2;
+            const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
             const rayArrowHeight = 18;
             const y2Pixel = direction === 'up' ? rayArrowHeight : graphHeight - rayArrowHeight;
             cy.get(`.ngie-accordion .ngie-jxgbox svg [stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
@@ -1156,8 +1161,8 @@ const steps = {
             const graphWidth = $graphElement[0].clientWidth;
             const graphHeight = $graphElement[0].clientHeight;
             const originX = graphWidth / 2;
-            const originY = graphHeight / 2;
-            const y1Pixel = originY - startingPoint * (graphHeight / range);
+            const originY = graphHeight / 2 - tolerance / 2;
+            const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
             const rayArrowHeight = 18;
             const y2Pixel = direction === 'up' ? rayArrowHeight : graphHeight - rayArrowHeight;
             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
@@ -1177,8 +1182,8 @@ const steps = {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
                 const originX = graphWidth / 2;
-                const originY = graphHeight / 2;
-                const y1Pixel = originY - startingPoint * (graphHeight / range);
+                const originY = graphHeight / 2 - tolerance / 2;
+                const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
                 const rayArrowHeight = 18;
                 const y2Pixel = direction === "up" ? rayArrowHeight : graphHeight - rayArrowHeight;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
@@ -1197,8 +1202,8 @@ const steps = {
             const graphWidth = $graphElement[0].clientWidth;
             const graphHeight = $graphElement[0].clientHeight;
             const originX = graphWidth / 2;
-            const originY = graphHeight / 2;
-            const y1Pixel = originY - startingPoint * (graphHeight / range);
+            const originY = graphHeight / 2 - tolerance / 2;
+            const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
             const rayArrowHeight = 18;
             const y2Pixel = direction === "up" ? rayArrowHeight : graphHeight - rayArrowHeight;
             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
@@ -1217,8 +1222,8 @@ const steps = {
             const graphWidth = $graphElement[0].clientWidth;
             const graphHeight = $graphElement[0].clientHeight;
             const originX = graphWidth / 2;
-            const originY = graphHeight / 2;
-            const y1Pixel = originY - startingPoint * (graphHeight / range);
+            const originY = graphHeight / 2 - tolerance / 2;
+            const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
             const rayArrowHeight = 18;
             const y2Pixel = direction === "up" ? rayArrowHeight : graphHeight - rayArrowHeight;
             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
@@ -1237,8 +1242,8 @@ const steps = {
             const graphWidth = $graphElement[0].clientWidth;
             const graphHeight = $graphElement[0].clientHeight;
             const originX = graphWidth / 2;
-            const originY = graphHeight / 2;
-            const y1Pixel = originY - startingPoint * (graphHeight / range);
+            const originY = graphHeight / 2 - tolerance / 2;
+            const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
             const rayArrowHeight = 18;
             const y2Pixel = direction === "up" ? rayArrowHeight : graphHeight - rayArrowHeight;
             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
@@ -1257,8 +1262,8 @@ const steps = {
             const graphWidth = $graphElement[0].clientWidth;
             const graphHeight = $graphElement[0].clientHeight;
             const originX = graphWidth / 2;
-            const originY = graphHeight / 2;
-            const y1Pixel = originY - startingPoint * (graphHeight / range);
+            const originY = graphHeight / 2 - tolerance / 2;
+            const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
             const rayArrowHeight = 18;
             const y2Pixel = direction === "up" ? rayArrowHeight : graphHeight - rayArrowHeight;
             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)
@@ -1277,8 +1282,8 @@ const steps = {
             const graphWidth = $graphElement[0].clientWidth;
             const graphHeight = $graphElement[0].clientHeight;
             const originX = graphWidth / 2;
-            const originY = graphHeight / 2;
-            const y1Pixel = originY - startingPoint * (graphHeight / range);
+            const originY = graphHeight / 2 - tolerance / 2;
+            const y1Pixel = originY - startingPoint * ((graphHeight - tolerance) / range);
             const rayArrowHeight = 18;
             const y2Pixel = direction === "up" ? rayArrowHeight : graphHeight - rayArrowHeight;
             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg [stroke-linecap="butt"][x1*="${Math.floor(originX)}"][y1*="${Math.floor(y1Pixel)}"][x2*="${Math.floor(originX)}"][y2*="${Math.floor(y2Pixel)}"]`)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.216",
+  "version": "1.0.218-numberLineFixes-382e88a.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -35,4 +35,4 @@
     "node-fetch": "^3.3.2",
     "react-uuid": "^2.0.0"
   }
-}
+}