itemengine-cypress-automation 1.0.355 → 1.0.356-capture-image-8b4830c.0

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

@@ -24,6 +24,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
+            cy.wait(5000); //Adding a dynamic wait for audio to load in preview tab
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
         });
@@ -36,6 +37,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
+            cy.wait(5000); //Adding a dynamic wait for audio to load in preview tab
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
         });
@@ -48,6 +50,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
+            cy.wait(5000); //Adding a dynamic wait for audio to load in preview tab
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
         });
@@ -69,6 +72,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
+            cy.wait(5000); //Adding a dynamic wait for audio to load in preview tab
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
         });
@@ -82,6 +86,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
+            cy.wait(5000); //Adding a dynamic wait for audio to load in preview tab
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
         });
@@ -95,6 +100,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
+            cy.wait(5000); //Adding a dynamic wait for audio to load in preview tab
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
         });

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

@@ -32,7 +32,6 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.switchToEditTab();
             multipleSelectionPage.steps.clickOnAudioPlayerBlock();
             multipleSelectionPage.steps.uploadTranscriptFile('sample.txt');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptFileUploadProgressBar(), 'visible');
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
@@ -49,7 +48,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.switchToEditTab();
             multipleSelectionPage.steps.clickOnAudioPlayerBlock();
             multipleSelectionPage.steps.clickOnTypeInTranscriptRadioButton();
-            multipleSelectionPage.steps.enterTextInTranscriptInputField('In triangle ABC,m ∠ ABC = (4x-12) ° and m ∠ ACB = (2x + 26) °');
+            multipleSelectionPage.steps.enterTextInCKEditorTranscriptInputField('In triangle ABC,m ∠ ABC = (4x-12) ° and m ∠ ACB = (2x + 26) °');
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
@@ -73,7 +72,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnTypeInTranscriptRadioButton();
-            multipleSelectionPage.steps.enterTextInTranscriptInputField('In triangle ABC,m ∠ ABC = (4x-12) ° and m ∠ ACB = (2x + 26) °');
+            multipleSelectionPage.steps.enterTextInCKEditorTranscriptInputField('In triangle ABC,m ∠ ABC = (4x-12) ° and m ∠ ACB = (2x + 26) °');
             multipleSelectionPage.steps.clickOnOKButton();
         });
 

package/cypress/e2e/ILC/CkEditorEquationEditor/equationEditorBasicFile.js

@@ -44,8 +44,8 @@ describe('Equation Editor: Edit tab', () => {
             utilities.verifyElementVisibilityState(multipleSelectionPage.equationEditorLabel(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.okButton(), 'OK');
             utilities.verifyElementVisibilityState(multipleSelectionPage.okButton(), 'visible');
-            utilities.verifyInnerText(multipleSelectionPage.cancelButton(), 'Cancel');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.cancelButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.editorCancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.editorCancelButton(), 'visible');
         });
 
         it('\'Select Mode\' label with \'Editor\', \'LaTex code\' and \'MathML\' radio button should be displayed. Also \'ARIA label\' label should be displayed with chevron down icon.', () => {
@@ -84,7 +84,7 @@ describe('Equation Editor: Edit tab', () => {
 
         it('When user writes any equation and clicks on cancel button it should not be visible on question instruction section', () => {
             multipleSelectionPage.steps.writeEquationUsingTools();
-            multipleSelectionPage.steps.clickOnCancelButton();
+            multipleSelectionPage.steps.closeEquationEditor();
             utilities.verifyElementVisibilityState(multipleSelectionPage.equationWrapper(), 'notExist');
         });
 
@@ -93,7 +93,7 @@ describe('Equation Editor: Edit tab', () => {
             multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
             multipleSelectionPage.steps.writeEquationUsingTools();
             multipleSelectionPage.steps.clickOnOkButton();
-            utilities.verifyTextContent(multipleSelectionPage.equationInInputField(), 'x∨tan⁡(x+y)');
+            utilities.verifyTextContent(multipleSelectionPage.equationInInputField(), 'N∨tan⁡(N−P)');
         });
     });
 

package/cypress/e2e/ILC/CkEditorInsertImage/imageInfo.js

@@ -28,8 +28,8 @@ describe('Insert Image: Edit tab', () => {
         });
 
         it('\'URL\', \'Alternative Text\', \'Width\', \'Height\', \'Border\', \'HSpace\', \'VSpace\' label with input field for each individual label and \'Preview\' label with image preview box should be visible ', () => {
-            utilities.verifyInnerText(multipleSelectionPage.urlLabel(), 'URL');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.urlLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.imageUrlLabel(), 'URL');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imageUrlLabel(), 'visible');
             utilities.verifyElementVisibilityState(multipleSelectionPage.urlInputField(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.alternateTextLabel(), 'Alternative Text');
             utilities.verifyElementVisibilityState(multipleSelectionPage.alternateTextLabel(), 'visible');
@@ -82,7 +82,7 @@ describe('Insert Image: Edit tab', () => {
                 'font-size': '12px',
                 'font-weight': '400'
             });
-            utilities.verifyCSS(multipleSelectionPage.urlLabel(), {
+            utilities.verifyCSS(multipleSelectionPage.imageUrlLabel(), {
                 'color': 'rgb(0, 0, 0)',
                 'font-size': '12px',
                 'font-weight': '400'
@@ -152,7 +152,7 @@ describe('Insert Image: Edit tab', () => {
         });
 
         it('The changes and the pic should also be visible in the \'Preview Tab\'', () => {
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.verifyCssOfImageInDifferentViews('300', '150', '5', '3', '10', 'Preview Tab');
         });

package/cypress/e2e/ILC/CkEditorInsertTable/tableDimension&FooterProperties.js

@@ -100,8 +100,8 @@ describe('Insert Table: Edit tab', () => {
 
         it('\'Alignment\' label with drop down, \'Caption\' label with input field and \'Summary\' label with input field should be displayed', () => {
             multipleSelectionPage.steps.scrollingDownToAlignmentLabel();
-            utilities.verifyInnerText(multipleSelectionPage.alignmentLabel(), 'Alignment');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.alignmentLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.tableAlignmentLabel(), 'Alignment');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableAlignmentLabel(), 'visible');
             utilities.verifyElementVisibilityState(multipleSelectionPage.alignmentDropDown(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.captionLabel(), 'Caption');
             utilities.verifyElementVisibilityState(multipleSelectionPage.captionLabel(), 'visible');
@@ -114,7 +114,7 @@ describe('Insert Table: Edit tab', () => {
         });
 
         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.alignmentLabel(), {
+            utilities.verifyCSS(multipleSelectionPage.tableAlignmentLabel(), {
                 'color': 'rgb(0, 0, 0)',
                 'font-size': '12px',
                 'font-weight': '400'

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

@@ -23,8 +23,8 @@ describe('Insert Table: Edit tab', () => {
         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.tableBorderLabel(), 'Border');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableBorderLabel(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.clearAllTableStyle(), 'Clear all');
             utilities.verifyElementVisibilityState(multipleSelectionPage.clearAllTableStyle(), 'visible');
         });
@@ -35,7 +35,7 @@ describe('Insert Table: Edit tab', () => {
                 'font-size': '12px',
                 'font-weight': '700'
             });
-            utilities.verifyCSS(multipleSelectionPage.borderLabel(), {
+            utilities.verifyCSS(multipleSelectionPage.tableBorderLabel(), {
                 'color': 'rgb(0, 0, 0)',
                 'font-size': '12px',
                 'font-weight': '400'
@@ -82,16 +82,16 @@ describe('Insert Table: Edit tab', () => {
         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.verifyElementVisibilityState(multipleSelectionPage.borderSizeLabel(), 'exist');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.borderSizeInputField(), 'exist');
             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.verifyElementVisibilityState(multipleSelectionPage.stripedLabel(), 'exist');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.clearStripes(), 'exist');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.horizontalStripes(), 'exist');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.verticalStripes(), 'exist');
             utilities.verifyInnerText(multipleSelectionPage.addHoverStateLabel(), 'Add hover state');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.addHoverStateLabel(), 'visible');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.addHoverStateDropDown(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.addHoverStateLabel(), 'exist');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.addHoverStateDropDown(), 'exist');
         });
 
         it('CSS of \'Border size\' label and input field, \'Striped\' label and strip options and \'Add hover state\' label and dropdown', { tags: 'css' }, () => {

package/cypress/e2e/ILC/CkEditorLink/uploadSection.js

@@ -24,7 +24,7 @@ describe('Link Ck Editor: Edit tab', () => {
             utilities.verifyElementVisibilityState(multipleSelectionPage.uploadSectionTitle(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.uploadTitle(), 'Upload');
             utilities.verifyElementVisibilityState(multipleSelectionPage.uploadTitle(), 'visible');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.insertImageChooseFileButton(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.insertImageChooseFileButton(), 'exist');
             utilities.verifyInnerText(multipleSelectionPage.sendItToServerButton(), 'Send it to the Server');
             utilities.verifyElementVisibilityState(multipleSelectionPage.sendItToServerButton(), 'visible');
         });

package/cypress/e2e/ILC/ContentBlocks/editTabBasics.js

@@ -1,8 +1,11 @@
-import { contentBlocksPage } from "../../../pages";
+import { contentBlocksPage, dialogBoxBase, itemPreviewPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
+var itemReferenceID = "";
+
 describe('Content blocks - Edit tab', () => {
     before(() => {
         cy.loginAs('admin');
@@ -82,6 +85,62 @@ describe('Content blocks - Edit tab', () => {
         it('Accessibility of header section', { tags: 'a11y' }, () => {
             cy.checkAccessibility(contentBlocksPage.headerLabel().parents('content-blocks'));
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                contentBlocksPage.steps.navigateToCreateResource('content blocks');
+            });
+
+            it('User should be able to save the resource with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save button is clicked', () => {
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter text block']);
+                contentBlocksPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            contentBlocksPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+
+        describe('User should be able to edit incomplete authored resource', () => {
+            abortEarlySetup();
+            before(() => {
+                contentBlocksPage.steps.navigateToCreateResource('content blocks');
+                contentBlocksPage.steps.saveAQuestionWithIncompleteAuthoring();
+                contentBlocksPage.steps.editItem();
+            });
+
+            it('Warning icons should be displayed on the required input fields', () => {
+                contentBlocksPage.steps.verifyWarningIconOnRequiredFields([
+                    'Please enter text block',
+                ]);
+            });
+
+            it('When required input fields are filled then warning icons should disappear', () => {
+                contentBlocksPage.steps.enterTextInTextBlockInputField(0, 'Text block text');
+                contentBlocksPage.steps.verifyErrorMessageIsNotDisplayed();
+            });
+
+            it('Clicking on Save button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                contentBlocksPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            it('Warning icon should not be visible', () => {
+                contentBlocksPage.steps.verifyWarningIconNotExist();
+            });
+        });
+
+        describe('Save as you go - Browse item page contents', () => {
+            abortEarlySetup();
+            before(() => {
+                contentBlocksPage.steps.navigateToCreateResource('content blocks');
+                contentBlocksPage.steps.saveAQuestionWithIncompleteAuthoring();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                browseItemsPage.steps.navigateToBrowseItemsPage();
+            });
+
+            it('When user saves an incompletely authored resource then a warning icon should be visible in browse items page', () => {
+                browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+            });
+        });
     });
 
     describe('Body section', () => {
@@ -113,10 +172,9 @@ describe('Content blocks - Edit tab', () => {
             contentBlocksPage.steps.verifyTextBlockInputFieldPlaceholderTextNotExist(contentBlocksPage.verifyTextBlockInputFieldPlaceholderText);
         });
 
-        it('When user clears text and focuses out of text block input field, then error message \'Error: Text block is required.\' should be displayed', () => {
+        it('When user clears text and focuses out of text block input field, then error message should not be displayed', () => {
             contentBlocksPage.steps.clearAndFocusOutOfTextBlockInputField();
-            utilities.verifyInnerText(contentBlocksPage.errorMessage(), 'Error: Text block is required.');
-            utilities.verifyElementVisibilityState(contentBlocksPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(contentBlocksPage.errorMessage(), 'notExist');
         });
 
         it('When user enters text again then error message should not be displayed', () => {

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

@@ -26,9 +26,6 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
                 cy.barsPreLoaderWait();
                 dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Navigating to drag and drop into categories');
-                dragAndDropIntoCategoriesPage.steps.setRowsAndColumnsForQuestion();
-                dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(2);
-                dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale']);
                 dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
             });
 
@@ -37,6 +34,9 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
             it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
                 dragAndDropIntoCategoriesPage.steps.switchToEditTab();
                 dragAndDropIntoCategoriesPage.steps.allotPoints(20);
+                dragAndDropIntoCategoriesPage.steps.setRowsAndColumnsForQuestion();
+                dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(2);
+                dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale']);
                 dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Whale': 4 });
                 dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
                 dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
@@ -251,12 +251,15 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                     case 'Question preview':
                         dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
                         cy.barsPreLoaderWait();
+                        dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options in correct categories.');
                         dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
                         dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
                         utilities.verifyInnerText(dragAndDropIntoCategoriesPage.scoringTypeDropdown(), 'Manually scored');
                         cy.log('Adding wait to ensure Manually scored is selected');
                         cy.wait(2000);
+                        dragAndDropIntoCategoriesPage.steps.allotPoints(20);
                         dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Parrot', 'Whale']);
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
                         break;
                     case 'Grading view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
@@ -282,6 +285,11 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 });
             };
 
+            it('Question instructions should be visible', () => {
+                dragAndDropIntoCategoriesPage.steps.verifyQuestionInstructionsTextPreviewTab('Drag and drop options in correct categories.');
+                dragAndDropIntoCategoriesPage.steps.verifyVisibityOfQuestionInstructionsText();
+            });
+
             it('When the user selects \'Grading\' view, correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -290,6 +298,23 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                     dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
                 };
             });
+
+            it('User should be able to attempt the question in student view, and correct/incorrect icons, "Your answer is correct/incorrect" label, and correct answer section should not be displayed in grading view', () => {
+                 dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Parrot': 0, 'Whale': 1 });
+                 if (view === 'Grading view') {
+                     studentViewPage.steps.submitResponse();
+                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                     studentViewPage.steps.clickOnGoToGradingViewButton();
+                     gradingViewPage.steps.verifyGradingViewScore('', 20);
+                     dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectIconsNotExist();
+                     dragAndDropIntoCategoriesPage.steps.verifyAnswerStatusBannerNotExist();
+                     dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExist();
+                 };
+                 if (view === 'Question preview' || view === 'Item preview') {
+                     dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                     dragAndDropIntoCategoriesPage.steps.checkManuallyScoredScoringLabel();
+                 };
+             });
         });
     });
 
@@ -398,8 +423,8 @@ 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' }, () => {
+        //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5151
+        describe.skip(`${view}: Drag and drop into categories - Auto Scored with 0 points`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
@@ -447,18 +472,20 @@ 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 - Non Scored`, { tags: 'smoke' }, () => {
+        //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5151
+        describe.skip(`${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');
+                        dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(7);
+                        dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale', 'Platypus', 'Ostrich', 'Flying squirrel', 'Peacock', 'Kite']);
+                        dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1, 'Parrot': 2, 'Platypus': 3, 'Ostrich': 4, 'Whale': 5, 'Flying squirrel': 6, 'Peacock': 7, 'Kite': 8 });
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
                         break;
                     case 'Grading view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
@@ -484,14 +511,96 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 });
             };
 
+            it('When the user selects "Grading" view without attempting the question, non-scoring label should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label "Correct answers" should be displayed with correct answers and correct/incorrect icons should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                 };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                    dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+                    dragAndDropIntoCategoriesPage.steps.checkNonScoredScoringLabel();
+                    dragAndDropIntoCategoriesPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                utilities.verifyInnerText(dragAndDropIntoCategoriesPage.correctAnswersLabel(), 'Correct answers');
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectIconsNotExist();
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle'], ['Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], ['Flying squirrel'], ['Peacock'], ['Kite']], ['1', '2', '3', '4', '5', '6', '7', '8', '9']);
+            });
+
             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 });
+                    dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 8, 'Eagle': 7, 'Parrot': 3, 'Platypus': 2, 'Ostrich': 8, 'Whale': 6, 'Ostrich': 0, 'Flying squirrel': 5, 'Peacock': 4, 'Kite': 1 });
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
                     studentViewPage.steps.clickOnGoToGradingViewButton();
                     dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(1);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(4);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(5);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(7);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(8);
+                    dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle'], ['Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], ['Flying squirrel'], ['Peacock'], ['Kite']], ['1', '2', '3', '4', '5', '6', '7', '8', '9']);
+                };
+            });
+
+            it('hen the user attempts the question partially correct, then the user should be awarded 0 points and on switching to "Grading" view, correct icon should be displayed beside the correct answer responses, incorrect icon should be displayed beside incorrect answer responses, a status message with text "Your answer is incorrect" and correct answer section with all correct answers should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
                 };
+                dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 2, 'Platypus': 4 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    dragAndDropIntoCategoriesPage.steps.checkNonScoredScoringLabel();
+                    dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+                };
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+                dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle'], ['Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], ['Flying squirrel'], ['Peacock'], ['Kite']], ['1', '2', '3', '4', '5', '6', '7', '8', '9']);
+            });
+ 
+            it('When the user attempts the question correctly, and on switching to "Grading" view, non-scoring label should be displayed, correct icons should be displayed beside the correct responses, a status message with text "Your answer is correct" should be displayed and correct answer section should not be displayed', () => {
+                if (view === 'Question preview' || view === 'Item preview') {
+                    dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+                };
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 2, 'Platypus': 3, 'Ostrich': 4, 'Whale': 5, 'Flying squirrel': 6, 'Peacock': 7, 'Kite': 8 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    dragAndDropIntoCategoriesPage.steps.checkNonScoredScoringLabel();
+                    dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+                };
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(6);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(7);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(8);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
             });
         });
 

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

@@ -92,6 +92,7 @@ describe('Create item page - Drag and drop into categories: Scoring section', ()
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop into categories');
         });
 
 

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

@@ -43,6 +43,8 @@ describe('Create item page - Drag and drop into categories: Header section and S
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsInputField(), 'visible');
+            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
         });
 
         describe('Validation error messages', () => {

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

@@ -48,6 +48,9 @@ describe('Create Item Page: drag and drop into categories: Edit tab scoring type
             cy.log('Navigate to fill in the gaps - dropdown question type');
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsInputField(), 'visible');
+            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Test question instructions');
         });
 
         it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
@@ -79,7 +82,7 @@ describe('Create Item Page: drag and drop into categories: Edit tab scoring type
         dragAndDropIntoCategoriesPage.tests.verifyContentsOfSpecifyCorrectAnswerSection('Non scored');
 
         dragAndDropIntoCategoriesPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
-        
+
         it('User should able to save question with non scored scoring type', () => {
             dragAndDropIntoCategoriesPage.steps.saveAQuestionAndVerifySnackbar();
         });

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

@@ -30,6 +30,9 @@ describe('Create item page - Drag and drop into categories: Minimum scoring, Pen
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsInputField(), 'visible');
+            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Test question instructions');
         });
 
         //Per dropzone

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

@@ -36,7 +36,7 @@ describe('Create Item page - Drag and drop into categories: Pagination cases - E
 
         it('When user clicks on the right arrow navigation button, then the table should be scrolled by one column towards its right and the left and right arrow navigation button should now be enabled', () => {
             cy.log('Pre-step: Setting number of columns to 15');
-            dragAndDropIntoCategoriesPage.steps.addInputToColumnInputStepper(15);
+            dragAndDropIntoCategoriesPage.steps.addInputToColumnInputStepper(16);
             dragAndDropIntoCategoriesPage.steps.clickOnRightArrowNavigationButtonSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.clickOnRightArrowNavigationButtonSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.verifyColumnIsVisibleInTableSpecifyCorrectAnswer(7);

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

@@ -87,6 +87,9 @@ describe('Drag and drop into categories - Style and layout customization accordi
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
             dragAndDropIntoCategoriesPage.steps.expandStyleAndLayoutCustomizationAccordion();
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.questionInstructionsInputField(), 'visible');
+            utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Test question instructions');
         });
 
         rowColumnOptions.forEach((option) => {

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

@@ -137,6 +137,7 @@ describe('Drawing response - Additional settings', () => {
         before(() => {
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
+            drawingResponsePage.steps.switchToEditTab();
             drawingResponsePage.steps.expandAdditionalSettings();
         });