itemengine-cypress-automation 1.0.166-migrationScripts-b8c79a0.0 → 1.0.166

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

@@ -21,8 +21,8 @@ describe('Create item page - Grid fill : Preview contents', () => {
                         cy.barsPreLoaderWait();
                         gridFillPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
                         gridFillPage.steps.allotPoints(5);
-                        gridFillPage.steps.increaseColumnsCount(1);
-                        gridFillPage.steps.increaseRowsCount(1);
+                        gridFillPage.steps.increaseColumnsInputStepperCount(1);
+                        gridFillPage.steps.increaseRowsInputStepperCount(1);
                         gridFillPage.steps.clickOnCustomizeLayoutAccordionButton();
                         gridFillPage.steps.shadeCell(0, 0);
                         gridFillPage.steps.selectHideCellButton();
@@ -91,12 +91,10 @@ describe('Create item page - Grid fill : Preview contents', () => {
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
                     gridFillPage.steps.selectCellPreviewTab(0, 5);
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
-                    gridFillPage.steps.selectCellPreviewTab(1, 1);
-                    gridFillPage.steps.verifyCellSelectedPreviewTab(1, 1);
                 });
 
                 it('User should be able to unselect cells', () => {
-                    gridFillPage.steps.unselectCellPreviewTab(1, 1);
+                    gridFillPage.steps.unselectCellPreviewTab(0, 0);
                 });
 
                 it('When user hovers over cell, then cell should be in interactive state', () => {
@@ -114,18 +112,8 @@ describe('Create item page - Grid fill : Preview contents', () => {
                 });
 
                 it(`The grid fill should be displayed filled with selected correct answer cells and status message \' Your answer is correct\' should be displayed`, () => {
-                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
-                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 4);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 5);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 5);
-                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 5);
                     gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 });
 
@@ -140,18 +128,10 @@ describe('Create item page - Grid fill : Preview contents', () => {
                 });
 
                 it(`The grid fill should be displayed filled with selected correct answer cells`, () => {
-                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
                     gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
-                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 4);
-                    gridFillPage.steps.verifyCorrectResponseIcon(0, 5);
-                    gridFillPage.steps.verifyCorrectResponseBorder(0, 5);
-                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 5);
+                    gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+                    gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 5);
                 });
 
                 it('Grid fill should not be editable', () => {

package/cypress/e2e/ILC/GridFill/scoring/allOrNothingAlternativePointsGreaterThanCorrectPoints.js

@@ -25,216 +25,170 @@ describe('Create item page - Grid fill: All or nothing with alternative answers'
             gridFillPage.steps.switchToPreviewTab();
         });
 
-        it('When the user selects \'Grading\' view without attempting the question, correct icon should be displayed in responses from alternative accordion', () => {
+        it('When the user selects \'Grading\' view without attempting the question, no correct/incorrect icons should be displayed in response grid and correct icon should be displayed in responses from alternative accordion in correct answer section and a status message with text \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
-        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than overall points) and on switching to \'Grading\' view, correct icon, background and border should be displayed in responses from correct accordion, and a status message with text \'Your answer is correct\' should be displayed', () => {
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than overall points) and on switching to \'Grading\' view, correct icon should be displayed in responses from correct accordion, and a status message with text \'Your answer is correct\' should be displayed and correct responses from alternate accordion should be displayed in the correct answers section', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(10, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed in the responses from correct accordion and status message with text \'Your answer is correct\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         });
 
-        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon, background and border should be displayed in responses from alternative accordion and status message with text \'Your answer is correct\' should be displayed', () => {
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed in responses from alternative accordion and status message with text \'Your answer is correct\' should be displayed and  correct answers section should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(20, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            gridFillPage.steps.verifyCorrectAnswerSectionNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed in the responses from alternative accordion and a status message with text \'Your answer is correct\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         });
 
-        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, correct icon and border should be displayed in the selected responses from alternative accordion, incorrect icon should be displayed for partially selected correct accordion response and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+        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, correct icon should be displayed in the selected responses from correct accordion, and a status message with text \'Your answer is incorrect\' should be displayed with correct icons in responses from alternate accordion should be displayed in the correct answers section', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then incorrect icon should be displayed for partially selected correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        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, correct icon, background and border should be displayed in the selected alternative accordion responses, correct icon and border should be displayed for unselected alternative accordion response and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+        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, correct icon should be displayed in the selected alternative accordion responses and a status message with text \'Your answer is incorrect\' should be displayed with correct icons in responses from alternate accordion should be displayed in the correct answers section', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button,  then correct icon should be displayed in the correct answer responses,  no icon/border should be displayed for unselected response cell and a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        it('When the user attempts the question partially correct with all the responses correct as per the correct accordion but one response incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon, background and border should be displayed in the selected alternative accordion responses, correct icon and border should be displayed for unselected correct answer response and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+        it('When the user attempts the question partially correct with all the responses correct as per the correct accordion but one response incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the response from alternative accordion, correct icons in responses from alternate accordion should be displayed in the correct answers section and a status message with text \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with partially correct with all the response correct as per the alternative accordion but one response incomplete and clicks on \'Check answer\' button, then correct icon should be displayed in the response from the alternative accordion and no icon should be displayed for unselected response, a status message with text \'Your answer is incorrect\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        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, correct icon should be displayed in selected alternative accordion response, correct icon should be displayed for unselected response from alternative accordion, incorrect icon should be displayed in selected correct accordion response and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+        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, correct icon should be displayed in response from alternative accordion, incorrect icon should be displayed in responses from correct accordion, correct icons in responses from alternate accordion should be displayed in the correct answers section and a status message with text \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon, background and border should be displayed in alternative accordion response, incorrect icon, background and border should be displayed in correct accordion response and a status message with text \'Your answer is incorrect\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        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, correct icon, background and border should be in the common response and correct icon and border response from alternative answer accordion and a status message \'Your answer is incorrect\' should be displayed', () => {
+        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, correct icon should be in the common response, correct icons in responses from alternate accordion should be displayed in the correct answers section and a status message \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with common response between correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed in the correct answer responses, no icon should be displayed for unselected response area and a status message with text \'Your answer is incorrect\'  should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon, background and border should be displayed in incorrect response, a status message with text \'Your answer is incorrect\' and correct icon and border with all correct answers from the alternative accordion should be displayed', () => {
+        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 incorrect response, correct icons in responses from alternate accordion should be displayed in the correct answers section, a status message with text \'Your answer is incorrect\'', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(1, 2);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 3);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
-            gridFillPage.steps.verifyIncorrectResponseIcon(1, 2);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 2);
+            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icon, background and border should be displayed in incorrect response and a status message with text \'Your answer is incorrect\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIcon(1, 2);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 2);
+            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 2);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
     });