itemengine-cypress-automation 1.0.389-graphAndCharts-04d27f6.0 → 1.0.390-IEI-6314-testScriptForTextEntryMathValidations-dcad527.0

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

@@ -1,9 +1,12 @@
-import { audioPlayerPage, dialogBoxBase, selectQuestionResourceToolPage } from "../../../pages";
+import { audioPlayerPage, dialogBoxBase, selectQuestionResourceToolPage, itemPreviewPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
 import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import constants from "../../../fixtures/constants";
 const css = Cypress.env('css');
 
+var itemReferenceID = "";
+
 describe('Create question page - Audio player: Header section and saving resource tool', () => {
     before(() => {
         cy.loginAs('admin');
@@ -99,7 +102,7 @@ describe('Create question page - Audio player: Header section and saving resourc
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload a file']);
 
             it('Validation error message(s) should be displayed below required input field(s)', () => {
                 utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');
@@ -122,4 +125,89 @@ describe('Create question page - Audio player: Header section and saving resourc
             audioPlayerPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
     });
+
+    describe('Saving a question with incomplete authoring', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+        });
+
+        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 add a source URL']);
+            audioPlayerPage.steps.saveAQuestionWithIncompleteAuthoring();
+        });
+        audioPlayerPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+
+    describe('User should be able to edit incomplete authored resource', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.saveAQuestionWithIncompleteAuthoring();
+            audioPlayerPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            audioPlayerPage.steps.verifyWarningIconOnRequiredFields([
+                'Please add a source URL',
+            ]);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            audioPlayerPage.steps.uploadAudioFile('uploads/sample.mp3');
+            audioPlayerPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('Clicking on Save button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            audioPlayerPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            audioPlayerPage.steps.verifyWarningIconNotExist();
+        });
+    });
+
+    describe('User should be able to edit incomplete authored resource when add audio URL is selected', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.steps.saveAQuestionWithIncompleteAuthoring();
+            audioPlayerPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            audioPlayerPage.steps.selectAddAudioURLRadioButton();
+            audioPlayerPage.steps.verifyWarningIconOnRequiredFields([
+                'Please add a source URL',
+            ]);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            audioPlayerPage.steps.enterTextInSourceURLInputField(constants.sampleMp3Link);
+            audioPlayerPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('Clicking on Save button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            audioPlayerPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            audioPlayerPage.steps.verifyWarningIconNotExist();
+        });
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            audioPlayerPage.steps.navigateToCreateResource('audio player');
+            audioPlayerPage.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}`);
+        });
+    });
 });

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

@@ -2,6 +2,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import { uploadResponsePage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 import { supportedFileType } from "../../../fixtures/uploadResponseFileType";
+import { commonComponents } from "../../../pages/components";
 const css = Cypress.env('css');
 
 const fileSizeLimitOptions = ['5', '10', '15', '20', '100'];
@@ -373,4 +374,37 @@ describe('Create question page - Upload Response: Question Instructions, Support
 
         uploadResponsePage.tests.verifyWarningMessageDisappear();
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.uncheckDefaultSelectedFileTypes();
+            uploadResponsePage.steps.saveAQuestionWithIncompleteAuthoring();
+            uploadResponsePage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required fields', () => {
+            uploadResponsePage.steps.verifyWarningIconOnRequiredFields(['Please select a file type']);
+        });
+
+        it('When file type is selected then warning icons should disappear', () => {
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.selectSupportedFileTypeOption(0);
+            uploadResponsePage.supportedFileTypesAccordionWrapper()
+                .within(() => {
+                    utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'notExist');
+                });
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            uploadResponsePage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(uploadResponsePage.warningIcon(), 'notExist');
+        });
+    });
 });

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

@@ -1,6 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { uploadResponsePage, dialogBoxBase } from "../../../pages";
+import { uploadResponsePage, dialogBoxBase, itemPreviewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
+import { browseItemsPage } from "../../../pages/components";
+var itemReferenceID = ""
+
 
 describe('Create question page - Upload Response: Header section and Saving question', () => {
     before(() => {
@@ -49,4 +52,38 @@ describe('Create question page - Upload Response: Header section and Saving ques
 
         uploadResponsePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
     });
+
+    describe('Saving a question with incomplete authoring', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.uncheckDefaultSelectedFileTypes();
+        });
+
+        it('User should be able to save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please select a file type']);
+            uploadResponsePage.steps.saveAQuestionWithIncompleteAuthoring();
+        });
+        uploadResponsePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.uncheckDefaultSelectedFileTypes();
+            uploadResponsePage.steps.saveAQuestionWithIncompleteAuthoring();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+            browseItemsPage.steps.navigateToBrowseItemsPage();
+        });
+
+        it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+            browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+        });
+    });
 });

package/cypress/e2e/ILC/UploadResponse/uploadResponsePreview.js

@@ -111,51 +111,88 @@ describe('Create question page - Upload Response: Preview', () => {
         });
     });
 
-    //Added to manual testing list
-    describe.skip('Allow students to capture photos preview', () => {
+    describe('Allow students to capture photos preview', () => {
         abortEarlySetup();
         before(() => {
+            cy.mockCamera();
             uploadResponsePage.steps.navigateToCreateQuestion('upload response');
             uploadResponsePage.steps.switchToPreviewTab();
         });
 
         it('Camera icon should be displayed before link text \'capture an image\'', () => {
+            utilities.verifyElementVisibilityState(uploadResponsePage.cameraIcon(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.captureAnImageLabel(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.captureAnImageLabel(), 'capture an image');
         });
 
         it('When the user clicks on the link text \'capture an image\' a \'Capture image\' popup should open', () => {
-
-        });
-
-        it('CSS of \'Capture image\' popup', () => {
-
+            uploadResponsePage.steps.captureImage();
+            utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'visible');
         });
 
         it('On \'Capture image\' popup following should be displayed - \'Capture image\' title text, Camera preview, Capture and Cancel buttons', () => {
+            uploadResponsePage.steps.verifyCaptureImagePopup();
+        });
 
+        it('CSS of \'Capture image\' popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.dialogBoxTitle(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(uploadResponsePage.cancelButton(), {
+                'color': css.color.secondaryBtn,
+                'background-color': css.color.transparent,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(uploadResponsePage.acceptButton(), {
+                'color': css.color.primaryBtn,
+                'background-color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
         });
 
         it('When the user clicks on \'Cancel\' button the \'Capture image\' popup should close', () => {
-
+            uploadResponsePage.steps.clickCancelButtonInPopup();
+            utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'notExist');
         });
 
         it('When the user clicks on \'Capture\' button, then an image should get captured and a preview of the captured image should be displayed in place of the camera preview and also two buttons \'Retake\' and \'Save\' should be displayed in the popup and \'Cancel\' and \'Capture\' buttons should not be displayed in the popup', () => {
-
+            uploadResponsePage.steps.captureImage();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            utilities.verifyInnerText(uploadResponsePage.cancelButton(), 'Retake');
+            utilities.verifyInnerText(uploadResponsePage.acceptButton(), 'Save');
         });
 
         it('When the user clicks on \'Save\' button, it should upload the captured image in the response', () => {
-
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            utilities.verifyElementVisibilityState(uploadResponsePage.uploadingProgressBar(), 'notExist');
         });
 
         it('The captured image should be saved in .jpeg format and the 1st image should be saved with the name \'Photo.jpeg\'', () => {
-
+            uploadResponsePage.steps.uploadedFileContentsPreviewTab(0, 'Photo.jpeg');
         });
 
         it('If the user uploads another image the name should be \'Photo-1.jpeg\' and so on', () => {
-            //check till Photo-2.jpeg
-
+            uploadResponsePage.steps.captureImage();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            uploadResponsePage.steps.uploadedFileContentsPreviewTab(1, 'Photo-1.jpeg');
+            uploadResponsePage.steps.captureImage();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            uploadResponsePage.steps.uploadedFileContentsPreviewTab(2, 'Photo-2.jpeg');
         });
 
         it('When the user clicks on \'Retake\' button, it should take the user back to the capture an image flow where the user should be able to capture another image', () => {
+            uploadResponsePage.steps.captureImage();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            uploadResponsePage.steps.clickCancelButtonInPopup();
+            uploadResponsePage.steps.verifyCaptureImagePopup();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
+            uploadResponsePage.steps.clickAcceptButtonInPopup();
         });
     });
 });

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

@@ -159,31 +159,21 @@ describe('Create item page - Video response: Question instructions, Maximum reco
             });
         });
 
-        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
+        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, Validation error should not be displayed below the \'Maximum recording duration\' input field and it should take up default value i.e. 300', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
         it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Maximum recording duration is required.\' should disappear.', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(1000);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message \'Error: Value must be greater than 0 secs.\' should be displayed', () => {
+        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), error message should not be displayed and it should take default value i.e 300', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(0);
-            videoResponsePage.steps.verifyMaximumRecordingDuration(0);
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 secs.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
-        });
-
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Value must be greater than 0 secs.\' should disappear', () => {
-            videoResponsePage.steps.setMaximumRecordingDuration(1000);
-            videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
         it('When user adds decimal values or alphanumeric values then only numeric values should be displayed in the maximum recording length input field', () => {
@@ -204,32 +194,27 @@ describe('Create item page - Video response: Question instructions, Maximum reco
             videoResponsePage.steps.verifyMaximumRecordingDuration(5);
         });
 
-        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
+        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, validation error should not be displayed below the \'Maximum recording duration\' input field', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
             videoResponsePage.steps.toggleMaximumRecordingDurationInputField('Secs');
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Maximum recording duration is required.\' should disappear.', () => {
+        it('When the user updates the \'Maximum recording duration\' value, then the validation message should not be displayed', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(5);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message \'Error: Value must be greater than 0 mins.\' should be displayed', () => {
-            videoResponsePage.steps.setMaximumRecordingDurationNew(0);
-            videoResponsePage.steps.verifyMaximumRecordingDuration(0);
+        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message should not be displayed and it should take default value i.e. 300', () => {
+            videoResponsePage.steps.setMaximumRecordingDuration(0);
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
             // Uncomment once https://redmine.zeuslearning.com/issues/583618 is resolved
             // utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 mins.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Value must be greater than 0 mins.\' should disappear', () => {
+        it('When the user updates the \'Maximum recording duration\' value, then the validation message should not be displayed', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(5);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
             videoResponsePage.steps.toggleMaximumRecordingDurationInputField('Mins');

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

@@ -358,6 +358,254 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
         });
     });
 
+    views.forEach((view) => {
+        describe(`${view}: Charts - Dot: Manually scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+                        cy.barsPreLoaderWait();
+                        chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+                        chartsDotPlotPage.steps.selectDotPlot();
+                        chartsDotPlotPage.steps.enterTextInMinInputField(1);
+                        chartsDotPlotPage.steps.verifyTextInMinInputField(1);
+                        chartsDotPlotPage.steps.enterTextInMaxInputField(6);
+                        chartsDotPlotPage.steps.verifyTextInMaxInputField(6);
+                        chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+                        chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
+                        chartsDotPlotPage.steps.setXAxisLabel('Days');
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 1, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 1 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(4, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.expandScoringTypeDropdown();
+                        chartsDotPlotPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        chartsDotPlotPage.steps.allotPointsForManualScoring(20);
+                        chartsDotPlotPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        cy.wait(1000);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        chartsDotPlotPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    chartsDotPlotPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            }
+
+            it('Question instructions should be visible', () => {
+                chartsDotPlotPage.steps.verifyQuestionInstructionsTextPreviewTab('Dot plot');
+                chartsDotPlotPage.steps.verifyVisibityOfQuestionInstructionsText();
+            });
+
+            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', () => {
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                }
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsDotPlotPage.steps.checkManuallyScoredScoringLabel();
+                }
+                chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });       
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+                chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Charts - Dot: Non scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+                        cy.barsPreLoaderWait();
+                        chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+                        chartsDotPlotPage.steps.selectDotPlot();
+                        chartsDotPlotPage.steps.enterTextInMinInputField(1);
+                        chartsDotPlotPage.steps.verifyTextInMinInputField(1);
+                        chartsDotPlotPage.steps.enterTextInMaxInputField(6);
+                        chartsDotPlotPage.steps.verifyTextInMaxInputField(6);
+                        chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+                        chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
+                        chartsDotPlotPage.steps.setXAxisLabel('Days');
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 1, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 1 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(4, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.expandScoringTypeDropdown();
+                        chartsDotPlotPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(2, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+                        chartsDotPlotPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        cy.wait(1000);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        chartsDotPlotPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    chartsDotPlotPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            }
+
+            //Need to remove skip once  https://redmine.zeuslearning.com/issues/577716 is resolved
+            it.skip('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') {
+                    chartsDotPlotPage.steps.checkNonScoredScoringLabel();
+                    chartsDotPlotPage.steps.switchToGradingView();
+                };
+                chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
+            });
+
+            it('When the user attempts the question incorrectly, non-scoring label should be displayed and on switching to grading view, incorrect icons should be displayed and the correct answer should be displayed in the correct answer section', () => {
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 4, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 6, min: 1, interval: 1, defaultDots: 0 });
+                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') {
+                    chartsDotPlotPage.steps.checkNonScoredScoringLabel();
+                    chartsDotPlotPage.steps.switchToGradingView();
+                };
+                chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
+            });
+
+            it('When the user attempts the question partially correct, non-scoring label should be displayed, correct icons should be displayed for correct columns, incorrect icons for incorrect columns, and the correct answer section should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 4, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                } else {
+                    chartsDotPlotPage.steps.checkNonScoredScoringLabel();
+                    chartsDotPlotPage.steps.switchToGradingView();
+                }
+                chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+                chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.verifyEmptyDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1 });
+            });
+
+            it('When the user attempts the question correctly, non-scoring label should be displayed, correct icons should be displayed, a status message with text "Your answer is correct" should be displayed and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 2, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 1 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+                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') {
+                    chartsDotPlotPage.steps.checkNonScoredScoringLabel();
+                    chartsDotPlotPage.steps.switchToGradingView();
+                };
+                chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();