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

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

@@ -24,213 +24,169 @@ 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 answer tick should be displayed in correct answer cell', () => {
+        it('When the user selects \'Grading\' view without attempting the question, correct icons in responses from correct accordion should be displayed in the correct answers section and a status message with text \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            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 full points and on switching to \'Grading\' view, correct icon, border, background should be displayed in all the 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 full points and on switching to \'Grading\' view, correct icon should be displayed in all the responses from correct accordion in response grid, correct answer section and a status message with text \'Your answer is correct\' should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(20, 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.verifyCorrectIncorrectAnswerLabel('correct');
+            gridFillPage.steps.verifyCorrectAnswerSectionNotExists();
+            gridFillPage.steps.verifyCorrectAnswerSectionNotExists();
             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 a 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 points specified for alternative accordion and on switching to \'Grading\' view, correct icon, border, background should be displayed in all the responses from alternative accordion, a 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 points specified for alternative accordion and on switching to \'Grading\' view, correct icon should be displayed in all the responses from alternative accordion in response grid, correct answer section and a status message with text \'Your answer is correct\' should 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, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            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, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            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, border, background should be displayed in the responses from correct accordion, correct background should not be displayed in unselected 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 responses from correct accordion in response grid, correct icon should be displayed in  responses from correct answer accordion in correct answer 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, 1);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
             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 correct icon should be displayed in the response from correct accordion, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(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, incorrect icon, border, background should be displayed in the response from alternative accordion, correct icon and border should be displayed in the response from correct accordion 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, incorrect icon should be displayed in the response from alternative accordion in response grid, correct icon should be displayed in  responses from correct answer accordion in correct answer section and a status message with text \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
             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 incorrect icon should be displayed in the partially selected response from alternative accordion, 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.verifyCorrectResponseIconPreviewTab(0, 3);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        it('When the user attempts the question partially correct with all the responses correct as per the alternative accordion but one response incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon, border, background should be displayed in the selected response from alternative accordion, correct icon and border should be displayed in the unselected response from alternative accordion 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 alternative 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 in response grid, correct icon should be displayed in  responses from correct answer accordion in correct answer 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, 0);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
             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, incorrect icon should be displayed in the empty response, 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.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, border, background should be displayed in correct accordion responses, incorrect icon should be displayed in alternative accordion response, 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 correct accordion responses, incorrect icon should be displayed in alternative accordion response in response grid, correct icon should be displayed in  responses from correct answer accordion in correct answer 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, 0);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
             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 should be displayed in the response from correct accordion, incorrect icon should be displayed in response from alternative accordion 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, 0);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(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, border, background should be in the common response, correct icon should be displayed in unselected response, a status message with text \'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 in response grid, correct icon should be displayed in  responses from correct answer accordion in correct answer section and a status message with text \'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, 0);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
             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 should be displayed in the correct answer responses, no icon should be displayed in unselected response area, 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 icons should be displayed in all incorrect responses, correct icon, border, background should be displayed in unselected responses from correct answer accordion, a status message with text \'Your answer is incorrect\' 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 icons should be displayed in all incorrect responses in response grid, correct icon should be displayed in  responses from correct answer accordion in correct answer section, a status message with text \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(1, 2);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
-            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 0);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 1);
-            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
-            gridFillPage.steps.verifyIncorrectResponseIcon(1, 2);
-            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 2);
+            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 2);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
             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 icons should be displayed in all incorrect responses and 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');
         });
     });