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

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/allOrNothingBasicForAllViews.smoke.js

@@ -175,7 +175,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
             });
 
-            it('When the user attempts the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            it('When the user attempts the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -198,7 +198,7 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
                 dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
                 dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
             });
 
             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 beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/clickAndDrop.js

@@ -84,7 +84,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Eagle', 'Parrot', 'Whale']);
@@ -122,7 +122,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Parrot', 'Whale']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
@@ -149,7 +149,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Bat');
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Eagle');
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Bat', 'Eagle', 'Parrot', 'Whale']);
@@ -253,7 +253,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Eagle', 'Parrot', 'Whale']);
@@ -291,7 +291,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Parrot', 'Whale']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfPreviewTab('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInPreviewTab();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInPreviewTab();
@@ -324,11 +324,6 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Eagle']);
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Bat']);
         });
-
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerPreviewTab('Eagle', 0);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Whale', 'Platypus', 'Eagle']);
-        });
     });
 
     describe('Click and drop cases for \'Grouped\' response options layout in \'Specify correct answer\' section', () => {
@@ -408,7 +403,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Eagle', 'Whale', 'Platypus']);
@@ -447,7 +442,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Whale', 'Platypus']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfSpecifyCorrectAnswerSection('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
@@ -474,7 +469,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Bat');
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Eagle');
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
@@ -588,7 +583,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyInactiveStateOfAllDropzonesInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the options container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone cells, the option should get removed from the respective group of the response container, the dropzone cell should get filled with that option and the other dropzone cells should return to inactive state', () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bat']);
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Eagle', 'Whale', 'Platypus']);
@@ -627,7 +622,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Whale', 'Platypus']);
         });
 
-        it('When the user selects an option from the filled dropzone cell, the options container as well as all dropzone cells should get active for dropping the option', () => {
+        it('When the user selects an option from the filled dropzone cell, the response container as well as all dropzone cells should get active for dropping the option', () => {
             dragAndDropIntoCategoriesPage.steps.clickOnDraggableOptionInDropzoneCellOfPreviewTab('Bat', 0);
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfDraggableOptionsContainerInPreviewTab();
             dragAndDropIntoCategoriesPage.steps.verifyActiveStateOfAllDropzonesInPreviewTab(1);
@@ -661,14 +656,8 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Bat']);
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerPreviewTab('Eagle');
-            dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Whale', 'Platypus', 'Eagle']);
-            dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInPreviewTab(1, groupedOptions[1]);
-        });
-
         it('When user has dropped all the options from a group in the response areas, then empty group should be displayed in the options container', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Whale': 0, 'Platypus': 1, 'Eagle': 0 });
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Whale': 0, 'Platypus': 1 });
             dragAndDropIntoCategoriesPage.steps.verifyGroupedOptionsTitlePreviewTab(0, 'Group A')
             dragAndDropIntoCategoriesPage.steps.verifyEmptyGroupInPreviewTab(0);
         });

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/clickAndDrop.js

@@ -83,7 +83,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the options container, the dropzone should get filled with that option and the other dropzone should remain in inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the response container, the dropzone should get filled with that option and the other dropzone should remain in inactive state', () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(0, ['Petals']);
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Flower', 'Stem', 'Seed']);
@@ -148,7 +148,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Petals', 'Flower', 'Stem', 'Seed']);
@@ -251,7 +251,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the options container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the response container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0 });
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Petals']);
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Flower', 'Stem', 'Seed']);
@@ -322,11 +322,6 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Flower']);
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(2, ['Petals']);
         });
-        
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container', () => {
-            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Flower');
-            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Flower', 'Stem', 'Seed']);
-        });
     });
 
     describe('Click and drop cases for \'Grouped\' response options layout in \'Specify correct answer\' section', () => {
@@ -403,7 +398,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the options container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the response container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(0, ['Petals']);
             fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Flower', 'Stem', 'Seed']);
@@ -469,7 +464,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
@@ -583,7 +578,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the options container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the response container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0 });
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Petals']);
             fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Flower', 'Stem', 'Seed']);
@@ -654,14 +649,8 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Flower']);
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container', () => {
-            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Flower');
-            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Petals', 'Flower', 'Stem', 'Seed']);
-            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, groupedOptions[1]);
-        });
-
         it('When user has dropped all the options from a group in the response areas, then empty group should be displayed in the options container', () => {
-            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Stem': 0, 'Seed': 2, 'Petals': 3 , 'Flower':1});
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Stem': 0, 'Seed': 2, 'Petals': 3 });
             fillInTheGapsDragAndDropPage.steps.verifyGroupedOptionsTitlePreviewTab(0, 'Group A')
             fillInTheGapsDragAndDropPage.steps.verifyEmptyGroupInPreviewTab(0);
         });

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/clickAndDrop.js

@@ -89,7 +89,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the options container, the dropzone should get filled with that option and the other dropzone should remain in inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the response container, the dropzone should get filled with that option and the other dropzone should remain in inactive state', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(0, ['Petals']);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Flower', 'Stem', 'Seed']);
@@ -153,7 +153,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Petals', 'Flower', 'Stem', 'Seed']);
@@ -262,7 +262,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the options container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the response container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0 });
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Petals']);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Flower', 'Stem', 'Seed']);
@@ -332,11 +332,6 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Flower']);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Petals']);
         });
-
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container', () => {
-            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Flower');
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(['Stem', 'Seed', 'Flower']);
-        });
     });
 
     describe('Click and drop cases for \'Grouped\' response options layout in \'Specify correct answer\' section', () => {
@@ -418,7 +413,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the options container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the response container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(0, ['Petals']);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Flower', 'Stem', 'Seed']);
@@ -483,7 +478,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the response container, the selected option should get back in the response container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropGroupedOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropGroupedOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
@@ -602,7 +597,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 
-        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the options container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
+        it('When the user drops an option in one of the dropzone, the option should get removed from the respective group of the response container, the dropzone should get filled with that option and the other dropzone should return to inactive state', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0 });
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Petals']);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Flower', 'Stem', 'Seed']);

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

@@ -13,6 +13,7 @@ const toolOptions = [...selectedToolOption, ...unselectedToolOption];
 describe('Create item page - Graphing - Preview contents in all views', () => {
     before(() => {
         cy.loginAs('admin');
+        graphingPage.steps.navigateToCreateQuestion('Graphing');
     });
 
     views.forEach((view) => {

package/cypress/e2e/ILC/Graphing/toolsControlsAndBackgroundSection.js

@@ -54,8 +54,42 @@ describe('Graphing: Tools and controls - Edit tab and preview tab tool options',
                 utilities.verifyElementVisibilityState(utilities.getNthElement(graphingPage.controlsTickIcon(), index), 'visible');
             });
         });
-        
-        graphingPage.tests.verifyDefaultToolDropdown(toolOptions);
+
+        it('\'Default tool\' label and dropdown should be displayed with \'Point\' option selected by default', () => {
+            utilities.verifyInnerText(graphingPage.defaultToolDropdownLabel(), 'Default tool');
+            utilities.verifyInnerText(graphingPage.defaultToolDropdown(), 'Point');
+        });
+
+        it(`${selectedToolOption} options should be displayed when the user expands the \'Default tool\' dropdown`, () => {
+            graphingPage.steps.expandDefaultToolDropdown();
+            selectedToolOption.forEach((dropdownOption) => {
+                utilities.verifyElementVisibilityState(graphingPage.defaultToolDropdownOptions(dropdownOption), 'exist');
+            });
+            utilities.verifyElementCount(graphingPage.defaultToolDropdownOptions(), 6);
+            graphingPage.steps.selectOptionFromDefaultToolDropdown('Point');
+        });
+
+        it('CSS of default tool dropdown', { tags: 'css' }, () => {
+            graphingPage.steps.expandDefaultToolDropdown();
+            utilities.verifyCSS(graphingPage.defaultToolDropdownLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(graphingPage.defaultToolDropdownOptions('Point'), {
+                'color': css.color.liText,
+                'background-color': css.color.liTextSelectedBg,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(graphingPage.defaultToolDropdownOptions('Line'), {
+                'color': css.color.liText,
+                'background-color': css.color.transparent,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            graphingPage.steps.selectOptionFromDefaultToolDropdown('Point');
+        });
 
         it(`The ${selectedToolOption} options should be displayed in the \'Specify correct answer\' section and ${toolOptions} should be displayed in the background graph section`, () => {
             selectedToolOption.forEach((toolOption) => {

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

@@ -101,10 +101,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.switchToGradingView();
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                 }
-                gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 0);
-                gridFillPage.steps.verifyCorrectIncorrectResponseIconNotExistPreviewTab(0, 1);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
             });
 
             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 the incorrect cell, incorrect answer border around incorrect cell and correct icon should be displayed in the correct cell, correct answer border around correct cell and a status message with text \'Your answer is incorrect\' in question preview', () => {
@@ -114,15 +114,21 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
                     studentViewPage.steps.clickOnGoToGradingViewButton()
                     gradingViewPage.steps.verifyGradingViewScore(0, 20);
-                    gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0,3);
-                    gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-                    gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
                 }
                 if (view === 'Question preview' || view === 'Item preview') {
                     gridFillPage.steps.switchToGradingView();
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                 }
-                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0,3);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -141,9 +147,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                     gridFillPage.steps.switchToGradingView();
                 };
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -163,10 +170,12 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                     gridFillPage.steps.switchToGradingView();
                 };
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -187,11 +196,12 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(0, 20);
                     gridFillPage.steps.switchToGradingView();
                 };
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconCorrectAnswerSection(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -211,8 +221,10 @@ describe('Create item page - Grid fill: All or nothing', () => {
                     gridFillPage.steps.verifyPreviewScore(20, 20);
                     gridFillPage.steps.switchToGradingView();
                 }
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             });
         });

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

@@ -84,15 +84,21 @@ describe('Create item page - grid fill - Check answer functionality', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 4);
                 gridFillPage.steps.selectCellPreviewTab(0, 2);
                 checkAnswer(view);
-                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 4);
-                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 2);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 4);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 4);
+                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 4);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 2);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 2);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
             it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should be displayed besides correct responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 0);
                 checkAnswer(view);
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -101,9 +107,15 @@ describe('Create item page - grid fill - Check answer functionality', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 1);
                 gridFillPage.steps.selectCellPreviewTab(0, 3);
                 checkAnswer(view);
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
-                gridFillPage.steps.verifyIncorrectResponseIconPreviewTab(0, 3);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 1);
+                gridFillPage.steps.verifyIncorrectResponseBorder(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseIcon(0, 3);
+                gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 3);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -111,8 +123,12 @@ describe('Create item page - grid fill - Check answer functionality', () => {
                 gridFillPage.steps.selectCellPreviewTab(0, 0);
                 gridFillPage.steps.selectCellPreviewTab(0, 1);
                 checkAnswer(view);
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 0);
-                gridFillPage.steps.verifyCorrectResponseIconPreviewTab(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                gridFillPage.steps.verifyCorrectResponseBorder(0, 1);
+                gridFillPage.steps.verifyCorrectResponseIcon(0, 1);
+                gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 1);
                 gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             });
         });

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

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