itemengine-cypress-automation 1.0.590 → 1.0.591-IEI-7055-cypress-d2f8270.0

package/cypress/e2e/ILC/NumberLineLabel/allOrNothingForAllViews.smoke.js

@@ -1,11 +1,13 @@
 import { numberLineLabelPage, gradingViewPage, itemPreviewPage, studentViewPage, dialogBoxBase } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
+import { showAlternativeAnswersComponent } from "../../../pages/components";
 const grepTags = Cypress.env('grepTags');
 let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
 const views = utilities.getViews(correctAnswerViews);
 var itemReferenceID = "";
 const range = 22.2;
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create Item page - Number line label: All or nothing ', () => {
     before(() => {
@@ -251,6 +253,262 @@ describe('Create Item page - Number line label: All or nothing ', () => {
         });
     });
 
+    if (alternativeAnswerCheck) {
+        views.forEach((view) => {
+            describe(`Number line - label: All or nothing scoring with alternate answer - ${view}`, { tags: 'smoke' }, () => {
+                abortEarlySetup();
+                before(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                            cy.barsPreLoaderWait();
+                            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                            numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                            for (let i = 0; i < 2; i++) {
+                                numberLineLabelPage.steps.addLabel();
+                            }
+                            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5']);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 1', 'horizontal', range, 0);
+                            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 2', 'horizontal', range, 9);
+                            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 3', 'horizontal', range, -9);
+                            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [-9]);
+                            numberLineLabelPage.steps.allotPoints(20);
+                            //Alternative answer
+                            numberLineLabelPage.steps.addAlternativeAnswerAccordion(1);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 1', 'horizontal', range, 0);
+                            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 4', 'horizontal', range, 6);
+                            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [6]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 5', 'horizontal', range, -6);
+                            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [-6]);
+                            numberLineLabelPage.steps.allotPoints(12);
+                            numberLineLabelPage.steps.switchToPreviewTab();
+                            break;
+                        case 'Item preview':
+                            cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                            itemPreviewPage.steps.switchToPreviewTab();
+                            break;
+                        case 'Grading view':
+                            cy.wait(5000);
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            break;
+                    }
+                });
+
+                beforeEach(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            numberLineLabelPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            numberLineLabelPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Item preview':
+                            itemPreviewPage.steps.switchToStudentView();
+                            itemPreviewPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Grading view':
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            break;
+                        }
+                });
+
+                if (view === 'Question preview') {
+                    after(() => {
+                        numberLineLabelPage.steps.clickOnSaveQuestionButton();
+                        utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                        itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                    });
+                };
+
+                it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.switchToGradingView();
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                    }
+                    utilities.verifyElementVisibilityState(numberLineLabelPage.numberLinePointPreviewTab(), 'notExist');
+                    numberLineLabelPage.steps.verifyCorrectIncorrectIconsNotExist();
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, false, view === 'Grading view' ? true : false);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                    cy.wait(2000);
+                });
+
+                it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'horizontal', range, 0);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'horizontal', range, 4);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [4]);
+                    cy.wait(2000);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.verifyIncorrectResponseOnNumberLinePreviewTab('Label 4', range, 0);
+                    numberLineLabelPage.steps.verifyIncorrectResponseOnNumberLinePreviewTab('Label 3', range, 4);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                    cy.wait(2000);
+                });
+
+                it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    }
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'horizontal', range, 0);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 2', 'horizontal', range, 9);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'horizontal', range, -8);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [-8]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.verifyIncorrectResponseOnNumberLinePreviewTab('Label 3', range, -8);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                    cy.wait(2000);
+                });
+
+                it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    }
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'horizontal', range, 0);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 2', 'horizontal', range, 9);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'horizontal', range, -9);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'horizontal', range, 2);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [2]);
+                    cy.wait(2000);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.verifyIncorrectResponseOnNumberLinePreviewTab('Label 4', range, 2);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 3', range, -9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                    cy.wait(2000);
+                });
+
+                it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    }
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'horizontal', range, 0);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 2', 'horizontal', range, 9);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                    cy.wait(2000);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'horizontal', range, -9);
+                    numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+                    cy.wait(2000);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(20, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 3', range, -9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    numberLineLabelPage.steps.verifyCorrectAnswerSectionNotExist();
+                });
+            });
+        });
+    }
+
     views.forEach((view) => {
         describe(`Number line - label: Manually scored - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();

package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/allOrNothingForAllViews.smoke.js

@@ -1,11 +1,13 @@
 import { numberLineLabelPage, gradingViewPage, itemPreviewPage, studentViewPage, dialogBoxBase } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
 import utilities from "../../../../support/helpers/utilities";
 const grepTags = Cypress.env('grepTags');
 let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
 const views = utilities.getViews(correctAnswerViews);
 var itemReferenceID = "";
 const range = 22.19;
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create Item page - Number line: All or nothing ', () => {
     before(() => {
@@ -234,6 +236,245 @@ describe('Create Item page - Number line: All or nothing ', () => {
         });
     });
 
+    if (alternativeAnswerCheck) {
+        views.forEach((view) => {
+            describe(`Number line - label: All or nothing scoring with alternate answer - ${view}`, { tags: 'smoke' }, () => {
+                abortEarlySetup();
+                before(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                            cy.barsPreLoaderWait();
+                            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                            numberLineLabelPage.steps.selectOrientationToggleButton('Upright');
+                            numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                            numberLineLabelPage.steps.allotPoints(20);
+                            for (let i = 0; i < 2; i++) {
+                                numberLineLabelPage.steps.addLabel();
+                            }
+                            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5']);
+                            cy.wait(2000);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 1', 'vertical', range, 0);
+                            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 2', 'vertical', range, 9);
+                            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 3', 'vertical', range, -9);
+                            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [-9]);
+                            //Alternative answer
+                            numberLineLabelPage.steps.addAlternativeAnswerAccordion(1);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 1', 'vertical', range, 0);
+                            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 4', 'vertical', range, 6);
+                            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [6]);
+                            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 5', 'vertical', range, -6);
+                            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [-6]);
+                            numberLineLabelPage.steps.allotPoints(12);
+                            numberLineLabelPage.steps.switchToPreviewTab();
+                            break;
+                        case 'Item preview':
+                            cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                            itemPreviewPage.steps.switchToPreviewTab();
+                            break;
+                        case 'Grading view':
+                            cy.wait(5000);
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            break;
+                    }
+                });
+
+                beforeEach(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            numberLineLabelPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            numberLineLabelPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Item preview':
+                            itemPreviewPage.steps.switchToStudentView();
+                            itemPreviewPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Grading view':
+                            cy.wait(5000);
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            break;
+                    }
+                });
+
+                if (view === 'Question preview') {
+                    after(() => {
+                        numberLineLabelPage.steps.clickOnSaveQuestionButton();
+                        utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                        itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                    });
+                };
+
+                it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.switchToGradingView();
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                    }
+                    utilities.verifyElementVisibilityState(numberLineLabelPage.numberLinePointPreviewTab(), 'notExist');
+                    //TODO: Remove comment after https://redmine.zeuslearning.com/issues/565569 is resolved
+                    //numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                });
+
+                it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'vertical', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'vertical', range, 4);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [4]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 4', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 3', range, 4);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                });
+
+                it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    }
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'vertical', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 2', 'vertical', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'vertical', range, -8);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-8]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 3', range, -8);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                });
+
+                it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    }
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'vertical', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 2', 'vertical', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'vertical', range, -9);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'vertical', range, 2);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [2]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 4', range, 2);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 3', range, -9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(12 points)');
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 4', range, 6, true);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 5', range, -6, true);
+                });
+
+                it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    }
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'vertical', range, 0);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 2', 'vertical', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                    numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'vertical', range, -9);
+                    numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                    } else {
+                        numberLineLabelPage.steps.verifyPreviewScore(20, 20);
+                        numberLineLabelPage.steps.switchToGradingView();
+                    }
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 3', range, -9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
+                    numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+                    numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    numberLineLabelPage.steps.verifyCorrectAnswerSectionNotExist();
+                });
+            });
+        });
+    }
+
     views.forEach((view) => {
         describe(`Number line - label vertical: Manually scored - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();

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()