itemengine-cypress-automation 1.0.349-TEMRegression4-f1b48a1.0 → 1.0.349

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

@@ -131,18 +131,17 @@ describe('Audio player: Edit tab', () => {
         });
 
         it('\'Source URL\' label and input field should not be displayed', () => {
-            utilities.verifyElementVisibilityState(multipleSelectionPage.sourceUrlLabel(), 'notExist');
             utilities.verifyElementVisibilityState(audioPlayerPage.sourceUrlInputField(), 'notExist');
         });
 
         it('\'Upload\' label should be displayed', () => {
             utilities.verifyInnerText(multipleSelectionPage.uploadLabel(), 'Upload');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.uploadLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.uploadLabel(), 'exist');
         });
 
         it('\'File name\' label should be displayed', () => {
             utilities.verifyInnerText(multipleSelectionPage.fileNameLabel(), 'File name');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.fileNameLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.fileNameLabel(), 'exist');
         });
 
         it('\'Choose File\' button should be displayed', () => {

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

@@ -117,10 +117,8 @@ describe('Audio player: Edit tab', () => {
 
         it('When the user adds the transcript file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded', () => {
             multipleSelectionPage.steps.uploadTranscriptFile('sample.txt');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptFileUploadProgressBar(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.uploadedTranscriptFileNameLabel(), 'sample.txt');
             utilities.verifyElementVisibilityState(multipleSelectionPage.uploadedTranscriptFileNameLabel(), 'visible');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptFileUploadProgressBar(), 'hidden');
         });
 
         it('CSS of progress bar and file name when file upload is in progress', { tags: 'css' }, () => {
@@ -189,8 +187,8 @@ describe('Audio player: Edit tab', () => {
         });
 
         it('The user should be able to enter text in the \'Transcript\' input field', () => {
-            multipleSelectionPage.steps.enterTextInTranscriptInputField('This is a transcript text');
-            utilities.verifyTextContent(multipleSelectionPage.typeInTranscriptInputField(), 'This is a transcript text');
+            multipleSelectionPage.steps.enterTextInCKEditorTranscriptInputField('This is a transcript text');
+            utilities.verifyTextContent(multipleSelectionPage.cKEditorTranscriptInputField(), 'This is a transcript text');
         });
 
         it('CSS of \'Type in transcript\' Section', { tags: 'css' }, () => {

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

@@ -182,9 +182,9 @@ describe('Audio player: Edit tab', () => {
 
         it('\'Playback Limit\' label and empty input field should be displayed', () => {
             utilities.verifyInnerText(multipleSelectionPage.playbackLimitLabel(), 'Playback Limit');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitLabel(), 'exist');
             utilities.verifyInnerText(multipleSelectionPage.playbackLimitInputField(), '');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitInputField(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitInputField(), 'exist');
         });
 
         it('When the user focuses in and out of the \'Playback Limit\' input field, no error message should be displayed', () => {
@@ -228,7 +228,7 @@ describe('Audio player: Edit tab', () => {
 
         it('\'Allow students to download the audio\' label and checkbox should be displayed. By default the \'Allow students to download the audio\' checkbox should be unchecked.', () => {
             utilities.verifyInnerText(multipleSelectionPage.allowStudentsToDownloadAudioLabel(), 'Allow students to download the audio');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.allowStudentsToDownloadAudioLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.allowStudentsToDownloadAudioLabel(), 'exist');
             multipleSelectionPage.steps.verifyAllowStudentsToDownloadAudioCheckboxNotChecked();
         });
 

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

@@ -31,8 +31,8 @@ describe('Audio player: Header section, buttons and saving item', () => {
 
         describe('OK button Contents', () => {
             it('\'OK\' button should be displayed in popup.', () => {
-                utilities.verifyInnerText(multipleSelectionPage.okButton(), 'OK');
-                utilities.verifyElementVisibilityState(multipleSelectionPage.okButton(), 'visible');
+                utilities.verifyInnerText(multipleSelectionPage.audioPlayerOkButton(), 'OK');
+                utilities.verifyElementVisibilityState(multipleSelectionPage.audioPlayerOkButton(), 'visible');
             });
 
             it('CSS of \'OK\' button', { tags: 'css' }, () => {

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

@@ -32,7 +32,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.switchToEditTab();
             multipleSelectionPage.steps.clickOnAudioPlayerBlock();
             multipleSelectionPage.steps.clickOnLimitPlayAttempts();
-            multipleSelectionPage.steps.setPlaybackLimit(2);
+            multipleSelectionPage.steps.setCKEditorPlaybackLimit(2);
             multipleSelectionPage.steps.clickOnOKButton();
             multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();

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/tableStyle.js

@@ -82,8 +82,8 @@ 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');

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();
+                 };
+             });
         });
     });
 
@@ -455,10 +480,12 @@ 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.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/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/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();
         });
 

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

@@ -273,7 +273,6 @@ describe('Create item page - Drawing response: Background: Blank canvas, Image,
 
         it('When the user adds an image file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded', () => {
             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');
@@ -285,7 +284,6 @@ describe('Create item page - Drawing response: Background: Blank canvas, Image,
 
             //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');
@@ -307,17 +305,13 @@ describe('Create item page - Drawing response: Background: Blank canvas, Image,
             utilities.verifyElementVisibilityState(drawingResponsePage.uploadedFileNameLabel(), 'visible');
         });
 
-        it('When the user uploads a file that is not supported, following error message should be displayed: \'Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.\'', () => {
+        it('When the user uploads a file that is not supported, following error message should not be displayed', () => {
             drawingResponsePage.steps.uploadFile('uploads/sample.mp4')
-            utilities.verifyInnerText(drawingResponsePage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.');
-            utilities.verifyElementVisibilityState(drawingResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(drawingResponsePage.errorMessage(), 'notExist');
         });
 
-        drawingResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
         it('When the user uploads supported format of image file, error message should disappear', () => {
             drawingResponsePage.steps.uploadFile('uploads/sample2.jpg');
-            utilities.verifyElementVisibilityState(drawingResponsePage.errorMessage(), 'notExist');
         });
 
         //Failing due to https://redmine.zeuslearning.com/issues/555227

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

@@ -585,6 +585,7 @@ describe('Create item page - Drawing response: Customize special characters, Cus
         it('When the user has modified contents in the \'Fill color\' section in the edit tab, the updates should be displayed in the \'Fill color\' popup in the preview tab', () => {
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(`${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[11].displayName}`);
+            drawingResponsePage.steps.selectPreviewTabToolbarOption(`${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[11].displayName}`);
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Fill color');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(255, 0, 0)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(6, 255, 172)');

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

@@ -233,7 +233,7 @@ describe('Create item page - Drawing response: Question instructions, Customize
                         utilities.verifyInnerText(drawingResponsePage.defaultStrokeFontColorLabel(), 'Default stroke/font colors');
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultStrokeColorsWrapper(), 'visible');
                         drawingResponsePage.steps.verifyCSSOfDefaultFontStrokeFillColorBlockInEditTab(0, 'rgb(0, 112, 128)');
-                    } else if(!toolbarOption.additionalOptions.includes(' StrokeFontColor')) {
+                    } else if (!toolbarOption.additionalOptions.includes(' StrokeFontColor')) {
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultStrokeColorsWrapper(), 'notExist');
                     }
                     else if (toolbarOption.additionalOptions.includes(' FillColor')) {
@@ -241,7 +241,7 @@ describe('Create item page - Drawing response: Question instructions, Customize
                         utilities.verifyInnerText(drawingResponsePage.defaultFillColorsLabel(), 'Default fill colors');
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultFillColorsWrapper(), 'visible');
                         drawingResponsePage.steps.verifyCSSOfDefaultFontStrokeFillColorBlockInEditTab(1, 'rgb(0, 224, 255)');
-                    } else if(!toolbarOption.additionalOptions.includes(' FillColor')) {
+                    } else if (!toolbarOption.additionalOptions.includes(' FillColor')) {
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultNewFillColorsWrapper(), 'notExist');
                     }
                     else if (toolbarOption.additionalOptions.includes(' SpecialChar')) {
@@ -249,7 +249,7 @@ describe('Create item page - Drawing response: Question instructions, Customize
                         utilities.verifyElementDisabledClass(drawingResponsePage.customizeSpecialCharactersLabel());
                         utilities.verifyElementVisibilityState(drawingResponsePage.customizeSpecialCharactersCheckbox(), 'exist');
                         utilities.verifyElementDisabled(drawingResponsePage.customizeSpecialCharactersCheckbox());
-                    } else if(!toolbarOption.additionalOptions.includes(' SpecialChar')) {
+                    } else if (!toolbarOption.additionalOptions.includes(' SpecialChar')) {
                         utilities.verifyElementVisibilityState(drawingResponsePage.customizeSpecialCharactersLabel(), 'notExist');
                         utilities.verifyElementVisibilityState(drawingResponsePage.customizeSpecialCharactersCheckbox(), 'notExist');
                     }