itemengine-cypress-automation 1.0.326-IEI-4285-3f1c280.0 → 1.0.328-UpdateRepo28thFeb-24a9148.0

package/cypress/e2e/ILC/CkEditorAudioPlayer/audioPlayerHeaderSectionAndButtons.js

@@ -61,10 +61,9 @@ describe('Audio player: Header section, buttons and saving item', () => {
                 utilities.verifyElementVisibilityState(multipleSelectionPage.sourceUrlInputFieldErrorMessage(), 'hidden');
             });
 
-            it('When user adds invalid source URL in \'Source URL\' input field and clicks on \'OK\' button, validation error message should be displayed below source URL input field and popup should not close', () => {
+            it('When user adds invalid source URL in \'Source URL\' input field, validation error message should be displayed below source URL input field and popup should not close', () => {
                 multipleSelectionPage.steps.clearTextInSourceURLInputField();
                 multipleSelectionPage.steps.enterTextInSourceURLInputField(constants.sampleJPEGLink);
-                multipleSelectionPage.steps.clickOnOKButton();
                 utilities.verifyInnerText(multipleSelectionPage.sourceUrlInputFieldErrorMessage(), 'Error: The provided URL does not link to a supported audio file. Please enter a URL for a MP3, WAV, AAC file.');
                 utilities.verifyElementVisibilityState(multipleSelectionPage.ckEditorToolDialogBox(), 'visible');
             });
@@ -90,12 +89,14 @@ describe('Audio player: Header section, buttons and saving item', () => {
             it('When user uploads valid audio file in \'Upload\' section, \'Error: Audio file is required.\' validation error message should disappear', () => {
                 multipleSelectionPage.steps.uploadFile('sample.mp3');
                 utilities.verifyElementVisibilityState(multipleSelectionPage.uploadFileSectionErrorMessage(), 'hidden');
+                multipleSelectionPage.steps.clickOnOKButton();
+                multipleSelectionPage.steps.clearInPromptInputField();
+                multipleSelectionPage.steps.selectAudioPlayerOptionFromCKEditorToolbar();
             });
 
             it('When the user uploads an audio and transcript file that is not supported and clicks on \'OK\' button, validation error message should be displayed and popup should not close', () => {
-                multipleSelectionPage.steps.uploadFile('sample.mp4');
+                multipleSelectionPage.steps.uploadInvalidFile('sample.txt');
                 multipleSelectionPage.steps.uploadTranscriptFile('sample.doc');
-                multipleSelectionPage.steps.clickOnOKButton();
                 utilities.verifyInnerText(multipleSelectionPage.uploadFileSectionErrorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: MP3, WAV, AAC.');
                 utilities.verifyInnerText(multipleSelectionPage.uploadTranscriptFileSectionErrorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: TXT.');
                 utilities.verifyElementVisibilityState(multipleSelectionPage.ckEditorToolDialogBox(), 'visible');

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

@@ -8,6 +8,7 @@ describe('Update Table: Edit tab', () => {
         cy.loginAs('admin');
     });
 
+    //https://weldnorthed.atlassian.net/browse/IEI-5292
     describe('Update table with missing tbody', () => {
         abortEarlySetup();
         before(() => {

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

@@ -396,4 +396,104 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
             });
         });
     };
+
+    views.forEach((view) => {
+        //https://weldnorthed.atlassian.net/browse/IEI-5151
+        describe(`${view}: Drag and drop into categories - Auto Scored with 0 points`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+                        cy.barsPreLoaderWait();
+                        dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle']);
+                        dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1 });
+                        dragAndDropIntoCategoriesPage.steps.allotPoints(0);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    dragAndDropIntoCategoriesPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user attempts the question incorrectly for an auto scored Question with 0 points, then the incorrect Answer label and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 7 });
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                };
+            });
+        });
+    })
+
+    views.forEach((view) => {
+        //https://weldnorthed.atlassian.net/browse/IEI-5151
+        describe(`${view}: Drag and drop into categories - Non Scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+                        cy.barsPreLoaderWait();
+                        dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle']);
+                        dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1 });
+                        dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
+                        dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    dragAndDropIntoCategoriesPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user attempts the question incorrectly for a non scored Question, then the incorrect Answer label and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 7 });
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                };
+            });
+        });
+
+    })
 });

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

@@ -20,6 +20,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
             dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Navigating to drag and drop into categories');
+
             dragAndDropIntoCategoriesPage.steps.setGroupedOptions();
         });
 

package/cypress/e2e/ILC/DrawingResponse/drawingResponseBackground.js

@@ -279,6 +279,18 @@ describe('Create item page - Drawing response: Background: Blank canvas, Image,
             utilities.verifyElementVisibilityState(drawingResponsePage.fileUploadProgressBar(), 'notExist');
         });
 
+        it('When the user deletes the image file and uploads the same file again, file should be uploaded again', () => {
+            //delete the file
+            drawingResponsePage.steps.deleteUploadedFile();
+
+            //upload the same file again
+            drawingResponsePage.steps.uploadFile('uploads/image.png');
+            utilities.verifyElementVisibilityState(drawingResponsePage.fileUploadProgressBar(), 'visible');
+            utilities.verifyInnerText(drawingResponsePage.uploadedFileNameLabel(), 'image.png');
+            utilities.verifyElementVisibilityState(drawingResponsePage.uploadedFileNameLabel(), 'visible');
+            utilities.verifyElementVisibilityState(drawingResponsePage.fileUploadProgressBar(), 'notExist');
+        });
+
         it('CSS of progress bar and file name when file upload is in progress', { tags: 'css' }, () => {
             drawingResponsePage.steps.uploadFile('uploads/sample.jpg');
             drawingResponsePage.fileUploadProgressBar()

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/dropdownAndDropdownMenuSection.js

@@ -106,6 +106,7 @@ describe('Create item page - Fill in the gaps with dropdown: Dropdown and Dropdo
 
         it('When \'Auto scale\' toggle button is selected, then width of the collapsed dropdown and the dropdown menu should be auto scaled(increased) to accommodate the longest option in the dropdown menu in specify correct answer section', () => {
             fillInTheGapsDropdownPage.steps.compareDropdownMenuAndDropdownWidthForAutoScaledInPreviewTab();
+            fillInTheGapsDropdownPage.steps.checkIfDropdownMenuOverflowForAutoScale();
             cy.log('Choosing an option from dropdown to collapse it')
             fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[3]);
         });

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/editQuestion.smoke.js

@@ -65,4 +65,28 @@ describe('Edit item - fill in the gaps with dropdown', () => {
             fillInTheGapsDropdownPage.steps.saveAQuestionAndVerifySnackbar();
         });
     });
+
+    //https://weldnorthed.atlassian.net/browse/IEI-4752
+    describe('Edit fill in the gaps with dropdown question - manual to autoscored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps with dropdown')
+            fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('User should be able to edit the question, set it to autoscored and save the question', () => {
+            fillInTheGapsDropdownPage.steps.editItem();
+            fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Auto scored');
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+    });
 });

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

@@ -68,7 +68,8 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             });
         });
 
-        it('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group should be displayed in a random order', () => {
+        //Fails due to https://weldnorthed.atlassian.net/browse/IEI-5309
+        it.skip('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group should be displayed in a random order', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsOverImageDragAndDropPage.steps.checkRandomizeOptionsCheckbox();
             fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
@@ -81,7 +82,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             groupTitleArray = fillInTheGapsOverImageDragAndDropPage.steps.getGroupTitleArray();
         });
 
-        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of group containers as well as the options inside the group should not change', () => {
+        it.skip('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of group containers as well as the options inside the group should not change', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
             groupTitleArray.forEach((groupTitle, groupIndex) => {
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
@@ -91,7 +92,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             }
         });
 
-        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of group containers as well as the options inside the group should change', () => {
+        it.skip('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of group containers as well as the options inside the group should change', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(5);
             fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
@@ -104,7 +105,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupsAreRerandomized(groupTitleArray);
         });
 
-        it('When the user disables the \'Randomize options\' functionality, then the order of group containers as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+        it.skip('When the user disables the \'Randomize options\' functionality, then the order of group containers as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsOverImageDragAndDropPage.steps.uncheckRandomizeOptionsCheckbox();
             fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();

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

@@ -414,20 +414,21 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInlineOptionPlacementSpecifyCorrectAnswer();
         });
 
-        it('When the user selects \'Block\' radio button, then the options should be displayed under each other with an expand icon', () => {
+        //Fails due to https://weldnorthed.atlassian.net/browse/IEI-5308
+        it.skip('When the user selects \'Block\' radio button, then the options should be displayed under each other with an expand icon', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.checkBlockRadioButton();
             fillInTheGapsOverImageDragAndDropPage.steps.verifyBlockOptionPlacementSpecifyCorrectAnswer();
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.expandIconButton(), 'visible');
         });
 
-        it('When the user clicks on the expand button then the entire option text should be displayed and a close button should be displayed', () => {
+        it.skip('When the user clicks on the expand button then the entire option text should be displayed and a close button should be displayed', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.expandOptionInDropzone();
             utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.expandPopupDraggableOption(), 0), 'Leaves');
             utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.expandPopupDraggableOption(), 1), 'Flower');
             utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.expandPopupCloseButton(), 'Close');
         });
 
-        it('When the user clicks on the close button the expanded option should be minimized and the expand icon should be displayed again on the dropzone', () => {
+        it.skip('When the user clicks on the close button the expanded option should be minimized and the expand icon should be displayed again on the dropzone', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.closeExpandOptionPopup();
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.expandIconButton(), 'visible');
         });

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

@@ -5,7 +5,7 @@ import utilities from "../../../support/helpers/utilities";
 const panelPlacement = ['Bottom', 'Top', 'Left', 'Right'];
 const optionAlignment = ['Left', 'Center', 'Right'];
 
-describe('Drag and drop into categories - Style and layout customization', () => {
+describe('Fill in the gaps over image drag and drop - Style and layout customization', () => {
     before(() => {
         cy.loginAs('admin');
     });

package/cypress/e2e/ILC/FillInTheGapsTextNew/editTabBasicSection.js

@@ -139,4 +139,84 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             utilities.verifyInnerText(fillInTheGapsTextPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\n tempus tellus dapibus.Lorem ipsum');
         });
     });
+
+    //https://weldnorthed.atlassian.net/browse/IEI-5098
+    describe('Fill in the gaps text: Answer input field - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Fill in the gaps text question type');
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.selectNoneRadioButton();
+        });
+
+        it('When the input field is empty, then the user should be able to focus in the input field', () => {
+            fillInTheGapsTextPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswer(0);
+        });
+
+        it('When the user enters some text, then the user should be able to enter text and focus in and out', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Lorem Ipsum' }]);
+            fillInTheGapsTextPage.steps.focusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0);
+        });
+
+        it('When the user enters text that triggers the tooltip, then the user should be able to enter text and focus out', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Lorem ipsum dolor sit amet, onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget tempus tellus dapibus.Lorem ipsum' }]);
+            fillInTheGapsTextPage.steps.focusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0);
+        });
+
+        it('When the user enters text that triggers the tooltip, then the user should be able to enter text and focus in', () => {
+            fillInTheGapsTextPage.steps.focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0);
+        });
+
+        //Unable to check tooltip using cypress
+        it.skip('When the user enters a long text, then the user should be able to see the tooltip', () => {
+            fillInTheGapsTextPage.answerInputFieldSpecifyCorrectAnswerSection()
+                .verifyTooltip('Lorem ipsum dolor sit amet, onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget tempus tellus dapibus.Lorem ipsum');
+        });
+
+        it('When the user removes text, then the user should be able to check focus', () => {
+            fillInTheGapsTextPage.steps.clearAnswerInputField();
+            fillInTheGapsTextPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswer(0);
+        });
+    });
+
+    describe('Fill in the gaps text: Answer input field - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Fill in the gaps text question type');
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.selectNoneRadioButton();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the input field is empty, then the user should be able to focus in the input field', () => {
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+        });
+
+        it('When the user enters some text, then the user should be able to enter text and focus in and out', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Lorem Ipsum' }]);
+            fillInTheGapsTextPage.steps.focusOutOfResponseAnswerInputFieldPreviewTab(0);
+        });
+
+        it('When the user enters text that triggers the tooltip, then the user should be able to enter text and focus out', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Lorem ipsum dolor sit amet, onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget tempus tellus dapibus.Lorem ipsum' }]);
+            fillInTheGapsTextPage.steps.focusOutOfResponseAnswerInputFieldPreviewTab(0);
+        });
+
+        //Unable to check tooltip using cypress
+        it.skip('When the character limit is reached, then the tooltip should appear', () => {
+            fillInTheGapsTextPage.answerInputFieldPreviewTab()
+                .verifyTooltip('Lorem ipsum dolor sit amet, onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget tempus tellus dapibus.Lorem ipsum')
+        });
+
+        it('When the user enters text that triggers the tooltip, then the user should be able to enter text and focus in', () => {
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+        });
+
+        it('When the user removes text, then the user should be able to check focus', () => {
+            fillInTheGapsTextPage.steps.clearAnswerInputFieldPreviewTab();
+            fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
+        });
+    });
 });

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/previewContentsForAllViews.smoke.js

@@ -77,7 +77,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                 }
             });
 
-            it('Question instructions should be visible', () => {
+            it('Horizontal Question instructions should be visible', () => {
                 utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
                 utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
             });

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/allOrNothingForAllViews.smoke.js

@@ -109,6 +109,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                     itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
                 });
             };
+
             if (view === 'Question preview' || view === 'Item preview') {
                 it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
                     listOrderingPage.steps.verifyPreviewScore(0, 20);
@@ -169,7 +170,7 @@ describe('Create item page - List ordering: All or nothing ', () => {
                 listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
             });
 
-            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 the 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', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };

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

@@ -104,7 +104,7 @@ describe('Create item page - List ordering - Preview contents in all views', ()
                     listOrderingPage.steps.verifyTextContentOfOptionInDropzonePreviewTabSeperateList('alpha', 3);
                 });
             } else if (view === 'Grading view') {
-                it(`The order of the responses should be as per the submitted response`, () => {
+                it('The order of the responses should be as per the submitted response', () => {
                     listOrderingPage.steps.verifyOptionWithBoldTextInDropzonePreviewTabSeperateList(0);
                     listOrderingPage.steps.verifyOptionWithImageInDropzonePreviewTabSeperateList(1);
                     listOrderingPage.steps.verifyOptionWithEquationTextInDropzonePreviewTabSeperateList(2);

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

@@ -224,4 +224,33 @@ describe('Create Item page - Matching: Draggable options section', () => {
 
         matchingPage.tests.verifyDraggableOptionsForGroupedLayoutInPreviewTab();
     });
+
+    describe('Grouped options layout - Scoring', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandDraggableOptionsLayoutDropdown();
+            matchingPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            matchingPage.steps.enterTextInOptionInputField(['Petals', 'Leaves', 'Roots']);
+            matchingPage.steps.addGroupTitle('Group title A');
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Petals', dropzoneIndex: 0 }, { optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Roots', dropzoneIndex: 1 }])
+            matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            matchingPage.steps.allotPoints(5);
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user moves two options from the first dropzone to the second dropzone, one option should not disappear, and all options should remain visible, indicating correct dropzone functionality', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Petals', dropzoneIndex: 0 }, { optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Roots', dropzoneIndex: 1 }]);
+            matchingPage.steps.clickOnDraggableOptionInDropzoneOfPreviewTab('Petals', 0);
+            matchingPage.steps.clickOnDropzoneOfPreviewTab(1);
+            matchingPage.steps.clickOnDraggableOptionInDropzoneOfPreviewTab('Leaves', 0);
+            matchingPage.steps.clickOnDropzoneOfPreviewTab(1);
+            matchingPage.steps.verifyOptionFieldContentsInOptionsSectionQuestionPreviewTab(['Roots']);
+            matchingPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'Petals');
+            matchingPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'Leaves');
+        });
+    });
 });

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

@@ -3,66 +3,71 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const connectorStyles = ["simpleLink", "mingleLink", "leftArrow", "rightArrow", "doubleArrow", "line", "dashed"];
 
-
-describe('Dropzone connector style contents', () => {
-    abortEarlySetup();
+describe('Matching : Style and layout customization - Dropzone connector style', () => {
     before(() => {
-        matchingPage.steps.navigateToCreateQuestion('matching');
-        cy.barsPreLoaderWait();
-        matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        cy.loginAs('admin');
     });
 
-    it('"Dropzone connector style" label should be displayed', () => {
-        utilities.verifyInnerText(matchingPage.dropzoneConnectorStyleLabel(), 'Dropzone connector style');
-    });
+    describe('Dropzone connector style contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
 
-    it('"Set connector line type" label along with seven icon buttons should be displayed. By default, "SimpleLink" option should be in selected state', () => {
-        utilities.verifyInnerText(matchingPage.connectorLineTypeLabel(), 'Set connector line type');
-        connectorStyles.forEach((option) => {
-            utilities.verifyElementVisibilityState(matchingPage.connectorEndPointShapeOptions(option), 'exist');
+        it('"Dropzone connector style" label should be displayed', () => {
+            utilities.verifyInnerText(matchingPage.dropzoneConnectorStyleLabel(), 'Dropzone connector style');
         });
-        matchingPage.steps.verifyConnectorStyleOptionSelected('simpleLink')
-    });
-});
 
-describe('Dropzone connector style - Edit tab', () => {
-    abortEarlySetup();
-    before(() => {
-        matchingPage.steps.navigateToCreateQuestion('matching');
-        cy.barsPreLoaderWait();
-        matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        it('"Set connector line type" label along with seven icon buttons should be displayed. By default, "SimpleLink" option should be in selected state', () => {
+            utilities.verifyInnerText(matchingPage.connectorLineTypeLabel(), 'Set connector line type');
+            connectorStyles.forEach((option) => {
+                utilities.verifyElementVisibilityState(matchingPage.connectorEndPointShapeOptions(option), 'exist');
+            });
+            matchingPage.steps.verifyConnectorStyleOptionSelected('simpleLink')
+        });
     });
 
-    it('When the "SimpleLink" connector style is in selected state, then the connector style of the text containers should be "SimpleLink"', () => {
-        matchingPage.steps.verifyConnectorStyles('simpleLink');
-    });
+    describe('Dropzone connector style - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
 
-    connectorStyles.forEach((button) => {
-        it(`When the user selects ${button}, then the connector style of the text containers should update to ${button}`, () => {
-            matchingPage.steps.selectConnectorLineType(button);
-            matchingPage.steps.verifyConnectorStyles(button);
+        it('When the "SimpleLink" connector style is in selected state, then the connector style of the text containers should be "SimpleLink"', () => {
+            matchingPage.steps.verifyConnectorStyles('simpleLink');
         });
-    })
-});
 
-describe('Dropzone connector style - Preview tab', () => {
-    abortEarlySetup();
-    before(() => {
-        matchingPage.steps.navigateToCreateQuestion('matching');
-        cy.barsPreLoaderWait();
-        matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        connectorStyles.forEach((button) => {
+            it(`When the user selects ${button}, then the connector style of the text containers should update to ${button}`, () => {
+                matchingPage.steps.selectConnectorLineType(button);
+                matchingPage.steps.verifyConnectorStyles(button);
+            });
+        })
     });
 
-    it('When the "SimpleLink" connector style is in selected state, then the connector style of the text containers should be "SimpleLink"', () => {
-        matchingPage.steps.verifyConnectorStyles('simpleLink');
-    });
+    describe('Dropzone connector style - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
 
-    connectorStyles.forEach((button) => {
-        it(`When the user selects ${button}, then the connector style of the text containers should update to ${button}`, () => {
-            matchingPage.steps.switchToEditTab();
-            matchingPage.steps.selectConnectorLineType(button);
-            matchingPage.steps.switchToPreviewTab();
-            matchingPage.steps.verifyConnectorStyles(button);
+        it('When the "SimpleLink" connector style is in selected state, then the connector style of the text containers should be "SimpleLink"', () => {
+            matchingPage.steps.verifyConnectorStyles('simpleLink');
         });
-    })
+
+        connectorStyles.forEach((button) => {
+            it(`When the user selects ${button}, then the connector style of the text containers should update to ${button}`, () => {
+                matchingPage.steps.switchToEditTab();
+                matchingPage.steps.selectConnectorLineType(button);
+                matchingPage.steps.switchToPreviewTab();
+                matchingPage.steps.verifyConnectorStyles(button);
+            });
+        })
+    });
 });

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

@@ -16,7 +16,8 @@ describe('Matching - Style and layout customization accordion', () => {
             matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
             matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
             matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
-            matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower']);
+            matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower', 'Tree']);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 1 }, { optionText: 'Tree', dropzoneIndex: 2 }]);
         });
 
         it('Option alignment in dropzone label should be displayed', () => {
@@ -49,12 +50,13 @@ describe('Matching - Style and layout customization accordion', () => {
             cy.barsPreLoaderWait();
             matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
             matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
-            matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
-            matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower']);
+            matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower', 'Tree']);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 1 }, { optionText: 'Tree', dropzoneIndex: 2 }]);
             matchingPage.steps.switchToPreviewTab();
         });
 
-        it('By default, the options in the dropzone should be left aligned', () => {
+        it('By default, the options in the dropzone should be left aligned when the user drops it into dropzone', () => {
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Flower', dropzoneIndex: 0 }]);
             matchingPage.steps.verifyOptionAlignmentInDropzoneInPreviewTab('Left');
         });