itemengine-cypress-automation 1.0.167-repoUpdate10April-1465c8c.0 → 1.0.169-uploadResponseMigration-83ab996.0

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

@@ -26,36 +26,43 @@ 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 icons should be displayed for correct answer cells from the correct accordion and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+        it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed for correct answer cells from the correct accordion', () => {
             gridFillPage.steps.switchToGradingView();
-            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.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.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 icons should be displayed in responses from correct accordion in response grid, correct answer section should not be displayed and a status message with text \'Your answer is correct\' should be displayed above the question preview', () => {
+        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 icons should be displayed in responses from correct accordion, a status message with text \'Your answer is correct\' should be displayed above the question preview', () => {
             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.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectAnswerSectionNotExists();
+            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.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 responses from correct accordion, a status message with text \'Your answer is correct\' should be displayed above the question preview')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            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.verifyCorrectIncorrectAnswerLabel('correct');
         });
 
@@ -76,146 +83,191 @@ describe('Create item page - grid fill: All or nothing with alternative answers'
                 'font-weight': css.fontWeight.regular
             });
             utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 0), {
-                'border-color': css.color.correctAnswer
+                'border-color': css.color.correctAnswer,
+                'background-color': css.color.gridCellCorrectAnswerBg
             });
-            gridFillPage.steps.verifyCorrectResponseBackgroundColorPreviewTab(0, 0);
         });
 
         it('Accessibility of correct answer state', { tags: 'a11y' }, () => {
             cy.checkAccessibility(gridFillPage.previewTabQuestionWrapper());
         });
 
-        it('When the user attempts the question with alternative accordion response, then the user should be awarded with points specified for alternative accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed in responses 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 correct\' should be displayed', () => {
+        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, correct icons should be displayed in responses from alternative accordion, 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(10, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            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.verifyCorrectIncorrectAnswerLabel('correct');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has attempted the question with alternative accordion response and clicks on \'Check answer\' button, then correct icon should be displayed in responses from alternative accordion, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            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.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 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', () => {
+        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, background and border should be displayed in the selected responses from correct accordion, correct icon and border should be displayed for unselected responses from correct accordion 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.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.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.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(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 responses from correct accordion,  no icon/border should be displayed for unselected responses from correct accordion and a status message with text \'Your answer is incorrect\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(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  should be displayed in response from alternative accordion in response grid and 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', () => {
+        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 and border should be displayed in response from correct accordion and incorrect icon should be displayed in selected response from alternative accordion, 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.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            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(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 3);
             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 partially selected response from alternative accordion, a status message with text \'Your answer is incorrect\' should be displayed');
+            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.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(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, incorrect icon should be displayed in response from alternative accordion, correct icon should be displayed in unselected response 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', () => {
+        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, incorrect icon should be displayed in response from alternative accordion, correct icon should be displayed in unselected response from correct accordion 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.verifyIncorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            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(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(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 unselected and clicks on \'Check answer\' button, then incorrect icon should be displayed in the partially selected responses from alternative accordion a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(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 the response from correct accordion, 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', () => {
+        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 the response from correct accordion, incorrect icon should be displayed in the response from alternative accordion 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.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.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 1);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(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 should be displayed in the response from correct answer accordion, incorrect icon should be displayed in the response from alternative answer accordion and a status message with text \'Your answer is incorrect\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(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 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', () => {
+        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, correct icon should be displayed in responses from unselected correct accordion 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.verifyCorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
             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.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(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 should be displayed in incorrect 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', () => {
+        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 and correct icon in response from correct accordion and a status message with text \'Your answer is incorrect\' should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.verifyPreviewScore(0, 20);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            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, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             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  incorrect responses and status message with text \'Your answer is incorrect\'  should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 

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

@@ -20,12 +20,15 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
         it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed in exact number of cells specified in specify correct answer section', () => {
             gridFillPage.steps.switchToPreviewTab();
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0,2);
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0,3);
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0,4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            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.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
@@ -35,16 +38,20 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.selectCellPreviewTab(1, 3);
             gridFillPage.steps.verifyPreviewScore(0, 27);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When user attempt questions by selecting the less number of cells specified in specify correct answer section and clicks on \'Check answer\' button, then correct icon, border and background should be displayed in selected responses and status message \'Your answer is incorrect\' should be displayed');
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
@@ -56,20 +63,25 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.verifyPreviewScore(0, 27);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When user attempt questions by selecting the more number of cells specified in specify correct answer section and clicks on \'Check answer\' button, then correct icon, border and background should be displayed in selected responses and incorrect icon should be displayed in extra selected response and status message \'Your answer is incorrect\' should be displayed');
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
@@ -80,19 +92,25 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.verifyPreviewScore(27, 27);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When user attempt questions by selecting the exact  number of cells specified in specify correct answer section and clicks on \'Check answer\' button, then correct icon, border and background should be displayed in selected responses and status message \'Your answer is incorrect\' should be displayed');
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         });
 
-        it('When user attempt questions by selecting the exact number of cells specified in specify correct answer section and one extra response, then user should be awarded 0 points and when user unselects the extra response then user should be awarded full points', () => {
+        it('When user attempt questions by selecting the exact number of cells specified in specify correct answer section and one incorrect response, then user should be awarded 0 points and when user unselects the extra response then user should be awarded full points', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.selectCellPreviewTab(1, 3);
@@ -100,22 +118,26 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.verifyPreviewScore(0, 27);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            gridFillPage.steps.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             cy.log('User unselects extra response in student view and switches to grading view');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             gridFillPage.steps.unselectCellPreviewTab(0, 0);
             gridFillPage.steps.verifyPreviewScore(27, 27);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(1, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(1, 3);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         });
     });

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

@@ -44,58 +44,62 @@ describe('Create Item page - Grid fill: Manually and non scored', () => {
 
         it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed', () => {
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0,2);
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0,3);
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0,4);
+            gridFillPage.steps.verifyCorrectIncorrectIconsNotExist();
             gridFillPage.steps.switchToStudentView();
         });
 
-        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icon should be displayed in all incorrect responses in response grid, a status message with text \'Your answer is incorrect\' with correct responses icon should be displayed in the correct answers section', () => {
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icon should be displayed in all incorrect responses, correct icon should be displayed in all correct responses, a status message with text \'Your answer is incorrect\'', () => {
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When user clicks on Check answer button after he attempts the question incorrectly incorrect icons should be displayed in all incorrect responses, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed  in the correct answer responses, incorrect icon should be displayed in incorrect answer response in response grid, a status message with text \'Your answer is incorrect\' and correct responses icon should be displayed in the correct answers section', () => {
+        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed  in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When user clicks on Check answer button after he attempts the question partially correct, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, status message \'Your answer is incorrect\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         });
 
-        it('When user attempts the question correctly, on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed in the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+        it('When user attempts the question correctly, on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed in the correct answer responses, a status message with text \'Your answer is correct\'', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
-            gridFillPage.steps.verifyCorrectAnswerSectionNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed in the correct answer responses, status message \'Your answer is correct\' should be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         });
     });