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

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

@@ -27,142 +27,186 @@ describe('Create item page - Grid fill : Partial equal with alternative answers'
 
         it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed in responses 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.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);
         });
 
-        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, correct answer section and correct/incorrect status message should not 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 icons should be displayed in responses from correct accordion, correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(15, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected 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 and correct/incorrect status message should not be displayed')
             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.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        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 icons should be displayed in responses from alternative accordion, correct answer section and correct/incorrect status message should not 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 icons should be displayed in responses from alternative accordion, correct/incorrect status message 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(15, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed in responses from alternative accordion, correct/incorrect status message and correct answer section should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When the user attempts the question with partially correct answer cell exclusively from the correct accordion, then the user should be awarded points of the correct accordion and on switching to \'Grading\' view, correct icon should be displayed in the responses from correct accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user attempts the question with partially correct answer cell exclusively from the correct accordion, then the user should be awarded points of the correct accordion and on switching to \'Grading\' view, correct icon, border and background color should be displayed in the selected responses, only correct icon should be displayed in unselected responses from correct accordion and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.verifyPreviewScore(10, 15);
             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.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyDefaultGridInSpecifyCorrectAnswerSection(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed in selected responses from correct accordion , correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When the user attempts the question with partially correct answer cells exclusively from the alternative accordion, then the user should be awarded points of the correctly selected response and on switching to \'Grading\' view, correct icon should be displayed in the responses from alternative accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user attempts the question with partially correct answer cells exclusively from the alternative accordion, then the user should be awarded points of the correctly selected response and on switching to \'Grading\' view, correct icon, border and background color should be displayed in the selected responses, only correct icon should be displayed in unselected responses from alternative accordion and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(5, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
+            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.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed in selected responses from alternative accordion, correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When the user has attempts the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with points of the correctly selected response and on switching to \'Grading\' view, correct icon should be displayed in responses from correct accordion, incorrect icon should be displayed in responses from the alternative accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user has attempts the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with points of the correctly selected response and on switching to \'Grading\' view, correct icon should be displayed in responses from correct accordion, incorrect icon should be displayed in responses from the alternative accordion and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(5, 15);
             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.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.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected 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, correct/incorrect status message should not 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.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        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 points of the correctly selected response and on switching to \'Grading\' view, correct icon should be in the common response, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not 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 points of the correctly selected response and on switching to \'Grading\' view, correct icon, border and background should be in the common response and  only correct icon should be displayed in unselected response from correct accordion, and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(5, 15);
             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.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.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected the question with the common response between correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed in the correct answer responses and correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        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 incorrect response, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not 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 besides all incorrect response, correct icon should be displayed in unselected responses from correct accordion and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.verifyPreviewScore(0, 15);
             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.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.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed in incorrect responses, no icon should be displayed beside unselected response, correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
     });

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

@@ -25,156 +25,195 @@ describe('Create item page - Grid fill : Partial equal weights with alternative
             gridFillPage.steps.switchToPreviewTab();
         });
 
-        it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed in responses from the correct accordion in correct answer section', () => {
+        it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed in responses 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.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.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(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, correct answer section and correct/incorrect answer status message should not 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 icons should be displayed in responses from correct accordion and correct/incorrect  answer status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(15, 15);
             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.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             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, correct/incorrect answer status message should not be displayed')
             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.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        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 (less than full points) and on switching to \'Grading\' view, correct icons should be displayed in responses from alternative accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not 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 (less than full points) and on switching to \'Grading\' view, correct icons should be displayed in responses from alternative accordion, correct/incorrect status message 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(9, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
-            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.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             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 responses from alternative accordion and correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed in the responses from correct accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed in the selected responses and only correct icon should be displayed in unselected responses from correct accordion and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
             gridFillPage.steps.verifyPreviewScore(10, 15);
             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.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             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 responses from correct accordion, correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed in the responses from alternative accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed in the selected responses from alternative accordion and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 3);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(6, 15);
             gridFillPage.steps.switchToGradingView();
-            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.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             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 selected responses from alternative accordion and correct/incorrect status message should not be displayed');
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        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 points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed in response from the correct accordion, incorrect icon should be displayed in response from the alternative accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not 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 points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed in response from the correct accordion, incorrect icon should be displayed in response from the alternative accordion, correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(5, 15);
             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, 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.verifyCorrectIncorrectStatusMessageNotExists();
             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, incorrect icon should be displayed in unselected cells and correct/incorrect status message should not 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.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        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 points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be in the common response, correct icons should be displayed in responses from correct accordion, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not 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 points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be in the common response, correct icons should be displayed in responses from correct accordion should be displayed in unselected cells and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(5, 15);
             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.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.verifyCorrectIncorrectStatusMessageNotExists();
             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 response, no icon should be displayed and correct/incorrect status message should not be displayed')
+            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 response, no icon should be displayed in unselected cells and correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        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 incorrect response in response grid, correct icon should be displayed in responses from correct accordion in correct answer section and correct/incorrect status message should not 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 incorrect response, correct icons should be displayed in responses from the correct accordion and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.verifyPreviewScore(0, 15);
             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.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.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             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 besides all incorrect responses and correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('Overachiever case: When the user attempts the question with more number of correct responses from the alternate tab than the correct accordion but the score of the individual response selected from the correct accordion overpowers the combined score of the alternate tab answers then on switching to the \'Grading view\', then points awarded should be of the correct accordion, green check-mark icons should be displayed for the correct accordion response, red cross-mark icon should be displayed for the alternate tab responses, correct/incorrect answer label and its border should not be displayed and correct answer section should be displayed with correct accordion answers for the responses marked incorrect', () => {
+        it('Overachiever case: When the user attempts the question with more number of correct responses from the alternate tab than the correct accordion but the score of the individual response selected from the correct accordion overpowers the combined score of the alternate tab answers then on switching to the \'Grading view\', then points awarded should be of the correct accordion, green check-mark icons should be displayed for the correct accordion response, red cross-mark icon should be displayed for the alternate tab responses, correct/incorrect answer label and its border should not be displayed and correct answer container should be displayed with correct accordion answers for the responses marked incorrect', () => {
             cy.log('Pre-step: Switching to Edit tab and allotting points to alternate tab such that the difference between the points is substantial and the points per response are in decimal')
             gridFillPage.steps.switchToEditTab();
             gridFillPage.steps.deleteAlternativeAnswerAccordion(0);
@@ -191,19 +230,28 @@ describe('Create item page - Grid fill : Partial equal weights with alternative
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(7.67, 23);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            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.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, 3);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, green check-mark icons should be displayed beside the correct responses from the correct accordion, red cross-mark icons should be displayed beside the incorrectly answered responses, correct/incorrect answer label and its border, correct answer container should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
     });

package/cypress/e2e/ILC/GridFill/studentViewSettingsSection.js

@@ -113,7 +113,7 @@ describe('Create item page - Grid fill: Student view settings', () => {
         });
 
         it('CSS of warning message', { tags: 'css' }, () => {
-            utilities.verifyCSS(gridFillPage.warningMessage().find('.min-max-answer-error-text'), {
+            utilities.verifyCSS(gridFillPage.WarningMessage().find('.min-max-answer-error-text'), {
                 'color': css.color.warningText,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.bold
@@ -121,7 +121,7 @@ describe('Create item page - Grid fill: Student view settings', () => {
         });
 
         it('Accessibility of warning message in Edit tab', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(gridFillPage.warningMessage());
+            cy.checkAccessibility(gridFillPage.WarningMessage());
         });
 
         gridFillPage.tests.verifyWarningMessageDisappear();
@@ -148,7 +148,7 @@ describe('Create item page - Grid fill: Student view settings', () => {
             gridFillPage.steps.switchToPreviewTab();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
             gridFillPage.steps.verifyCheckAnswerButtonEnabled();
         });
 

package/cypress/e2e/ILC/Matching/specifyCorrectAnswerSection.js

@@ -1,7 +1,7 @@
 import { matchingPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
+
 const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
 const options = ['Petals', 'Leaves', 'Roots', 'Flowers'];