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

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

@@ -23,91 +23,126 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
         it('When the user selects \'Grading\' view without attempting the question, then 0 points should be awarded and correct answer cells should be displayed with correct icon, border and background', () => {
             gridFillPage.steps.verifyPreviewScore(0, 15);
             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);
-        });
-
-        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 all incorrect response cells in response grid, correct answer icon should be displayed in correct answer section and correct/incorrect status message should not be displayed', () => {
+            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);
+        });
+
+        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 all incorrect response cells, correct icon should be displayed in all correct response cells should be displayed and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.selectCellPreviewTab(1, 1);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(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.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.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed in 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);
         });
 
-        it('When the user attempts the question partially correct, then the user should be awarded points of the correctly attempted responses and on switching to \'Grading\' view, correct icon should be displayed in the correct response cell in response grid, correct answer icon should be displayed in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user attempts the question partially correct, then the user should be awarded points of the correctly attempted responses and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
             gridFillPage.steps.verifyPreviewScore(5, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            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.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user attempts the question partially correct and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses and correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 0);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When the user attempts the question by selecting all the correct cells with one incorrect cell, then the user should be awarded full points and 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, correct answer icon should be displayed in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user attempts the question by selecting all the correct cells with one incorrect cell, then the user should be awarded full points and on switching to \'Grading\' view, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, and correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(0, 1);
             gridFillPage.steps.selectCellPreviewTab(0, 2);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(0, 2);
             gridFillPage.steps.selectCellPreviewTab(1, 1);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(1, 1);
             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.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.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.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user attempts the question partially correct and clicks on \'Check answer\' button, then correct icon should be displayed in the correct answer responses, incorrect icons should be displayed in all incorrect responses 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.verifyIncorrectResponseIconPreviewTab(1, 1);
+            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.verifyIncorrectResponseIcon(1, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(1, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed in all the correct responses, correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed in all the correct responses, correct/incorrect status message should not be displayed', () => {
             gridFillPage.steps.resetQuestionPreview();
             gridFillPage.steps.selectCellPreviewTab(0, 0);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 1);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(0, 1);
             gridFillPage.steps.selectCellPreviewTab(0, 2);
+            gridFillPage.steps.verifyCellSelectedPreviewTab(0, 2);
             gridFillPage.steps.verifyPreviewScore(15, 15);
             gridFillPage.steps.switchToGradingView();
             gridFillPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
-            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 user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed in the correct answer responses, 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();
         });
     });
@@ -310,7 +345,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.verifyCellSelectedPreviewTab(1, 1);
-            gridFillPage.steps.verifyPreviewScore(7, 27);
+            gridFillPage.steps.verifyPreviewScore(5, 27);
         });
 
         it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
@@ -336,7 +371,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.switchToPreviewTab();
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
-            gridFillPage.steps.verifyPreviewScore(-0.33, 27);
+            gridFillPage.steps.verifyPreviewScore(-2, 27);
         });
 
         it('When the user attempts the question correctly along with an incorrect response, then penalty points should get deducted from the awarded points', () => {
@@ -345,7 +380,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 1);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
-            gridFillPage.steps.verifyPreviewScore(8.67, 27);
+            gridFillPage.steps.verifyPreviewScore(7, 27);
         });
 
         it('When the user attempts the question correctly along with multiple incorrect responses, then penalty points for each incorrect response should get deducted from the awarded points', () => {
@@ -356,7 +391,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.verifyCellSelectedPreviewTab(1, 1);
-            gridFillPage.steps.verifyPreviewScore(8.34, 27);
+            gridFillPage.steps.verifyPreviewScore(5, 27);
         });
 
         it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
@@ -381,7 +416,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.switchToPreviewTab();
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
-            gridFillPage.steps.verifyPreviewScore(-4, 27);
+            gridFillPage.steps.verifyPreviewScore(-2, 27);
         });
 
         it('When the user attempts the question correctly along with an incorrect response, then penalty points should get deducted from the awarded points', () => {
@@ -390,7 +425,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
-            gridFillPage.steps.verifyPreviewScore(5, 27);
+            gridFillPage.steps.verifyPreviewScore(7, 27);
         });
 
         it('When the user attempts the question correctly along with multiple incorrect responses, then penalty points for each incorrect cell should get deducted from the awarded points', () => {
@@ -401,7 +436,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.verifyCellSelectedPreviewTab(1, 1);
-            gridFillPage.steps.verifyPreviewScore(1, 27);
+            gridFillPage.steps.verifyPreviewScore(5, 27);
         });
 
         it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
@@ -425,7 +460,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.switchToPreviewTab();
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
-            gridFillPage.steps.verifyPreviewScore(-2.25, 27);
+            gridFillPage.steps.verifyPreviewScore(-2, 27);
         });
 
         it('When the user attempts the question correctly along with an incorrect response, then penalty points should get deducted from the awarded points', () => {
@@ -434,7 +469,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
-            gridFillPage.steps.verifyPreviewScore(6.75, 27);
+            gridFillPage.steps.verifyPreviewScore(7, 27);
         });
 
         it('When the user attempts the question correctly along with multiple incorrect responses, then penalty points for each incorrect cell should get deducted from the awarded points', () => {
@@ -445,7 +480,7 @@ describe('Create item page - Grid fill : Partial equal weights', () => {
             gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
             gridFillPage.steps.selectCellPreviewTab(1, 4);
             gridFillPage.steps.verifyCellSelectedPreviewTab(1, 4);
-            gridFillPage.steps.verifyPreviewScore(4.5, 27);
+            gridFillPage.steps.verifyPreviewScore(5, 27);
         });
 
         it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {

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

@@ -27,130 +27,162 @@ describe('Create item page - Grid fill : Partial equal weights with alternative
 
         it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed in responses from the alternative accordion', () => {
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 3)
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
-        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded points of the correct accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed in the response from correct accordion in response grid, correct answer icons should be displayed in responses from alternative 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 correct accordion, then the user should be awarded points of the correct accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed in the response 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(9, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.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 the 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.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 the response from alternative accordion in response grid, 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 the response 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.verifyCorrectAnswerSectionNotExists();
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorder(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 the response from alternative accordion, 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.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
-        it('When the user attempts the question with partially correct responses 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 alternative accordion in correct answer section and correct/incorrect status message should not be displayed', () => {
+        it('When the user attempts the question with partially correct responses 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 correct answer 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(6, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.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.verifyResponseCellHasDefaultBackgroundColor(0, 2);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             cy.log('When the user has selected the question with partially correct responses exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed in the 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 responses 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 response from alternative accordion, correct icon should be displayed in responses from alternative 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 responses 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 should be displayed in the correct answer response and only correct icon should be displayed in unselected response from alternative accordion, 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, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 2);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(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 the selected response from alternative accordion, no icon should be displayed beside unselected response, 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 alternative accordion, incorrect icon should be displayed in responses from the correct accordion in response grid, correct icon should be displayed in responses from alternative 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 alternative accordion, incorrect icon should be displayed in responses from the correct 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.verifyIncorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            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.verifyIncorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
             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 alternative accordion, incorrect icon should be displayed in response from correct accordion, correct/incorrect status message should not be displayed')
             gridFillPage.steps.checkAnswer();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
             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 alternative 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 should be in the common response and response from alternative 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, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
+            gridFillPage.steps.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();
         });
 
@@ -159,15 +191,23 @@ describe('Create item page - Grid fill : Partial equal weights with alternative
             gridFillPage.steps.selectCellPreviewTab(1, 1);
             gridFillPage.steps.verifyPreviewScore(0, 15);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(1, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 2);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 2);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 3);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(0, 4);
+            gridFillPage.steps.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 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();
         });
 
@@ -188,21 +228,28 @@ describe('Create item page - Grid fill : Partial equal weights with alternative
             gridFillPage.steps.selectCellPreviewTab(0, 4);
             gridFillPage.steps.verifyPreviewScore(7, 21);
             gridFillPage.steps.switchToGradingView();
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 3);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconPreviewTab(1, 0);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 1);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0,3);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 4);
-            gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(1,1);
+            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.verifyCorrectResponseIcon(1, 0);
+            gridFillPage.steps.verifyCorrectResponseBorder(1, 0);
+            gridFillPage.steps.verifyResponseCellHasDefaultBackgroundColor(1, 0);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 1);
             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, 4);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 0);
-            gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 1);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBorderAndBackgroundColor(0, 4);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 0);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 1);
+            gridFillPage.steps.verifyIncorrectResponseBorderAndBackgroundColor(0, 1);
             gridFillPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
     });