itemengine-cypress-automation 1.0.240-textentrychangesreverted-28d08d1.0 → 1.0.240

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/Scoring/allOrNothingPenaltyScoring.js

@@ -0,0 +1,64 @@
+import { listOrderingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+let options = ['sprout', 'plant', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create item page - List ordering: All or nothing penalty scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing: Penalty scoring with \'Round negative score to zero\' unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.allotPoints(20);
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+        });
+
+        //Penalty points for the entire question
+        it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            listOrderingPage.steps.expandPenaltyScoringDropdown();
+            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            listOrderingPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            listOrderingPage.steps.allotPenaltyPoints(2);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question partially correct, then penalty points should get deducted from the awarded points', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.expandMinimumScoringDropdown();
+            listOrderingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            listOrderingPage.steps.allotMinimumPoints(3);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.verifyPreviewScore(3, 20);
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/Scoring/manuallyAndNonScored.js

@@ -0,0 +1,110 @@
+import { listOrderingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page - List ordering: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.expandScoringTypeDropdown();
+            listOrderingPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('Question instructions and options should be displayed in the preview tab', () => {
+            listOrderingPage.steps.verifyQuestionInstructionsTextPreviewTab('Arrange options in correct order.');
+            utilities.verifyElementCount(listOrderingPage.optionsSeperateList(), 4);
+            options.forEach((optionText, index) => {
+                listOrderingPage.steps.verifyTextContentOfOptionInPreviewTabSeperateList(optionText, index);
+            });
+        });
+
+        listOrderingPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.expandScoringTypeDropdown();
+            listOrderingPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        listOrderingPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user switches to the \'Grading view\' without attempting the question, then correct/incorrect icons should be displayed for the default list order, "Your answer is incorrect" label and correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+        });
+
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user attempts the question correctly, then on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
+});

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

@@ -0,0 +1,249 @@
+import { dialogBoxBase, listOrderingPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create item page - List ordering: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                cy.barsPreLoaderWait();
+                listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+                listOrderingPage.steps.switchToPreviewTab();
+            });
+
+            listOrderingPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                listOrderingPage.steps.switchToEditTab();
+                listOrderingPage.steps.allotPoints(20);
+                listOrderingPage.steps.addInputToOptionsInputField(options);
+                options.forEach((option, index) => {
+                    listOrderingPage.steps.verifyTextContentOfOptionSeperateList(option, index);
+                });
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+                listOrderingPage.steps.switchToPreviewTab();
+                listOrderingPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, users response should not persist', () => {
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                listOrderingPage.steps.resetQuestionPreview();
+                options.forEach((option, index) => {
+                    listOrderingPage.steps.verifyTextContentOfOptionSeperateList(option, index);
+                });
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                        cy.barsPreLoaderWait();
+                        listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+                        listOrderingPage.steps.addInputToOptionsInputField(options);
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.allotPoints(20);
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                        listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+                        listOrderingPage.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)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        listOrderingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        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(() => {
+                    listOrderingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+            if (view === 'Question preview' || view === 'Item preview') {
+                it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons and correct incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                    listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                    listOrderingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                    utilities.verifyInnerText(listOrderingPage.correctAnswersLabel(), 'Correct answers');
+                    listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+                });
+            };
+
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                };
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            });
+
+            it('When 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 besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                };
+                listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+                listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+                listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(20, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                    listOrderingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                };
+                listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+                listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+                listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+                listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                cy.barsPreLoaderWait();
+                listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+                listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                listOrderingPage.steps.allotPoints(20);
+                listOrderingPage.steps.addInputToOptionsInputField(options);
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                listOrderingPage.steps.expandMinimumScoringDropdown();
+                listOrderingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                listOrderingPage.steps.allotMinimumPoints(2);
+                listOrderingPage.steps.switchToPreviewTab();
+                listOrderingPage.steps.switchToGradingView();
+                listOrderingPage.steps.verifyPreviewScore(2, 20);
+                listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                listOrderingPage.steps.resetQuestionPreview();
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                listOrderingPage.steps.switchToGradingView();
+                listOrderingPage.steps.verifyPreviewScore(2, 20);
+                listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with no points', () => {
+                listOrderingPage.steps.switchToEditTab();
+                listOrderingPage.steps.expandMinimumScoringDropdown();
+                listOrderingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                listOrderingPage.steps.allotMinimumPoints(2);
+                listOrderingPage.steps.switchToPreviewTab();
+                listOrderingPage.steps.switchToGradingView();
+                listOrderingPage.steps.verifyPreviewScore(0, 20);
+                listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+        });
+    };
+});

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

@@ -0,0 +1,172 @@
+import { itemPreviewPage, listOrderingPage, studentViewPage } from "../../../pages";
+import { ckEditorToolbar, equationEditorFlyout } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const array = ['This is a bold option', 'Fox', 'Solve the following', 'alpha'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+const css = Cypress.env('css');
+
+describe('Create item page - List ordering - Preview contents in all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                        cy.barsPreLoaderWait();
+                        listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.allotPoints(10);
+                        cy.log('Add image to option input field')
+                        listOrderingPage.steps.focusInOptionsInputField(0);
+                        ckEditorToolbar.steps.selectImageOptionFromCKEditorToolbar();
+                        ckEditorToolbar.steps.addImageToInputField();
+                        listOrderingPage.steps.enterTextInOptionInputField(0, 'Fox');
+                        cy.log('Add bold text to option input field')
+                        listOrderingPage.steps.focusInOptionsInputField(1);
+                        ckEditorToolbar.steps.selectBoldOptionFromCKEditorToolbar();
+                        listOrderingPage.steps.enterTextInOptionInputField(1, 'This is a bold option');
+                        cy.log('Add equation to option input field')
+                        listOrderingPage.steps.enterTextInOptionInputField(2, 'Solve the following');
+                        listOrderingPage.steps.focusInOptionsInputField(2);
+                        ckEditorToolbar.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        equationEditorFlyout.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        listOrderingPage.steps.enterTextInOptionInputField(3, 'alpha');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('This is a bold option');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('Fox');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('Solve the following');
+                        listOrderingPage.steps.clickAndDropOptionSeperateList('alpha');
+                        listOrderingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        listOrderingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    listOrderingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(listOrderingPage.questionInstructionsText(), 'Arrange options in correct order.');
+                utilities.verifyElementVisibilityState(listOrderingPage.questionInstructionsText(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
+                    listOrderingPage.steps.verifyOptionWithImageInOptionsContainerPreviewTabSeperateList(0);
+                    listOrderingPage.steps.verifyOptionWithBoldTextInOptionsContainerPreviewTabSeperateList(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInOptionsContainerPreviewTabSeperateList(2);
+                });
+
+                it('User should be able to drop the options in the dropzone containing image, bold text and equation options in the list', () => {
+                    listOrderingPage.steps.clickAndDropOptionSeperateList('This is a bold option');
+                    listOrderingPage.steps.clickAndDropOptionSeperateList('Fox');
+                    listOrderingPage.steps.clickAndDropOptionSeperateList('Solve the following');
+                    listOrderingPage.steps.clickAndDropOptionSeperateList('alpha');
+                    listOrderingPage.steps.verifyOptionWithBoldTextInDropzonePreviewTabSeperateList(0);
+                    listOrderingPage.steps.verifyOptionWithImageInDropzonePreviewTabSeperateList(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInDropzonePreviewTabSeperateList(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInDropzonePreviewTabSeperateList('alpha', 3);
+                });
+            } else if (view === 'Grading view') {
+                it(`The order of the responses should be as per the submitted response`, () => {
+                    listOrderingPage.steps.verifyOptionWithBoldTextInDropzonePreviewTabSeperateList(0);
+                    listOrderingPage.steps.verifyOptionWithImageInDropzonePreviewTabSeperateList(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInDropzonePreviewTabSeperateList(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInDropzonePreviewTabSeperateList('alpha', 3);
+                    listOrderingPage.steps.verifyCorrectOptionIconOrientationSeperateList('This is a bold option');
+                    listOrderingPage.steps.verifyCorrectOptionIconOrientationSeperateList('Fox');
+                    listOrderingPage.steps.verifyCorrectOptionIconOrientationSeperateList('Solve the following');
+                    listOrderingPage.steps.verifyCorrectOptionIconOrientationSeperateList('alpha');
+                    listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                });
+
+                it('The order of the responses should not be editable', () => {
+                    listOrderingPage.steps.verifyOptionNotEditableInGradingViewSeperateList(array);
+                    listOrderingPage.steps.verifyOptionWithBoldTextInDropzonePreviewTabSeperateList(0);
+                    listOrderingPage.steps.verifyOptionWithImageInDropzonePreviewTabSeperateList(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInDropzonePreviewTabSeperateList(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInDropzonePreviewTabSeperateList('alpha', 3);
+                });
+            } else {
+                it('The order of the options should be as per the correct answer order', () => {
+                    listOrderingPage.steps.verifyOptionWithBoldTextInDropzoneCorrectAnswerSectionSeperateList(0);
+                    listOrderingPage.steps.verifyOptionWithImageInDropzoneCorrectAnswerSectionTabSeperateList(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInDropzoneCorrectAnswerSectionSeperateList(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionInDropzoneCorrectAnswerSectionSeperateList('alpha', 3);
+                });
+            }
+
+            it('CSS of preview contents', { tags: 'css' }, () => {
+                utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab(), {
+                    'background-color': css.color.defaultBackground,
+                    'border': `1px solid ${css.color.draggableOptionBorder}`
+                });
+                utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab().find('.question-text-wrapper'), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+                utilities.verifyCSS(listOrderingPage.horizontalOptionPreviewTab().find('.question-text-wrapper'), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+                switch (view) {
+                    case 'Question preview':
+                    case 'Item preview':
+                    case 'Item view':
+                    case 'Item preview':
+                    case 'Student view':
+                    case 'Grading view':
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.horizontalOptionPreviewTab(), 1).find('.drag-icon-button path').eq(1), {
+                            'color': css.color.secondaryBtn
+                        });
+                        break;
+                    case 'Correct answer view':
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            it('Accessibility of preview contents', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(listOrderingPage.horizontalOptionPreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    });
+});