itemengine-cypress-automation 1.0.253-TEMSmokeTestUpdates-82559a5.0 → 1.0.254-UpdatedRepo4thNov-c5b0050.0

package/cypress/e2e/ILC/CkEditorInsertTable/tableStyle.js

@@ -0,0 +1,154 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const border = ['All borders', 'Inner borders', 'Outer and horizontal borders', 'Horizontal borders', 'Outer and vertical borders', 'Vertical borders', 'Outer borders', 'Clear borders'];
+const strip = ['Clear', 'Horizontal', 'Vertical'];
+const hover = ['Row', 'Cell'];
+
+describe('Insert Table: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Table Style section: Types of border', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Table style\' label, \'Border\' label and \'Clear all\' button should be displayed.', () => {
+            utilities.verifyInnerText(multipleSelectionPage.tableStyleLabel(), 'Table style');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableStyleLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.borderLabel(), 'Border');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.borderLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.clearAllTableStyle(), 'Clear all');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.clearAllTableStyle(), 'visible');
+        });
+
+        it('CSS of \'Table style\' label, \'Border\' label and \'Clear all\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.tableStyleLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '700'
+            });
+            utilities.verifyCSS(multipleSelectionPage.borderLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.clearAllTableStyle(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        it('Their should be 8 border style available including none. By default \'All borders\' should be in selected state and by default \'All borders\' should be in selected state', () => {
+            for (let type = 0; type < 8; type++){
+                multipleSelectionPage.steps.checkBorderButtonVisible(border[type]);
+            }
+        });
+
+        it('By default \'All borders\' should be in selected state and when clicked on okay the table should reflect the property selected', () => {
+            utilities.verifyElementNotDisabled(multipleSelectionPage.allBorders());
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkBorderVisibleInQuestionInstruction(border[0]);
+        });
+
+        it('Checking for all Border Style', () => {
+            for (let type = 1; type < 8; type++ ) {
+                multipleSelectionPage.steps.clearInPromptInputField();
+                multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+                multipleSelectionPage.steps.selectTableBorderStyle(border[type]);
+                multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+                multipleSelectionPage.steps.checkBorderVisibleInQuestionInstruction(border[type]);
+            }
+        });
+    });
+
+    describe('Table Style section: Border Settings', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Border size\' label and input field with default value 1, \'Striped\' label and 3 strip options with default value none and \'Add hover state\' label and dropdown with default value none should be displayed.', () => {
+            multipleSelectionPage.steps.scrollingDownInInsertTablePopUp();
+            utilities.verifyInnerText(multipleSelectionPage.borderSizeLabel(), 'Border size');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.borderSizeLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.borderSizeInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.stripedLabel(), 'Striped');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.stripedLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.clearStripes(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.horizontalStripes(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.verticalStripes(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.addHoverStateLabel(), 'Add hover state');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.addHoverStateLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.addHoverStateDropDown(), 'visible');
+        });
+
+        it('CSS of \'Border size\' label and input field, \'Striped\' label and strip options and \'Add hover state\' label and dropdown', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.borderSizeLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.borderSizeInputField(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.stripedLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.clearStripes(), {
+                'color': 'rgb(72, 72, 72)',
+            });
+            utilities.verifyCSS(multipleSelectionPage.addHoverStateLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.addHoverStateDropDown(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        it('By default border size is 1px. User should be able to change the border size and it should reflect according to the change ', () => {
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkBorderSizeOfTable('1');
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.scrollingDownInInsertTablePopUp();
+            multipleSelectionPage.steps.inputBorderSizeForTable('2');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkBorderSizeOfTable('2');
+        })
+
+        it('User should be able to change the strip style and it should reflect according to the change ', () => {
+            for (let stripStyle = 0; stripStyle < 3; stripStyle++){
+                multipleSelectionPage.steps.clearInPromptInputField();
+                multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+                multipleSelectionPage.steps.scrollingDownInInsertTablePopUp();
+                multipleSelectionPage.steps.selectTableStripStyle(strip[stripStyle]);
+                multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+                multipleSelectionPage.steps.checkBorderStripOfTable(strip[stripStyle]);
+            }
+        })
+
+        //Unable to click on dropdown using click/realclick need to test manually
+        it('User should be able to change the hover effect and it should reflect on the table according to the change ', () => {
+        })
+    });
+});

package/cypress/e2e/ILC/Compass/compassPreviewContent.smoke.js

@@ -65,6 +65,7 @@ describe('Preview tab contents for all views', () => {
                 compassPage.steps.clickOnCompassToolVisibilityButton();
                 compassPage.steps.verifyCompassToolIsVisible();
                 compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel('Hide');
+                compassPage.steps.clickOnCompassToolVisibilityButton();
             });
 
             it('CSS of preview tab basic section', { tags: 'css' }, () => {

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/Scoring/allOrNothingAlternativePointsGreaterThanCorrectPoints.js

@@ -29,10 +29,10 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.switchToGradingView();
             dragAndDropIntoCategoriesPage.steps.verifyDropzoneCellNumeration(['1', '2', '3', '4', '5', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
         });
 
-        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than full points) and on switching to \'Grading\' view, 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', () => {
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses and and proper icon should display beside empty container, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(10, 20);
@@ -43,6 +43,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
@@ -58,7 +59,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        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 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', () => {
+        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 beside all the correct responses and proper icon should display beside empty container, 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', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Eagle': 1, 'Peacock': 1, 'Ostrich': 3, 'Platypus': 4 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(20, 20);
@@ -68,6 +69,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
@@ -82,15 +84,19 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Parrot': 1 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
             dragAndDropIntoCategoriesPage.steps.switchToGradingView();
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -100,15 +106,19 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Peacock': 1 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
             dragAndDropIntoCategoriesPage.steps.switchToGradingView();
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -118,7 +128,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question partially correct with all the cells correct as per the correct accordion but one cell incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the responses common across both accordions, incorrect icons should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question partially correct with all the cells correct as per the correct accordion but one cell incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the responses common across both accordions and proper icon should display beside empty container, incorrect icons should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
@@ -127,8 +137,11 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question partially correct with all the cells correct as per the correct accordion but one cell incomplete and clicks on \'Check answer\' button, then correct icon should be displayed besides the responses common across both accordions, incorrect icons should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -140,16 +153,19 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question partially correct with more number of options exclusively from the correct accordion but with one option common across both accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the correct accordion, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question partially correct with more number of options exclusively from the correct accordion but with one option common across both accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the correct accordion and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Ostrich': 3, 'Platypus': 2 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
             dragAndDropIntoCategoriesPage.steps.switchToGradingView();
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(1);
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(1);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question partially correct with more number of options exclusively from the correct accordion but with one option common across both accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the responses common across both accordions, incorrect icons should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -160,7 +176,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question partially correct with all the cells correctly attempted as per the correct accordion but with an extra incorrect option, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the correct accordion, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question partially correct with all the cells correctly attempted as per the correct accordion but with an extra incorrect option, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the correct accordion and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4, 'Flying squirrel': 5 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
@@ -173,7 +189,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(5);
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question partially correct with all the cells correctly attempted as per the correct accordion but with an extra incorrect option and clicks on \'Check answer\' button, then correct icon should be displayed besides the responses common across both accordions, incorrect icons should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -188,7 +204,7 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question partially correct such that more number of correct options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the correct accordion, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question partially correct such that more number of correct options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the correct accordion and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Flying squirrel': 0, 'Parrot': 1, 'Platypus': 2 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
@@ -197,8 +213,11 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question partially correct such that more number of correct options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same cell and clicks on \'Check answer\' button, then correct icon should be displayed besides the responses common across both accordions, incorrect icons should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -210,14 +229,19 @@ describe('Create item page - Drag and drop into categories: All or nothing with
             dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
 
-        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from alternative accordion along with dropzone cell numeration should be displayed', () => {
             dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
             dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
             dragAndDropIntoCategoriesPage.steps.switchToGradingView();
             dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
             dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus']], ['1', '2', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], [], []], ['1', '2', '4', '5', '3', '6']);
             dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             dragAndDropIntoCategoriesPage.steps.checkAnswer();

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/Scoring/allOrNothingBasicForGroupedOptionsLayout.js

@@ -24,17 +24,22 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
         dragAndDropIntoCategoriesPage.steps.verifyDropzoneCellNumeration(['1', '2', '3', '4', '5', '6']);
         utilities.verifyInnerText(dragAndDropIntoCategoriesPage.correctAnswersLabel(), 'Correct answers');
-        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale']], ['1', '2', '3', '4', '5']);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
     });
 
-    it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, 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 incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses and proper icon should display beside empty container, 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', () => {
         dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
         dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
         dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
         dragAndDropIntoCategoriesPage.steps.switchToGradingView();
         dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+        dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(1);
+        dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(2);
+        dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(3);
+        dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(4);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale']], ['1', '2', '3', '4', '5']);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
         dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
         dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -43,17 +48,20 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
     });
 
-    it('When the user attempts the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with incorrect options, 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 some cells correct, some cells partially correct but incomplete, some cells partially correct with incorrect options, 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 and proper icon should display beside empty container, 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', () => {
         dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
         dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 4, 'Whale': 4 });
         dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
         dragAndDropIntoCategoriesPage.steps.switchToGradingView();
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+        dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(2);
+        dragAndDropIntoCategoriesPage.steps.verifyIncorrectIconForEmptyContainer(3);
         dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale']], ['1', '2', '3', '4', '5']);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
         dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         /*cy.log('When the user has attempted the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with incorrect options and clicks on \'Check answer\' button, then 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')
         dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -65,7 +73,7 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
     });
 
-    it('When the user attempts the question partially correct with all the cells correctly attempted but one cell incomplete, 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 one cell incomplete, 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 and proper icon should display beside empty container, 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', () => {
         dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
         dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Platypus': 2, 'Tiger': 3, 'Whale': 4 })
         dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
@@ -75,8 +83,9 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale']], ['1', '2', '3', '4', '5']);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
         dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         /*cy.log('When the user has attempted the question partially correct with all the cells correctly attempted but one cell incomplete and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
         dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -89,7 +98,7 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
     });
 
-    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', () => {
+    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 and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed', () => {
         dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
         dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Tiger': 3, 'Whale': 4, 'Flying squirrel': 4 });
         dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
@@ -101,8 +110,9 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
         dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale']], ['1', '2', '3', '4', '5']);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
         dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         /*cy.log('When the user has attempted the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer and clicks on \'Check answer\' button, then 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')
         dragAndDropIntoCategoriesPage.steps.checkAnswer();
@@ -117,7 +127,7 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         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', () => {
+    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 and proper icon should display beside empty container, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
         dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
         dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Tiger': 3, 'Whale': 4 });
         dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(20, 20);
@@ -129,6 +139,7 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
         dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
         dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
@@ -144,7 +155,7 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();*/
     });
 
-    it('When the user attempts question with the common option from another group and all other correct options then the user should be awarded 0 points and on switching to \'Grading\' view, 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', () => {
+    it('When the user attempts question with the common option from another group and all other correct options then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed besides incorrect answer response and proper icon should display beside empty container, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed', () => {
         dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
         dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromNthGroupInDropzonePreviewTab(3, { optionText: 'Bat', dropzoneIndex: 0 })
         dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Tiger': 3, 'Whale': 4 });
@@ -156,7 +167,8 @@ describe('Create Item page - drag and drop into categories: All or nothing scori
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
-        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale']], ['1', '2', '3', '4', '5']);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectIconForEmptyContainer(5);
+        dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Tiger'], ['Whale'], []], ['1', '2', '3', '4', '5', '6']);
         dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
         dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         /*cy.log('When the user attempts the question with the common option from another group then the user should be awarded and clicks on \'Check answer\' button, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')