itemengine-cypress-automation 1.0.585-IEI-7161-main-ba54fa6.0 → 1.0.585-IEI-7055-cypress-9249eaa.0

package/cypress/e2e/ILC/UploadResponse/studentViewSettingsSection.js

@@ -1,12 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { uploadResponsePage, itemPreviewPage } from "../../../pages";
+import { uploadResponsePage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
-const views = utilities.getViews(correctAnswerViews);
-let itemReferenceID = "";
 
-const labels = [uploadResponsePage.allowStudentToAddFileDescriptionLabel, uploadResponsePage.allowStudentToEditFileNameLabel, uploadResponsePage.displayPerFileSizeLimitToStudentLabel];
+const labels =[uploadResponsePage.allowStudentToAddFileDescriptionLabel, uploadResponsePage.allowStudentToEditFileNameLabel, uploadResponsePage.displayPerFileSizeLimitToStudentLabel];
 
 describe('Create question page - Upload Response: Additional Settings', () => {
     before(() => {
@@ -46,7 +43,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             uploadResponsePage.steps.uncheckDisplayPerFileSizeLimitToStudentCheckbox();
         });
 
-        it('\'Allow student to edit file name\' label and checkbox should be displayed and by default checkbox should be checked', () => {
+        /*it('\'Allow student to edit file name\' label and checkbox should be displayed and by default checkbox should be checked', () => {
             utilities.verifyInnerText(uploadResponsePage.allowStudentToEditFileNameLabel(), 'Allow student to edit file name');
             utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToEditFileNameLabel(), 'visible');
             utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToEditFileNameCheckbox(), 'exist');
@@ -90,7 +87,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
 
         it('Accessibility of \'Student view settings\' section', { tags: 'a11y' }, () => {
             cy.checkAccessibility(uploadResponsePage.uploadControlsLabel().parents('.student-view-settings-container'))
-        });
+        });*/
     });
 
     describe('Upload controls - Preview tab', () => {
@@ -153,7 +150,7 @@ describe('Create question page - Upload Response: Additional Settings', () => {
         });
     });
 
-    describe('Allow student to edit file name - Preview tab', () => {
+    /*describe('Allow student to edit file name - Preview tab', () => {
         abortEarlySetup();
         before(() => {
             uploadResponsePage.steps.navigateToCreateQuestion('upload response');
@@ -173,9 +170,9 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             uploadResponsePage.steps.uncheckAllowStudentToEditFileNameCheckbox();
             uploadResponsePage.steps.switchToPreviewTab();
             uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
-            utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'notExist');
+            utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'hidden');
         });
-    });
+    });*/
 
     describe('Allow student to add file description - Preview tab', () => {
         abortEarlySetup();
@@ -183,9 +180,9 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             uploadResponsePage.steps.navigateToCreateQuestion('upload response');
             cy.barsPreLoaderWait();
         });
-
+        
         it('When the \'Allow student to add file description\' checkbox is checked then in the preview tab, then add description icon should be displayed', () => {
-            uploadResponsePage.steps.verifyAllowStudentToAddFileDescriptionCheckboxChecked();
+            uploadResponsePage.steps.verifyAllowStudentToEditFileNameCheckboxChecked();
             uploadResponsePage.steps.switchToPreviewTab();
             uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
             utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'visible');
@@ -200,174 +197,4 @@ describe('Create question page - Upload Response: Additional Settings', () => {
             utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'notExist');
         });
     });
-
-    views.forEach((view) => {
-        describe(`${view}: Student view settings default state`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        uploadResponsePage.steps.navigateToCreateQuestion('upload response');
-                        cy.barsPreLoaderWait();
-                        uploadResponsePage.steps.addTextInQuestionInstructionsInputField('upload response instructions.');
-                        uploadResponsePage.steps.verifyAllowStudentToEditFileNameCheckboxChecked();
-                        uploadResponsePage.steps.verifyAllowStudentToAddFileDescriptionCheckboxChecked();
-                        uploadResponsePage.steps.verifyDisplayPerFileSizeLimitToStudentCheckboxChecked();
-                        uploadResponsePage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        break;
-                    case 'Student view':
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    uploadResponsePage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`When the 'Allow student to edit file name' checkbox ,then edit icon should be displayed in the ${view}`, () => {
-                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
-                utilities.verifyElementVisibilityState(utilities.getNthElement(uploadResponsePage.editDisplayTextIcon(), 0), 'visible');
-            });
-
-            it(`When the 'Allow student to add file description' checkbox is checked, then add description icon should be displayed in the ${view}`, () => {
-                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
-                utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'visible');
-            });
-
-            it(`When the 'Display per file size limit to student' checkbox is checked then, then 'Maximum file size: #MB' should be displayed in the ${view}`, () => {
-                utilities.verifyElementVisibilityState(uploadResponsePage.maximumFileSize(), 'visible');
-                uploadResponsePage.steps.verifyMaximumFileSizePreviewTab('20MB');
-            });
-
-            it('When the \'Capture photos\' option is selected then in the preview tab, the upload response area text should have \'Capture an image\' option', () => {
-                uploadResponsePage.steps.verifyUploadOptionVisibleInUploadResponseArea('Capture photo');
-            });
-
-            it('When the \'Drag and drop files\' option is selected then in the preview tab, the upload response area text should be \'Drag and drop files here\'', () => {
-                utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
-                utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Drag & Drop files here');
-            });
-
-            it('When the user clicks on the link text \'capture an image\' a \'Capture image\' popup should open', () => {
-                uploadResponsePage.steps.captureImage();
-                utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'visible');
-            });
-
-            it('On \'Capture image\' popup following should be displayed - \'Capture image\' title text, Camera preview, Capture and Cancel buttons', () => {
-                uploadResponsePage.steps.verifyCaptureImagePopup();
-                utilities.verifyElementVisibilityState(uploadResponsePage.acceptButton(), 'visible');
-                utilities.verifyElementVisibilityState(uploadResponsePage.cancelButton(), 'visible');
-                utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Cancel');
-                utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Capture');
-            });
-
-            it('When the user clicks on \'Cancel\' button the \'Capture image\' popup should close', () => {
-                uploadResponsePage.steps.clickCancelButtonInPopup();
-                utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'notExist');
-            });
-
-            it('When the user clicks on \'Capture\' button, then an image should get captured and a preview of the captured image should be displayed in place of the camera preview and also two buttons \'Retake\' and \'Save\' should be displayed in the popup and \'Cancel\' and \'Capture\' buttons should not be displayed in the popup', () => {
-                uploadResponsePage.steps.captureImage();
-                uploadResponsePage.steps.clickAcceptButtonInPopup();
-                utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Retake');
-                utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Save');
-            });
-
-            it('When the user clicks on \'Save\' button, it should upload the captured image in the response', () => {
-                uploadResponsePage.steps.clickAcceptButtonInPopup();
-                utilities.verifyElementVisibilityState(uploadResponsePage.uploadingProgressBar(), 'notExist');
-            });
-        });
-    });
-
-    views.forEach((view) => {
-        describe.only(`${view}: Student view settings modified state`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        uploadResponsePage.steps.navigateToCreateQuestion('upload response');
-                        cy.barsPreLoaderWait();
-                        uploadResponsePage.steps.addTextInQuestionInstructionsInputField('upload response instructions.');
-                        uploadResponsePage.steps.uncheckAllowStudentToEditFileNameCheckbox();
-                        uploadResponsePage.steps.uncheckAllowStudentToAddFileDescriptionCheckbox();
-                        uploadResponsePage.steps.uncheckDisplayPerFileSizeLimitToStudentCheckbox();
-                        uploadResponsePage.steps.unselectUploadControlsOption(0);
-                        uploadResponsePage.steps.unselectUploadControlsOption(1);
-                        uploadResponsePage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    uploadResponsePage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`When the user unchecks  \'Allow student to edit file name\' checkbox, then edit icon should be not be displayed in the ${view}`, () => {
-                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
-                utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'notExist');
-            });
-
-            it(`When the user unchecks 'Allow student to add file description' checkbox, then in the Preview tab add description icon should be not be displayed in the ${view}`, () => {
-                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
-                utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'notExist');
-            });
-
-            it(`When the user unchecks 'Display per file size limit to student' checkbox, then in the Preview tab Maximum file size: #MB should not be displayed in the ${view}`, () => {
-                utilities.verifyElementVisibilityState(uploadResponsePage.maximumFileSize(), 'notExist');
-            });
-
-            it(`When the user unselects the 'Capture photos' option, then the upload response area text should not have 'capture an image' option in the ${view}`, () => {
-                uploadResponsePage.steps.verifyUploadOptionNotVisibleInUploadResponseArea('Capture photo');
-            });
-
-            it(`When the user unselects the 'Drag and drop files' option, then the upload response area text should be 'Upload file here' in the ${view}`, () => {
-                utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
-                utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Upload file here');
-            });
-        });
-    });
 });

package/cypress/e2e/ILC/UploadResponse/uploadResponsePreview.js

@@ -22,7 +22,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('CSS of uploaded file wrapper contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(uploadResponsePage.uploadedFileDownloadLinkText(), {
+            utilities.verifyCSS(uploadResponsePage.uploadedFileLink().children(), {
                 'color': css.color.linkText,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
@@ -105,7 +105,7 @@ describe('Create question page - Upload Response: Preview', () => {
 
         it('On clicking on the file name, user should be able to download the file', () => {
             uploadResponsePage.steps.uploadFile('uploads/image.png');
-            uploadResponsePage.steps.verifyDownloadedFilename('image.png', 0);
+            cy.verifyUploadFilePreviewDownload('image.png');
             cy.wait(5000);
         });
     });

package/cypress/e2e/ILC/UploadResponse/uploadedFileProperties.js

@@ -67,10 +67,9 @@ describe('Create question page - Upload Response: Preview', () => {
             utilities.verifyInnerText(commonComponents.tooltipText(), 'Add file description');
         });
 
-        it('When the user clicks on the \'Add file description\' icon button, an input area should be displayed along with a label text: \'Add file description\'', () => {
+        it('When the user clicks on the \'Add file description\' icon button, an input area should be displayed along with a placeholder text: \'Add file description\'', () => {
             uploadResponsePage.steps.clickOnAddFileDescriptionIcon();
-            utilities.verifyInnerText(uploadResponsePage.addFileDescriptionLabel(), 'Add file description');
-            utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionInput(), 'visible');
+            uploadResponsePage.steps.verifyAddFileDescriptionInputFieldPlaceholderText();
         });
 
         it('CSS of \'Add file description\' input field', { tags: 'css' }, () => {
@@ -82,7 +81,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('Accessibility of \'Add file description\' input field', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(uploadResponsePage.addFileDescriptionInput());
+            cy.checkAccessibility(uploadResponsePage.addFileDescriptionInput().parents('.placeholder'));
         });
 
         it('User should be able to add description text for uploaded file', () => {
@@ -245,7 +244,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('If the user tries to download file after renaming, the file should get downloaded with the original name', () => {
-            uploadResponsePage.steps.verifyDownloadedFilename('imageEdited.png', 0);
+            cy.verifyUploadFilePreviewDownload('image.png');
         });
     });
 });

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') {
@@ -462,7 +462,7 @@ const steps = {
                             const originY = graphHeight / 2;
                             const yPixel = originY - coordinate * (graphHeight / range);
                             numberLineLabelPage.numberLinePreviewTab()
-                                .click(originX, yPixel, { force: true });
+                                .dblclick(originX, yPixel, { force: true });
                         });
                 }
             });
@@ -612,16 +612,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) => {
+        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()

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);
                 });
         });