itemengine-cypress-automation 1.0.585-IEI-7054-f7c1dac.0 → 1.0.585-IEI-7055-cypress-f1d43b9.0

package/cypress/pages/numberLineLabelPage.js

@@ -40,7 +40,7 @@ const selectors = {
     correctIncorrectStatusMessageText: () => cy.get('[class*="NumberLinestyles__CorrectIncorrectWrapper"]'),
 
     //Correct answer section
-    numberLineCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox svg').eq(2),
+    numberLineCorrectAnswerSection: (isAlternativeAnswerSVG = false) => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox svg').eq(isAlternativeAnswerSVG ? 3 : 2),
     numberLinePointCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').last().find('svg ellipse[display="inline"]')
 }
 
@@ -440,7 +440,7 @@ const steps = {
     clickAndDropLabelOnNumberLinePreviewTab: (label, orientation, range, coordinate) => {
         numberLineLabelPage.draggableLabelsPreviewTab()
             .contains(label)
-            .click();
+            .click({ force: true });
         numberLineLabelPage.numberLinePreviewTab()
             .then(($graphElement) => {
                 if (orientation === 'horizontal') {
@@ -451,6 +451,7 @@ const steps = {
                     const xPixel = originX + coordinate * (graphWidth / range);
                     numberLineLabelPage.numberLinePreviewTab()
                         .click(xPixel, originY, { force: true });
+                    cy.wait(2000); // Wait for UI to update after clicking the label
                 } else {
                     numberLineLabelPage.labelContainerPreviewTab()
                         .then(($element) => {
@@ -463,6 +464,7 @@ const steps = {
                             const yPixel = originY - coordinate * (graphHeight / range);
                             numberLineLabelPage.numberLinePreviewTab()
                                 .click(originX, yPixel, { force: true });
+                            cy.wait(2000); // Wait for UI to update after clicking the label
                         });
                 }
             });
@@ -612,16 +614,17 @@ const steps = {
    * @param {Object[]} coordinates - An array containing x and y coordinates along with their ranges
    * @param {number} range - range of x coordinate
    */
-    verifyCorrectResponseOnNumberLineCorrectAnswerSection: (label, range, coordinate) => {
+    verifyCorrectResponseOnNumberLineCorrectAnswerSection: (label, range, coordinate, isAlternativeAnswer, isGradingView) => {
+        let index = isAlternativeAnswer ? 2 : 1;
         numberLineLabelPage.numberLineCorrectAnswerSection()
             .then(($graphElement) => {
                 let graphWidth = $graphElement[0].clientWidth;
                 const originX = graphWidth / 2 + tolerance / 2;
                 const xPixel = originX + coordinate * ((graphWidth - tolerance) / range);
-                cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][display="inline"]:visible`)
+                cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(index).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][display="inline"]:visible`)
                     .should('have.css', 'fill', css.color.correctAnswer);
             });
-        numberLineLabelPage.numberLineCorrectAnswerSection()
+        numberLineLabelPage.numberLineCorrectAnswerSection(isAlternativeAnswer)
             .parents('.ngie-jxgbox')
             .within(() => {
                 numberLineLabelPage.draggableLabelsSpecifyCorrectAnswer()
@@ -965,16 +968,17 @@ const steps = {
     * @param {Object[]} coordinates - An array containing x and y coordinates along with their ranges
     * @param {number} range - range of x coordinate
     */
-    verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection: (label, range, coordinate) => {
+    verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection: (label, range, coordinate, isAlternativeAnswer) => {
+        let index = isAlternativeAnswer ? 2 : 1;
         numberLineLabelPage.numberLineCorrectAnswerSection()
             .then(($graphElement) => {
                 let graphHeight = $graphElement[0].clientHeight;
                 const originY = graphHeight / 2 - tolerance / 2;
                 const yPixel = originY - coordinate * ((graphHeight - tolerance) / range);
-                cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cy*="${Math.floor(yPixel)}"][display="inline"]:visible`)
+                cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(index).find(`svg ellipse[cy*="${Math.floor(yPixel)}"][display="inline"]:visible`)
                     .should('have.css', 'fill', css.color.correctAnswer);
             });
-        numberLineLabelPage.numberLineCorrectAnswerSection()
+        numberLineLabelPage.numberLineCorrectAnswerSection(isAlternativeAnswer)
             .parents('.ngie-jxgbox')
             .within(() => {
                 numberLineLabelPage.draggableLabelsSpecifyCorrectAnswer()

package/cypress/pages/numberLinePage.js

@@ -607,7 +607,8 @@ const steps = {
     * @param {number} coordinates[].x - x coordinate to be plotted on the graph
     * @param {number} coordinates[].xRange - range of x coordinate
     */
-    verifyCorrectPointsOnNumberLineCorrectAnswerSection: (range, coordinates) => {
+    verifyCorrectPointsOnNumberLineCorrectAnswerSection: (range, coordinates, isAlternativeAnswer = false) => {
+        let index = isAlternativeAnswer ? 2 : 1;
         coordinates.forEach(x => {
             numberLinePage.numberLineCorrectAnswerSection()
                 .then(($graphElement) => {
@@ -616,7 +617,7 @@ const steps = {
                     const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
                     const xPixel = originX + x * ((graphWidth - tolerance) / range);
-                    cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][display="inline"]`)
+                    cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(index).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
         });
@@ -670,7 +671,8 @@ const steps = {
      * @param {number} range - The uniform range of coordinates.
      * @param {Object[]} coordinates - An array of objects, each with x1 and x2 properties representing the points of each line segment.
      */
-    verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection: (range, coordinates) => {
+    verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection: (range, coordinates, isAlternativeAnswer = false) => {
+        let index = isAlternativeAnswer ? 2 : 1;
         coordinates.forEach(({ x1, x2 }) => {
             numberLinePage.numberLineCorrectAnswerSection()
                 .then(($graphElement) => {
@@ -680,7 +682,7 @@ const steps = {
                     const originY = graphHeight / 2;
                     const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
                     const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
-                    cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
+                    cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(index).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
         });
@@ -692,7 +694,8 @@ const steps = {
      * @param {number} range - The range of the number line.
      * @param {number} startingPoint - It representing the starting point of the ray.
      */
-    verifyCorrectRayOnNumberLineCorrectAnswerSection: (direction, range, startingPoint) => {
+    verifyCorrectRayOnNumberLineCorrectAnswerSection: (direction, range, startingPoint, isAlternativeAnswer = false) => {
+        let index = isAlternativeAnswer ? 2 : 1;
         numberLinePage.numberLineCorrectAnswerSection()
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
@@ -702,7 +705,7 @@ const steps = {
                 const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
-                cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
+                cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(index).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                     .should('have.css', 'stroke', css.color.correctAnswer);
             });
     },
@@ -949,7 +952,8 @@ const steps = {
     * @param {number} range - The range of the number line.
     * @param {number[]} coordinates - The y-coordinates of the points.
     */
-    verifyCorrectPointsOnVerticalNumberLineCorrectAnswerSection: (range, coordinates) => {
+    verifyCorrectPointsOnVerticalNumberLineCorrectAnswerSection: (range, coordinates, isAlternativeAnswer = false) => {
+        let index = isAlternativeAnswer ? 2 : 1;
         coordinates.forEach(y => {
             numberLinePage.numberLineCorrectAnswerSection()
                 .then(($graphElement) => {
@@ -958,7 +962,7 @@ const steps = {
                     const originX = graphWidth / 2;
                     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"]`)
+                    cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(index).find(`svg ellipse[cx*="${Math.floor(originX)}"][cy*="${Math.floor(yPixel)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
         });
@@ -1109,7 +1113,8 @@ const steps = {
      * @param {number} coordinates[].y1 - The y-coordinate of the starting point.
      * @param {number} coordinates[].y2 - The y-coordinate of the ending point.
      */
-    verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection: (range, coordinates) => {
+    verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection: (range, coordinates, isAlternativeAnswer = false) => {
+        let index = isAlternativeAnswer ? 2 : 1;
         coordinates.forEach(({ y1, y2 }) => {
             numberLinePage.numberLineCorrectAnswerSection()
                 .then(($graphElement) => {
@@ -1119,7 +1124,7 @@ const steps = {
                     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)}"]`)
+                    cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(index).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);
                 });
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.585-IEI-7054-f7c1dac.0",
+  "version": "1.0.585-IEI-7055-cypress-f1d43b9.0",
   "description": "",
   "main": "index.js",
   "scripts": {