itemengine-cypress-automation 1.0.169-uploadResponseMigration-83ab996.0 → 1.0.169

package/cypress/e2e/ILC/NumberLine/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,149 @@
+import { numberLinePage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = "";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const unselectedToolOption = ['Left/down ray', 'Right/up ray', 'Left/down ray w/ hollow pt', 'Right/up ray w/ hollow pt'];
+const views = utilities.getViews(checkAnswerViews);
+const range = 20;
+
+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':
+                    numberLinePage.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':
+                        numberLinePage.steps.navigateToCreateQuestion('Number line');
+                        cy.barsPreLoaderWait();
+                        numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot the graph');
+                        numberLinePage.steps.selectToolOptions(unselectedToolOption);
+                        numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+                        numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+                        numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+                        numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+                        numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }]);
+                        numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                        numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                        numberLinePage.steps.allotPoints(20);
+                        numberLinePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        numberLinePage.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':
+                        numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+                        numberLinePage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        numberLinePage.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(() => {
+                    numberLinePage.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);
+                numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLineNotExistPreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            });
+
+            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', () => {
+                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment');
+                numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 8, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 8, xRange: range }, { x: 7, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: 8, x1Range: range, x2: 7, x2Range: range }]);
+                checkAnswer(view);
+                numberLinePage.steps.verifyIncorrectPointsOnNumberLinePreviewTab([{ x: 8, xRange: range }, { x: 7, xRange: range }]);
+                numberLinePage.steps.verifyIncorrectLineSegmentOnNumberLinePreviewTab([{ x1: 8, x1Range: range, x2: 7, x2Range: range }]);
+                numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+                numberLinePage.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', () => {
+                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Point');
+                numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+                checkAnswer(view);
+                numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+                numberLinePage.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', () => {
+                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment right/up hollow pt');
+                numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: -4, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment left/down hollow pt');
+                numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 6, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 6, xRange: range }, { x: 5, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: 5, x1Range: range, x2: 6, x2Range: range }]);
+                checkAnswer(view);
+                numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.steps.verifyIncorrectPointsOnNumberLinePreviewTab([{ x: 6, xRange: range }, { x: 5, xRange: range }]);
+                numberLinePage.steps.verifyIncorrectLineSegmentOnNumberLinePreviewTab([{ x1: 5, x1Range: range, x2: 6, x2Range: range }]);
+                numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+                numberLinePage.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', () => {
+                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Point');
+                numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment right/up hollow pt');
+                numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: -4, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                checkAnswer(view);
+                numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/NumberLine/editTabScoringSection.js

@@ -0,0 +1,151 @@
+import { numberLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const range = 20;
+
+describe('Create item page - Number line: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        numberLinePage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        it('\'All or nothing\', \'Partial - equal weights\' should be displayed and \'Partial - different weights\' labels and radio button should not be displayed', () => {
+            utilities.verifyElementVisibilityState(numberLinePage.allOrNothingRadioButtonLabel(), 'visible');
+            utilities.verifyElementVisibilityState(numberLinePage.allOrNothingRadioButton(), 'exist');
+            utilities.verifyElementVisibilityState(numberLinePage.partialEqualWeightsRadioButtonLabel(), 'visible');
+            utilities.verifyElementVisibilityState(numberLinePage.partialEqualWeightsRadioButton(), 'exist');
+            utilities.verifyElementVisibilityState(numberLinePage.partialDifferentWeightsRadioButtonLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(numberLinePage.partialDifferentWeightsRadioButton(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.allotPoints(10);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            numberLinePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+        });
+
+        numberLinePage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        numberLinePage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            numberLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user has switched to \'Partial - equal weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' label and dropdown should be displayed in the \'Scoring\' section, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            numberLinePage.steps.verifyPointsPerResponseLabel();
+            numberLinePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            numberLinePage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            numberLinePage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(numberLinePage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        numberLinePage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            numberLinePage.steps.verifyPointsPerResponseLabel();
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
+            numberLinePage.steps.allotPoints(6);
+            numberLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('3');
+        });
+
+        it('When the user plots another point, then points per response should get updated accordingly', () => {
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 8, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 8, xRange: range }]);
+            numberLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
+        });
+
+        it('When the user removes a point, then points per response should get updated accordingly', () => {
+            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Undo');
+            numberLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('2');
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            numberLinePage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(numberLinePage.pointsPerResponseLabel(), 'notExist');
+            numberLinePage.steps.verifyPointsFieldValue(6);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            numberLinePage.steps.allotPoints(12);
+            numberLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            numberLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(numberLinePage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/NumberLine/gradingViewAndCorrectAnswerView.smoke.js

@@ -0,0 +1,171 @@
+import { numberLinePage, 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 selectedToolOption = ['Point', 'Segment', 'Segment left/down hollow pt', 'Segment right/up hollow pt', 'Segment both hollow pts'];
+const unselectedToolOption = ['Left/down ray', 'Right/up ray', 'Left/down ray w/ hollow pt', 'Right/up ray w/ hollow pt'];
+const controlOptions = ['Undo', 'Redo', 'Reset'];
+const toolOptions = [...selectedToolOption, ...unselectedToolOption];
+const views = utilities.getViews(gradingAndCorrectAnsView);
+var itemReferenceID = "";
+const css = Cypress.env('css');
+const range = 20;
+
+describe('Create item page - Graphing: Grading view, Correct answer view contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (views.includes('Grading view')) {
+        describe('Grading view contents', { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                numberLinePage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+                numberLinePage.steps.allotPoints(10);
+                numberLinePage.steps.selectToolOptions(unselectedToolOption);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Left/down ray');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -7, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -7, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -7, x1Range: range, x2: -8.68, x2Range: range }]);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.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)}`);
+                        numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment right/up hollow pt');
+                        numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: -4, xRange: range }]);
+                        numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                        numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                        studentViewPage.steps.submitResponse();
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                    });
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(numberLinePage.questionInstructionsText(), 'Plot points on the number line');
+                utilities.verifyElementVisibilityState(numberLinePage.questionInstructionsText(), 'visible');
+            });
+
+            it('Tool and control options should not be displayed', () => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionPreviewTab(), 'notExist');
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionPreviewTab(), 'notExist');
+            });
+
+            it('Correct answer label should be displayed', () => {
+                utilities.verifyInnerText(numberLinePage.correctAnswersLabel(), 'Correct answers');
+                utilities.verifyElementVisibilityState(numberLinePage.correctAnswersLabel(), 'visible');
+            });
+
+            it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
+                numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: -7, x1Range: range, x2: -8.68, x2Range: range }]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            });
+
+            it('Points and the total score should be displayed', () => {
+                gradingViewPage.steps.verifyGradingViewScore(0, 10);
+            });
+
+            it('CSS of grading view', { tags: 'css' }, () => {
+                utilities.verifyCSS(numberLinePage.numberLinePointPreviewTab(), {
+                    'fill': css.color.correctAnswer
+                });
+                utilities.verifyCSS(numberLinePage.numberLinePointCorrectAnswerSection(), {
+                    'fill': css.color.correctAnswer
+                });
+            });
+
+            it('Accessibility of grading view', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLinePage.numberLinePreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    }
+
+    if (views.includes('Correct answer view')) {
+        describe('Correct answer view contents', { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                numberLinePage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+                numberLinePage.steps.allotPoints(10);
+                numberLinePage.steps.selectToolOptions(unselectedToolOption);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 2, xRange: range }]);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Left/down ray');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -7, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -7, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -7, x1Range: range, x2: -8.68, x2Range: range }]);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: -4, xRange: range }, { x: -5, xRange: range }]);
+                numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.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(numberLinePage.questionInstructionsText(), 'Plot points on the number line');
+                utilities.verifyElementVisibilityState(numberLinePage.questionInstructionsText(), 'visible');
+            });
+
+            it('The toolbar options should be displayed in the preview tab and when the user hovers over the tool options then tooltips should be displayed', () => {
+                toolOptions.forEach((toolOption) => {
+                    utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionPreviewTab(toolOption), 'exist');
+                    numberLinePage.numberLineToolOptionPreviewTab(toolOption)
+                        .verifyTooltip(toolOption);
+                });
+            });
+
+            it('Control options should be displayed in disabled state', () => {
+                controlOptions.forEach((controlOption) => {
+                    utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab(controlOption));
+                });
+            });
+
+            it('The correct answer set by user should be displayed in the correct answer view', () => {
+                numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: -4, xRange: range }, { x: -5, xRange: range }, { x: 2, xRange: range }]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: -7, x1Range: range, x2: -8.68, x2Range: range }]);
+            });
+
+            it('The points alloted to the question should be displayed', () => {
+                correctAnswerViewPage.steps.verifyAvailablePoints(10);
+            });
+
+            it('CSS of correct answer section', { tags: 'css' }, () => {
+                utilities.verifyCSS(numberLinePage.numberLinePointPreviewTab(), {
+                    'fill': css.color.correctAnswer
+                });
+            });
+
+            it('Accessibility of correct answer section', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLinePage.numberLinePreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    }
+});

package/cypress/e2e/ILC/NumberLine/headerSection.js

@@ -0,0 +1,76 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, numberLinePage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create item page - Number line: Header section and saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        numberLinePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Number line');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        numberLinePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        numberLinePage.tests.verifyCancelButton('Number line')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                numberLinePage.steps.verifyQuestionInstructionsErrorMessage();
+                numberLinePage.steps.verifyPointsFieldErrorMessage();
+                utilities.verifyInnerText(utilities.getNthElement(numberLinePage.errorMessage(), 2), 'Error: Please set a correct answer.');
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                numberLinePage.steps.addTextInQuestionInstructionsInputField('Question instruction');
+                numberLinePage.steps.allotPoints(10);
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 0, xRange: 20}]);
+                numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 0, xRange: 20}]);
+                numberLinePage.steps.verifyErrorMessageIsNotDisplayed();
+                numberLinePage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            numberLinePage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                numberLinePage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            numberLinePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/NumberLine/minimumScoringPenaltyPointsAndRoundingDropdown.js

@@ -0,0 +1,54 @@
+import { numberLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const penaltyScoringTypeArray = ['No penalty points', 'Penalty points for the entire question'];
+
+describe('Create item page - Number line: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.allotPoints(10);
+        });
+
+        numberLinePage.tests.verifyMinimumScoringDropdown();
+
+        numberLinePage.tests.verifyMinimumPointsLabelAndInputField();
+
+        numberLinePage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.allotPoints(10);
+            numberLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        numberLinePage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        numberLinePage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        numberLinePage.tests.verifyPenaltyPointsErrorState();
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.allotPoints(10);
+            numberLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+        });
+
+        numberLinePage.tests.verifyRoundingDropdown();
+
+        numberLinePage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});