itemengine-cypress-automation 1.0.166-migrationScripts-b8c79a0.0 → 1.0.167-repoUpdate10April-1465c8c.0

package/cypress/e2e/ILC/Graphing/Scoring/allOrNothingWithCorrectPointsEqualToAlternatePoints.js

@@ -0,0 +1,355 @@
+import { graphingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const unselectedToolOption = ['Circle', 'Parabola', 'Sine', 'Polygon'];
+const css = Cypress.env('css');
+
+describe('Create Item page - Graphing: All or nothing with alternative answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('All or nothing scoring with correct answer equal to alternative points', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.addTextInQuestionInstructionsInputField('Plot the graph');
+            graphingPage.steps.selectToolOptions(unselectedToolOption);
+            graphingPage.steps.checkPatternBackground();
+            graphingPage.steps.selectGraphToolOptionEditTab('Line');
+            graphingPage.steps.plotPointsOnGraphEditTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnEditTabGraph([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionEditTab('Circle');
+            graphingPage.steps.plotPointsOnGraphEditTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnEditTabGraph([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            //Correct answer
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Polygon');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            //Common answer
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Circle');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.allotPoints(20);
+            //Alternative answer
+            graphingPage.steps.addAlternativeAnswerAccordion(1);
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Vector');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            //Common answer
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Circle');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.allotPoints(20);
+            graphingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            graphingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph', () => {
+            graphingPage.steps.verifyPreviewScore(0, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+
+            //Correct answer section
+            utilities.verifyElementCount(graphingPage.graphCircleCorrectAnswerSection(), 2);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineCorrectAnswerSection(), 1);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
+
+            //Correct/incorrect icon
+            utilities.verifyElementVisibilityState(graphingPage.correctIncorrectStatusMessageText(), 'notExist');
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user switches to \'Grading view\' without attempting the question and clicks on \'Check answer\' button, status message and correct answer section should not be displayed')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.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 graph 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', () => {
+            graphingPage.steps.resetQuestionPreview();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Polygon');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Circle');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPreviewScore(20, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+
+            //Correct/incorrect icon
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            graphingPage.steps.verifyCorrectAnswerSectionNotExist();
+            graphingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with responses from the correct accordion and clicks on \'Check answer\' button, the attempted graph should be displayed correct, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            graphingPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        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 graph should be displayed correct, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            graphingPage.steps.resetQuestionPreview();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Vector');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Circle');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPreviewScore(20, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+
+            //Correct/incorrect icon
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('correct')
+            graphingPage.steps.verifyCorrectAnswerSectionNotExist();
+            graphingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user attempts the question with responses from the alternative accordion and clicks on \'Check answer\' button, the attempted graph should be displayed correct, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            graphingPage.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 graph 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', () => {
+            graphingPage.steps.resetQuestionPreview();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Polygon');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyPreviewScore(0, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+
+            //Correct answer section
+            utilities.verifyElementCount(graphingPage.graphCircleCorrectAnswerSection(), 2);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineCorrectAnswerSection(), 1);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
+
+            //Correct/incorrect icon
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.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 graph should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            graphingPage.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 graph 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', () => {
+            graphingPage.steps.resetQuestionPreview();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Vector');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPreviewScore(0, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineSegmentsPreviewTab(), 1);
+            graphingPage.steps.verifyIncorrectPointsPlottedOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+
+            //Correct answer section
+            utilities.verifyElementCount(graphingPage.graphCircleCorrectAnswerSection(), 2);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineCorrectAnswerSection(), 1);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
+
+            //Correct/incorrect icon
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.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 graph should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineSegmentsPreviewTab(), 1);
+            graphingPage.steps.verifyIncorrectPointsPlottedOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            graphingPage.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 graph should be displayed correct and incorrectly attempted should be displayed for the alternative accordion graph, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            graphingPage.steps.resetQuestionPreview();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Vector');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Polygon');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyPreviewScore(0, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyIncorrectPointsPlottedOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }]);
+
+            //Correct answer section
+            utilities.verifyElementCount(graphingPage.graphCircleCorrectAnswerSection(), 2);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineCorrectAnswerSection(), 1);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
+
+            //Correct/incorrect icon
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.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 graph should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyIncorrectPointsPlottedOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonPreviewTab(), 1);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            graphingPage.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', () => {
+            graphingPage.steps.resetQuestionPreview();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Circle');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPreviewScore(0, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+
+            //Correct answer section
+            utilities.verifyElementCount(graphingPage.graphCircleCorrectAnswerSection(), 2);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineCorrectAnswerSection(), 1);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
+
+            //Correct/incorrect icon
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.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 graph should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            graphingPage.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', () => {
+            graphingPage.steps.resetQuestionPreview();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Circle');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -2, xRange: 20, y: 1, yRange: 20 }, { x: -4, xRange: 20, y: 1, yRange: 20 }]);
+            graphingPage.steps.verifyPreviewScore(0, 20);
+            graphingPage.steps.switchToGradingView();
+
+            //Preview tab
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyIncorrectPointsPlottedOnGraphPreviewTab([{ x: -2, xRange: 20, y: 1, yRange: 20 }, { x: -4, xRange: 20, y: 1, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+
+            //Correct answer section
+            utilities.verifyElementCount(graphingPage.graphCircleCorrectAnswerSection(), 2);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLineCorrectAnswerSection(), 1);
+            graphingPage.steps.verifyPointsPlottedOnCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphPolygonCorrectAnswerSection(), 1);
+
+            //Correct/incorrect icon
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect')
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.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')
+            graphingPage.steps.checkAnswer();
+            utilities.verifyElementCount(graphingPage.graphCirclePreviewTab(), 2);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyIncorrectPointsPlottedOnGraphPreviewTab([{ x: -2, xRange: 20, y: 1, yRange: 20 }, { x: -4, xRange: 20, y: 1, yRange: 20 }]);
+            utilities.verifyElementCount(graphingPage.graphLinePreviewTab(), 1);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            graphingPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

package/cypress/e2e/ILC/Graphing/previewContentsForAllViews.smoke.js

@@ -13,7 +13,6 @@ const toolOptions = [...selectedToolOption, ...unselectedToolOption];
 describe('Create item page - Graphing - Preview contents in all views', () => {
     before(() => {
         cy.loginAs('admin');
-        graphingPage.steps.navigateToCreateQuestion('Graphing');
     });
 
     views.forEach((view) => {

package/cypress/e2e/ILC/Graphing/toolsControlsAndBackgroundSection.js

@@ -54,42 +54,8 @@ describe('Graphing: Tools and controls - Edit tab and preview tab tool options',
                 utilities.verifyElementVisibilityState(utilities.getNthElement(graphingPage.controlsTickIcon(), index), 'visible');
             });
         });
-
-        it('\'Default tool\' label and dropdown should be displayed with \'Point\' option selected by default', () => {
-            utilities.verifyInnerText(graphingPage.defaultToolDropdownLabel(), 'Default tool');
-            utilities.verifyInnerText(graphingPage.defaultToolDropdown(), 'Point');
-        });
-
-        it(`${selectedToolOption} options should be displayed when the user expands the \'Default tool\' dropdown`, () => {
-            graphingPage.steps.expandDefaultToolDropdown();
-            selectedToolOption.forEach((dropdownOption) => {
-                utilities.verifyElementVisibilityState(graphingPage.defaultToolDropdownOptions(dropdownOption), 'exist');
-            });
-            utilities.verifyElementCount(graphingPage.defaultToolDropdownOptions(), 6);
-            graphingPage.steps.selectOptionFromDefaultToolDropdown('Point');
-        });
-
-        it('CSS of default tool dropdown', { tags: 'css' }, () => {
-            graphingPage.steps.expandDefaultToolDropdown();
-            utilities.verifyCSS(graphingPage.defaultToolDropdownLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(graphingPage.defaultToolDropdownOptions('Point'), {
-                'color': css.color.liText,
-                'background-color': css.color.liTextSelectedBg,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(graphingPage.defaultToolDropdownOptions('Line'), {
-                'color': css.color.liText,
-                'background-color': css.color.transparent,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            graphingPage.steps.selectOptionFromDefaultToolDropdown('Point');
-        });
+        
+        graphingPage.tests.verifyDefaultToolDropdown(toolOptions);
 
         it(`The ${selectedToolOption} options should be displayed in the \'Specify correct answer\' section and ${toolOptions} should be displayed in the background graph section`, () => {
             selectedToolOption.forEach((toolOption) => {

package/cypress/e2e/ILC/GridFill/allOrNothingBasicForAllViews.smoke.js

@@ -101,10 +101,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.switchToGradingView();
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                 }
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 0);
+                gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
             });
 
             it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed in the incorrect cell, incorrect answer border around incorrect cell and correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is incorrect\' in question preview', () => {
@@ -114,21 +114,15 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
                     studentViewPage.steps.clickOnGoToGradingViewButton()
                     gradingViewPage.steps.verifyGradingViewScore(0, 20);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                    gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0,3);
+                    gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 }
                 if (view === 'Question preview' || view === 'Item preview') {
                     gridFillPage.steps.switchToGradingView();
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                 }
-                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
-                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0,3);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -147,10 +141,9 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                     gridFillPage.steps.switchToGradingView();
                 };
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -170,12 +163,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                     gridFillPage.steps.switchToGradingView();
                 };
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
-                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -196,12 +187,11 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                     gridFillPage.steps.switchToGradingView();
                 };
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
-                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -221,10 +211,8 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(20, 20);
                     gridFillPage.steps.switchToGradingView();
                 }
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             });
         });

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

@@ -84,21 +84,15 @@ describe('Create item page - grid fill - Check answer functionality', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 4);
                 gridFillPage.steps.selectCellPreviewTab(0, 2);
                 checkAnswer(view);
-                gridFillPage.steps.verifyIncorrectResponseBorder(0, 4);
-                gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
-                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 4);
-                gridFillPage.steps.verifyIncorrectResponseBorder(0, 2);
-                gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
-                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 2);
+                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 4);
+                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 2);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
             it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should be displayed besides correct responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 0);
                 checkAnswer(view);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -107,15 +101,9 @@ describe('Create item page - grid fill - Check answer functionality', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 1);
                 gridFillPage.steps.selectCellPreviewTab(0, 3);
                 checkAnswer(view);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 1);
-                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
-                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
-                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -123,12 +111,8 @@ describe('Create item page - grid fill - Check answer functionality', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 0);
                 gridFillPage.steps.selectCellPreviewTab(0, 1);
                 checkAnswer(view);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
-                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             });
         });