itemengine-cypress-automation 1.0.585-IEI-7054-f7c1dac.0 → 1.0.585-IEI-7055-cypress-f1d43b9.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/graphingPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { questionInstructionsComponent, createQuestionBasePage, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, backgroundImageUploadComponent, imageCanvasComponent, opacityComponent, autoScoredScoringSectionMultiResponseType, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolsAndControlsComponent, resetPopupComponent, defaultToolDropdown, showAlternativeAnswersComponent } from "./components";
+import { questionInstructionsComponent, createQuestionBasePage, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, backgroundImageUploadComponent, imageCanvasComponent, opacityComponent, autoScoredScoringSectionMultiResponseType, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolsAndControlsComponent, resetPopupComponent, defaultToolDropdown } from "./components";
 import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
 
@@ -17,7 +17,6 @@ const selectors = {
     ...toolsAndControlsComponent,
     ...resetPopupComponent,
     ...defaultToolDropdown,
-    ...showAlternativeAnswersComponent,
 
     //Edit tab
     graphEditTab: () => cy.get('[class*="GraphingWrapper"] .ngie-jxgbox svg'),
@@ -236,18 +235,13 @@ const selectors = {
     //Correct answer section
     correctAnswerLabel: () => cy.get('[class*="AnswerLabel"]'),
     graphCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg'),
-    graphAlternativeAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(1),
     graphCircleCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('ellipse[fill-opacity="0"]'),
-    graphCircleAlternativeAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(2).find('ellipse[fill-opacity="0"]'),
     graphLineCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('line[tabindex="0"][stroke-width="2px"]'),
-    graphLineAlternativeAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(2).find('line[tabindex="0"][stroke-width="2px"]'),
     graphPolygonCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('polygon'),
-    graphPolygonAlternativeAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(2).find('polygon'),
     graphSineWaveCorrectAnswerSection: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox').eq(1).find('[pointer-events="visiblePainted"][tabindex="0"][fill-rule="evenodd"]'),
     correctIncorrectStatusMessageText: () => cy.get('[class*="Graphingstyles__CorrectIncorrectWrapper"]'),
     incorrectIcon: () => cy.get('[data-icon="Incorrect"]'),
     correctIcon: () => cy.get('[data-icon="CorrectAnswer"]'),
-    correctAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]'),
 
     //Accept repeated points
     acceptRepeatedPointsToggle: () => cy.get('.repeated-points-wrapper input'),
@@ -272,7 +266,6 @@ const steps = {
     ...resetPopupComponent.steps,
     ...defaultToolDropdown.steps,
     ...createItemPage.steps,
-    ...showAlternativeAnswersComponent.steps,
 
     //Edit tab
     checkPatternBackground: () => {
@@ -1721,31 +1714,6 @@ const steps = {
         });
     },
 
-    verifyPointsPlottedOnAlternativeAnswerSection: (coordinates) => {
-        coordinates.forEach(({ x, xRange, y, yRange }) => {
-            graphingPage.graphAlternativeAnswerSection()
-                .then(($graphElement) => {
-                    const graphWidth = $graphElement[0].clientWidth;
-                    const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
-                    const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / (xRange + 1));
-                    const yPixel = originY - y * (graphHeight / (yRange + 1));
-                    cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(1).find(`ellipse[display="inline"][cx*="${xPixel}"][cy*="${yPixel}"]`)
-                        .should('be.visible');
-                });
-        });
-    },
-
-    verifyAnswerLabelAndPoints: (expectedLabel, expectedPoints, sectionIndex = 0) => {
-        graphingPage.correctAnswerLabelWrapper()
-            .eq(sectionIndex)
-            .within(() => {
-                cy.contains(expectedLabel).should('be.visible');
-                cy.get('p').should('contain.text', expectedPoints);
-            });
-    },
-
     /**
      * This function verifies the plotted points are correct
      * @param {Object[]} coordinates - An array containing x and x coordinates along with their range