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

package/cypress/e2e/ILC/NumberLine/Scoring/allOrNothingWithCorrectPointsGreaterThanAlternativePoints.js

@@ -0,0 +1,278 @@
+import { numberLinePage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const unselectedToolOption = ['Left/down ray', 'Right/up ray', 'Left/down ray w/ hollow pt', 'Right/up ray w/ hollow pt'];
+const css = Cypress.env('css');
+const range = 20;
+
+describe('Create Item page - Number line: All or nothing with alternative answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('All or nothing scoring with correct answer greater than alternative points', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+            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);
+            //Alternative answer
+            numberLinePage.steps.addAlternativeAnswerAccordion(1);
+            numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Right/up ray');
+            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineSpecifyCorrectAnswer([{ x1: 0, x1Range: range, x2: 8.69, 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.allotPoints(12);
+            numberLinePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            numberLinePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section number line and a status message \'Your answer is incorrect\' is displayed', () => {
+            numberLinePage.steps.verifyPreviewScore(0, 20);
+            numberLinePage.steps.switchToGradingView();
+            //Preview tab
+            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineNotExistPreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            //Correct answer section
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user clicks on \'Check answer\' button without attempting the question, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineNotExistPreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view the attempted number line should be displayed correct, a status message with text \'Your answer is correct\' should be displayed above the question preview, correct answer section should not be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            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 }]);
+            numberLinePage.steps.verifyPreviewScore(20, 20);
+            numberLinePage.steps.switchToGradingView();
+            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();
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with responses from the correct accordion and clicks on \'Check answer\' button, the attempted number line should be displayed correct, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            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();
+        });
+
+        it('CSS of Correct answer state', { tags: 'css' }, () => {
+            utilities.verifyCSS(numberLinePage.correctIncorrectAnswerTextWrapper(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.correctAnswer}`
+            });
+            utilities.verifyCSS(numberLinePage.correctIncorrectAnswerTextWrapper().find('svg path'), {
+                'fill': css.color.correctAnswer,
+            });
+            utilities.verifyCSS(numberLinePage.numberLinePointPreviewTab(), {
+                'stroke': css.color.correctAnswer,
+            });
+        });
+
+        it('Accessibility of correct answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(numberLinePage.previewTabQuestionWrapper());
+        });
+
+        it('When the user attempts the question with alternative accordion response, then the user should be awarded with points specified for alternative accordion (less than full points) and on switching to \'Grading\' view, the attempted number line should be displayed correct, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Right/up ray');
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: 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 }]);
+            numberLinePage.steps.verifyPreviewScore(12, 20);
+            numberLinePage.steps.switchToGradingView();
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 0, xRange: range }, { x: -4, xRange: range }, { x: -5, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }, { x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with responses from the alternative accordion and clicks on \'Check answer\' button, the attempted number line should be displayed correct, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 0, xRange: range }, { x: -4, xRange: range }, { x: -5, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }, { x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, the attempted number line should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Point');
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPreviewScore(0, 20);
+            numberLinePage.steps.switchToGradingView();
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with partially correct responses exclusively from the correct accordion and clicks on \'Check answer\' button, the attempted number line should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, the attempted number line should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Right/up ray');
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }]);
+            numberLinePage.steps.verifyPreviewScore(0, 20);
+            numberLinePage.steps.switchToGradingView();
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with partially correct responses exclusively from the alternative accordion and clicks on \'Check answer\' button, the attempted number line should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, the correctly attempted number line should be displayed correct and incorrectly attempted should be displayed for the alternative accordion number line, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            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 }]);
+            numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Right/up ray');
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }]);
+            numberLinePage.steps.verifyPreviewScore(0, 20);
+            numberLinePage.steps.switchToGradingView();
+            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.verifyIncorrectPointsOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyIncorrectLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with equal number responses from the correct and alternative accordion and clicks on \'Check answer\' button, the attempted number line should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            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.verifyIncorrectPointsOnNumberLinePreviewTab([{ x: 0, xRange: range }]);
+            numberLinePage.steps.verifyIncorrectLineSegmentOnNumberLinePreviewTab([{ x1: 0, x1Range: range, x2: 8.69, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, the attempted response should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            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.verifyPreviewScore(0, 20);
+            numberLinePage.steps.switchToGradingView();
+            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('incorrect');
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with common response from the alternative accordion and clicks on \'Check answer\' button, the attempted number line should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            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('incorrect');
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            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 }]);
+            numberLinePage.steps.verifyPreviewScore(0, 20);
+            numberLinePage.steps.switchToGradingView();
+            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.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with incorrect responses and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            numberLinePage.steps.checkAnswer();
+            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('CSS of incorrect answer state', { tags: 'css' }, () => {
+            utilities.verifyCSS(numberLinePage.correctIncorrectAnswerTextWrapper(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.incorrectAnswer}`
+            });
+            utilities.verifyCSS(numberLinePage.correctIncorrectAnswerTextWrapper().find('svg path'), {
+                'fill': css.color.incorrectAnswer,
+            });
+            utilities.verifyCSS(numberLinePage.numberLinePointPreviewTab(), {
+                'stroke': css.color.incorrectAnswer,
+            });
+        });
+
+        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(numberLinePage.previewTabQuestionWrapper());
+        });
+    });
+});

package/cypress/e2e/ILC/NumberLine/Scoring/manualAndNonScoredScoring.js

@@ -0,0 +1,178 @@
+import { numberLinePage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const range = 20;
+
+describe('Create Item page - Number line: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        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.expandScoringTypeDropdown();
+            numberLinePage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            numberLinePage.steps.switchToPreviewTab();
+        });
+
+        it('Question instructions and number line should be displayed in the preview tab', () => {
+            numberLinePage.steps.verifyQuestionInstructionsTextPreviewTab('Plot points on the number line');
+            utilities.verifyElementVisibilityState(numberLinePage.numberLinePreviewTab(), 'visible');
+        });
+
+        it('User should be able to attempt in the preview tab', () => {
+            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.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        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.expandScoringTypeDropdown();
+            numberLinePage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            numberLinePage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            numberLinePage.steps.switchToPreviewTab();
+        });
+
+        numberLinePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section number line', () => {
+            numberLinePage.steps.switchToGradingView();
+            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineNotExistPreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+
+            //Correct/incorrect icon
+            utilities.verifyElementVisibilityState(numberLinePage.correctIncorrectAnswerTextWrapper(), 'notExist');
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user selects \'Check answer\' view without attempting the question, the correct answer should be displayed in the correct answer section number line')
+            numberLinePage.steps.checkAnswer();
+            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyLineSegmentOnNumberLineNotExistPreviewTab([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question incorrectly then on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted number line should be displayed incorrect and the the correct answers should be displayed in the correct answer section number line', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            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 }]);;
+            numberLinePage.steps.switchToGradingView();
+            //Preview tab
+            numberLinePage.steps.verifyIncorrectPointsOnNumberLinePreviewTab([{ x: 8, xRange: range }, { x: 7, xRange: range }]);
+            numberLinePage.steps.verifyIncorrectLineSegmentOnNumberLinePreviewTab([{ x1: 8, x1Range: range, x2: 7, x2Range: range }]);
+            //Correct answer section
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question incorrectly then on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted number line should be displayed incorrect')
+            numberLinePage.steps.checkAnswer();
+            //Preview tab
+            numberLinePage.steps.verifyIncorrectPointsOnNumberLinePreviewTab([{ x: 8, xRange: range }, { x: 7, xRange: range }]);
+            numberLinePage.steps.verifyIncorrectLineSegmentOnNumberLinePreviewTab([{ x1: 8, x1Range: range, x2: 7, x2Range: range }]);
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question partially correct then on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted number line should be displayed correct and the the correct answers should be displayed in the correct answer section number line', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Point');
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.switchToGradingView();
+            //Preview tab
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            //Correct answer section
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct then on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted number line should be displayed correct')
+            numberLinePage.steps.checkAnswer();
+            numberLinePage.steps.verifyCorrectPointsOnNumberLinePreviewTab([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question partially correct with an incorrect response then on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted number line 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 number line', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            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 }]);
+            numberLinePage.steps.switchToGradingView();
+            //Preview tab
+            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 }]);
+            //Correct answer section
+            numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection([{ x: 2, xRange: range }]);
+            numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection([{ x1: -5, x1Range: range, x2: -4, x2Range: range }]);
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with an incorrect response then on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted number line should be displayed correct for the correct response')
+            numberLinePage.steps.checkAnswer();
+            //Preview tab
+            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.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question correctly then on switching to grading view \'Your answer is correct\' should be displayed and the attempted number line should be displayed correct and the correct answer section number line should not be displayed', () => {
+            numberLinePage.steps.resetQuestionPreview();
+            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 }]);
+            numberLinePage.steps.switchToGradingView();
+            //Preview tab
+            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.verifyCorrectAnswerSectionNotExist();
+            numberLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question correctly then on switching to grading view \'Your answer is correct\' should be displayed and the attempted number line should be displayed correct')
+            numberLinePage.steps.checkAnswer();
+            //Preview tab
+            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.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});