itemengine-cypress-automation 1.0.184-e2e-execution-crash-3b9d0d0.0 → 1.0.184

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

@@ -0,0 +1,230 @@
+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('Dropdown menu');
+                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);
+                listOrderingPage.steps.selectPositionForAllOptionsSpecifyCorrectAnswerSection([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '3' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '1' }])
+                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.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }])
+                listOrderingPage.steps.resetQuestionPreview();
+                listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '');
+            });
+        });
+    };
+
+    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('Dropdown menu');
+                        listOrderingPage.steps.addInputToOptionsInputField(options);
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.allotPoints(20);
+                        listOrderingPage.steps.selectPositionForAllOptionsSpecifyCorrectAnswerSection([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '3' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '1' }])
+                        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();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, then correct/incorrect icons should not be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    utilities.verifyElementDisabledClass(studentViewPage.submitButton());
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    listOrderingPage.steps.verifyPreviewScore(0, 20);
+                    listOrderingPage.steps.switchToGradingView();
+                    listOrderingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                    listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(0);
+                    listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(1);
+                    listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(2);
+                    listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(3);
+                    listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    utilities.verifyInnerText(listOrderingPage.correctAnswersLabel(), 'Correct answers:');
+                    listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
+                };
+            });
+
+            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 along with numeration should be displayed', () => {
+                listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '1' }, { optionIndex: 1, position: '2' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }]);
+                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.verifyIncorrectOptionIconDropdownLayout(0);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(1);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(2);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(3);
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
+            });
+
+            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 along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '3' }]);
+                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.verifyCorrectOptionIconDropdownLayout(0);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(1);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(2);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(3);
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyOptionsPositionInCorrectAnswerSection(options, ['2', '3', '4', '1']);
+            });
+
+            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.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '3' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '1' }]);
+                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.verifyCorrectOptionIconDropdownLayout(0);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(1);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(2);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
+                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.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
+                listOrderingPage.steps.allotPoints(20);
+                listOrderingPage.steps.addInputToOptionsInputField(options);
+                listOrderingPage.steps.selectPositionForAllOptionsSpecifyCorrectAnswerSection([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '3' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '1' }]);
+            });
+
+            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.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '1' }, { optionIndex: 1, position: '2' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }]);
+                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 0 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();
+            });
+
+            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.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '1' }, { optionIndex: 1, position: '2' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }]);
+                listOrderingPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

package/cypress/e2e/ILC/ListOrderingDropdown/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,124 @@
+import { listOrderingPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = "";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create item page - list ordering - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case 'Question preview':
+                case 'Item preview':
+                    listOrderingPage.steps.checkAnswer();
+                    break;
+                case 'Student view':
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+
+        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+                        cy.barsPreLoaderWait();
+                        listOrderingPage.steps.addInputToOptionsInputField(options);
+                        listOrderingPage.steps.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
+                        listOrderingPage.steps.allotPoints(20);
+                        listOrderingPage.steps.selectPositionForAllOptionsSpecifyCorrectAnswerSection([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '3' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '1' }])
+                        listOrderingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        listOrderingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                        listOrderingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student 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();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons should not be displayed besides all incorrect options, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                checkAnswer(view);
+                listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(0);
+                listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(1);
+                listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(2);
+                listOrderingPage.steps.verifyCorrectIncorrectOptionIconDropdownLayoutNotExists(3);
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect options, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '1' }, { optionIndex: 1, position: '2' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }]);
+                checkAnswer(view);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(0);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(1);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(2);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(3);
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect options, correct icons should be displayed besides correct options, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '3' }]);
+                checkAnswer(view);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(0);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(1);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(2);
+                listOrderingPage.steps.verifyIncorrectOptionIconDropdownLayout(3);
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            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 options, 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.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '3' }, { optionIndex: 2, position: '4' }, { optionIndex: 3, position: '1' }]);
+                checkAnswer(view);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(0);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(1);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(2);
+                listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
+                listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+});

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

@@ -0,0 +1,201 @@
+import { listOrderingPage, itemPreviewPage, 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 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.addTextInQuestionInstructionsInputField('Arrange options in correct order.');
+                        listOrderingPage.steps.selectOrderingLayoutOption('Dropdown menu');
+                        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.selectPositionForAllOptionsSpecifyCorrectAnswerSection([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }])
+                        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.verifyOptionWithImageInPreviewTab(0);
+                    listOrderingPage.steps.verifyOptionWithBoldTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextInPreviewTab(2);
+                });
+
+                it('When the user expands a position dropdown, based on the number of options in the list to order, a list of  dropdown options to place the particular option in the list order should be displayed', () => {
+                    listOrderingPage.steps.expandPositionDropdownPreviewTab(0);
+                    utilities.verifyElementVisibilityState(listOrderingPage.dropdownList(), 'visible');
+                    for (let index = 0; index < 4; index++) {
+                        utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.positionDropdownListOption(), index), `${index + 1}`);
+                    }
+                });
+
+                it('The user should be able to select an option from the position dropdown. When the user has not set position in all dropdowns, an alert message "All options need to have a value assigned to them from the dropdown." should be displayed', () => {
+                    listOrderingPage.steps.selectOptionPositionPreviewTab(0, 2);
+                    utilities.verifyElementVisibilityState(listOrderingPage.dropdownList(), 'notExist');
+                    listOrderingPage.steps.verifyAssignValueToAllDropdownAlertMessage();
+                });
+
+                it('When the user tries to set position of an option such that the same position has already been assigned to another option, then the selected position from the previous option dropdown should reset', () => {
+                    listOrderingPage.steps.selectOptionPositionPreviewTab(1, 2);
+                    listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '');
+                });
+
+                it('User should be able to reorder options containing image, bold text and equation options in the list using position dropdowns. On setting position for all options, the alert message should get removed', () => {
+                    listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '2' }, { optionIndex: 1, position: '1' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }])
+                    listOrderingPage.steps.verifyAlertMessageNotExists();
+                });
+            } else if (view === 'Grading view') {
+                it(`The order of the responses should be as per the submitted response`, () => {
+                    listOrderingPage.steps.verifyOptionWithImageDropdownLayoutInGradingView(0);
+                    listOrderingPage.steps.verifyOptionWithBoldTextDropdownLayoutInGradingView(1);
+                    listOrderingPage.steps.verifyOptionWithEquationTextDropdownLayoutInGradingView(2);
+                    listOrderingPage.steps.verifyTextContentOfOptionDropdownLayoutInGradingView('alpha', 3);
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(0);
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(1);
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(2);
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
+                    listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                });
+
+                it('The order of the responses should not be editable', () => {
+                    listOrderingPage.steps.expandPositionDropdownPreviewTab(2);
+                    utilities.verifyElementVisibilityState(listOrderingPage.dropdownList(), 'notExist');
+                });
+            } else {
+                it('The order of the options should be as per the correct answer order', () => {
+                    listOrderingPage.steps.verifySelectedOptionPositionDropdown(0, '2');
+                    listOrderingPage.steps.verifySelectedOptionPositionDropdown(1, '1');
+                    listOrderingPage.steps.verifySelectedOptionPositionDropdown(2, '3');
+                    listOrderingPage.steps.verifySelectedOptionPositionDropdown(3, '4');
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(0);
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(1);
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(2);
+                    listOrderingPage.steps.verifyCorrectOptionIconDropdownLayout(3);
+                });
+            }
+
+            it('CSS of preview contents', { tags: 'css' }, () => {
+                switch (view) {
+                    case 'Question preview':
+                    case 'Item preview':
+                    case 'Item view':
+                    case 'Item preview':
+                    case 'Student view':
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.positionDropdownPreviewTab(), 0), {
+                            'background-color': css.color.optionsBg,
+                            'border': `1px solid ${css.color.draggableOptionBorder}`
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.positionDropdownPreviewTab(), 0), {
+                            'background-color': css.color.defaultBackground,
+                            'border': `1px solid ${css.color.correctAnswer}`
+                        });
+                        utilities.verifyCSS(listOrderingPage.dropdownOptionWrapperPreviewTab(), {
+                            'background-color': css.color.defaultBackground,
+                            'border': `1px solid ${css.color.draggableOptionBorder}`
+                        });
+                        utilities.verifyCSS(listOrderingPage.dropdownOptionWrapperPreviewTab().find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        utilities.verifyCSS(listOrderingPage.dropdownWrapperPreviewTab().find('.dropdown-label-text'), {
+                            'color': css.color.liText,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        break;
+                    case 'Grading view':
+                    case 'Correct answer view':
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.positionDropdownPreviewTab(), 0), {
+                            'background-color': css.color.optionsBg,
+                            'border': `1px solid ${css.color.correctAnswer}`
+                        });
+                        utilities.verifyCSS(listOrderingPage.dropdownOptionWrapperGradingView(), {
+                            'background-color': css.color.defaultBackground,
+                            'border': `1px solid ${css.color.draggableOptionBorder}`
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(listOrderingPage.dropdownOptionWrapperGradingView(), 3).find('.question-text-wrapper'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                        utilities.verifyCSS(listOrderingPage.dropdownWrapperPreviewTab().find('.dropdown-label-text'), {
+                            'color': css.color.text,
+                            'font-size': css.fontSize.default,
+                            'font-weight': css.fontWeight.regular
+                        });
+                }
+            });
+
+            it('Accessibility of preview contents', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(listOrderingPage.optionWrapperPreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    });
+});