itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-7thMayFixes-fcaf7b8.0

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

@@ -0,0 +1,292 @@
+import { numberLineLabelPage, gradingViewPage, itemPreviewPage, studentViewPage, dialogBoxBase } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+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 = 20.75;
+
+describe('Create Item page - Number line: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                numberLineLabelPage.steps.selectOrientationToggleButton('Vertical');
+                numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                numberLineLabelPage.steps.addLabel();
+                numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+                numberLineLabelPage.steps.switchToPreviewTab();
+            });
+
+            numberLineLabelPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                numberLineLabelPage.steps.switchToEditTab();
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 1', 'vertical', range, 1);
+                numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [1]);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 2', 'vertical', range, 9);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 3', 'vertical', range, -9);
+                numberLineLabelPage.steps.allotPoints(20);
+                numberLineLabelPage.steps.switchToPreviewTab();
+                numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, users response should not persist', () => {
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'vertical', range, 0);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 2', 'vertical', range, 9);
+                numberLineLabelPage.steps.resetQuestionPreview();
+                utilities.verifyElementVisibilityState(numberLineLabelPage.numberLinePointPreviewTab(), 'notExist');
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`Number line - label: All or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                        cy.barsPreLoaderWait();
+                        numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                        numberLineLabelPage.steps.selectOrientationToggleButton('Vertical');
+                        numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                        numberLineLabelPage.steps.addLabel();
+                        numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+                        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]);
+                        numberLineLabelPage.steps.allotPoints(20);
+                        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.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 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);
+            });
+
+            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);
+            });
+
+            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);
+            });
+
+            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);
+            });
+
+            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();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                numberLineLabelPage.steps.selectOrientationToggleButton('Vertical');
+                numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                numberLineLabelPage.steps.addLabel();
+                numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+                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]);
+                numberLineLabelPage.steps.allotPoints(20);
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                numberLineLabelPage.steps.expandMinimumScoringDropdown();
+                numberLineLabelPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                numberLineLabelPage.steps.allotMinimumPoints(2);
+                numberLineLabelPage.steps.switchToPreviewTab();
+                numberLineLabelPage.steps.switchToGradingView();
+                numberLineLabelPage.steps.verifyPreviewScore(2, 20);
+                numberLineLabelPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                numberLineLabelPage.steps.resetQuestionPreview();
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'vertical', range, 0);
+                numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                numberLineLabelPage.steps.verifyPreviewScore(2, 20);
+                numberLineLabelPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with 0 points', () => {
+                numberLineLabelPage.steps.switchToEditTab();
+                numberLineLabelPage.steps.expandMinimumScoringDropdown();
+                numberLineLabelPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                numberLineLabelPage.steps.allotMinimumPoints(2);
+                numberLineLabelPage.steps.switchToPreviewTab();
+                numberLineLabelPage.steps.switchToGradingView();
+                numberLineLabelPage.steps.verifyPreviewScore(0, 20);
+                numberLineLabelPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                numberLineLabelPage.steps.resetQuestionPreview();
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'vertical', range, 0);
+                numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                numberLineLabelPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

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

@@ -0,0 +1,155 @@
+import { numberLineLabelPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+var itemReferenceID = "";
+const range = 20.75;
+
+describe('Create item page - Number line - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case 'Question preview':
+                case 'Item preview':
+                    numberLineLabelPage.steps.checkAnswer();
+                    break;
+                case 'Student view':
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+
+        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                        cy.barsPreLoaderWait();
+                        numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                        numberLineLabelPage.steps.selectOrientationToggleButton('Vertical');
+                        numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                        numberLineLabelPage.steps.addLabel();
+                        numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+                        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]);
+                        numberLineLabelPage.steps.allotPoints(20);
+                        numberLineLabelPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        numberLineLabelPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        numberLineLabelPage.steps.verifyCorrectAnswerSectionNotExist();
+                        numberLineLabelPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        numberLineLabelPage.steps.verifyCorrectAnswerSectionNotExist();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student 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, \'Your answer is incorrect\' status message should be displayed and the number line should have no points plotted', () => {
+                checkAnswer(view);
+                numberLineLabelPage.steps.verifyVerticalPointsNotExistOnNumberLinePreviewTab(range, [0, 9, -9])
+                //TODO: Remove comment after https://redmine.zeuslearning.com/issues/565569 is resolved
+                //numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                numberLineLabelPage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+
+            it('When the user attempts the question incorrectly then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect', () => {
+                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]);
+                checkAnswer(view);
+                numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 4', range, 0);
+                numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 3', range, 4);
+                numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+                numberLineLabelPage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+
+            it('When the user attempts the question partially correct then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct', () => {
+                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]);
+                checkAnswer(view);
+                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.verifyCorrectAnswerSectionNotExist();
+            });
+
+            it('When the user attempts the question partially correct with an incorrect response then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response', () => {
+                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]);
+                checkAnswer(view);
+                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.verifyCorrectAnswerSectionNotExist();
+            });
+
+            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', () => {
+                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]);
+                checkAnswer(view);
+                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();
+            });
+        });
+    });
+});

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

@@ -0,0 +1,166 @@
+import { numberLineLabelPage, correctAnswerViewPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import { gradingViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+let gradingAndCorrectAnsView = ['Grading view', 'Correct answer view']
+const views = utilities.getViews(gradingAndCorrectAnsView);
+var itemReferenceID = "";
+const css = Cypress.env('css');
+const range = 20.75;
+
+describe('Create item page - Number line label - vertical: Grading view, Correct answer view contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (views.includes('Grading view')) {
+        describe('Grading view contents', { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                numberLineLabelPage.steps.selectOrientationToggleButton('Vertical');
+                numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                numberLineLabelPage.steps.addLabel();
+                numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+                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]);
+                numberLineLabelPage.steps.allotPoints(10);
+                numberLineLabelPage.steps.clickOnSaveQuestionButton();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                //Global variable issue, not working inside before
+                itemPreviewPage.referenceID()
+                    .invoke('text')
+                    .then(($refID) => {
+                        itemReferenceID = $refID;
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        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]);
+                        studentViewPage.steps.submitResponse();
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                    });
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(numberLineLabelPage.questionInstructionsText(), 'Plot labels on the number line');
+                utilities.verifyElementVisibilityState(numberLineLabelPage.questionInstructionsText(), 'visible');
+            });
+
+            it('Correct answer label should be displayed', () => {
+                utilities.verifyInnerText(numberLineLabelPage.correctAnswersLabel(), 'Correct answers');
+                utilities.verifyElementVisibilityState(numberLineLabelPage.correctAnswersLabel(), 'visible');
+            });
+
+            it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
+                numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 3', range, -8);
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
+            });
+
+            it('The unattempted labels should be displayed in disabled state', () => {
+                numberLineLabelPage.steps.verifyLabelIsDisabledForGradingView('Label 4')
+            });
+
+            it('Points and the total score should be displayed', () => {
+                gradingViewPage.steps.verifyGradingViewScore(0, 10);
+            });
+
+            it('CSS of grading view', { tags: 'css' }, () => {
+                utilities.verifyCSS(utilities.getNthElement(numberLineLabelPage.numberLinePointPreviewTab(), 0), {
+                    'stroke': css.color.correctAnswer
+                });
+                utilities.verifyCSS(utilities.getNthElement(numberLineLabelPage.numberLinePointPreviewTab(), 2), {
+                    'stroke': css.color.incorrectAnswer
+                });
+                utilities.verifyCSS(utilities.getNthElement(numberLineLabelPage.numberLinePointCorrectAnswerSection(), 0), {
+                    'stroke': css.color.correctAnswer
+                });
+                utilities.verifyCSS(utilities.getNthElement(numberLineLabelPage.draggableLabelsPreviewTab(), 0), {
+                    'border': `1px solid ${css.color.correctAnswer}`,
+                    'color': css.color.text
+                });
+                utilities.verifyCSS(utilities.getNthElement(numberLineLabelPage.draggableLabelsPreviewTab(), 2), {
+                    'border': `1px solid ${css.color.incorrectAnswer}`,
+                    'color': css.color.text
+                });
+            });
+
+            it('Accessibility of grading view', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLineLabelPage.numberLinePreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    }
+
+    if (views.includes('Correct answer view')) {
+        describe('Correct answer view contents', { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                numberLineLabelPage.steps.selectOrientationToggleButton('Vertical');
+                numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+                numberLineLabelPage.steps.addLabel();
+                numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+                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]);
+                numberLineLabelPage.steps.allotPoints(10);
+                numberLineLabelPage.steps.clickOnSaveQuestionButton();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                //Global variable issue, not working inside before
+                itemPreviewPage.referenceID()
+                    .invoke('text')
+                    .then(($refID) => {
+                        itemReferenceID = $refID
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                    });
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(numberLineLabelPage.questionInstructionsText(), 'Plot labels on the number line');
+                utilities.verifyElementVisibilityState(numberLineLabelPage.questionInstructionsText(), 'visible');
+            });
+
+            it('The correct answer set by user should be displayed in the correct answer view', () => {
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 1', 320);
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 2', 42);
+                numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 3', 597);
+            });
+
+            it('The points alloted to the question should be displayed', () => {
+                correctAnswerViewPage.steps.verifyAvailablePoints(10);
+            });
+
+            it('CSS of correct answer section', { tags: 'css' }, () => {
+                utilities.verifyCSS(numberLineLabelPage.numberLinePointPreviewTab(), {
+                    'stroke': css.color.correctAnswer
+                });
+                utilities.verifyCSS(numberLineLabelPage.draggableLabelsPreviewTab(), {
+                    'border': `1px solid ${css.color.correctAnswer}`,
+                    'color': css.color.text
+                });
+            });
+
+            it('Accessibility of correct answer section', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLineLabelPage.numberLinePreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    }
+});