itemengine-cypress-automation 1.0.198-drawingResponseEnumUpdate-1aa98cf.0 → 1.0.198

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/previewContentsForAllViews.smoke.js

@@ -0,0 +1,168 @@
+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 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.selectOptionOrientation('Horizontal');
+                        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.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('This is a bold option', 0);
+                        listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('Solve the following', 1);
+                        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.verifyHorizontalOptionWithImageInPreviewTab(0);
+                    listOrderingPage.steps.verifyHorizontalOptionWithBoldTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(2);
+                });
+
+                it('User should be able to reorder options containing image, bold text and equation options in the list', () => {
+                    listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('This is a bold option', 0);
+                    listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('Solve the following', 1);
+                    listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('This is a bold option', 0);
+                    listOrderingPage.steps.verifyHorizontalOptionWithBoldTextInPreviewTab(0);
+                    listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyHorizontalOptionWithImageInPreviewTab(2);
+                    listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('alpha', 3);
+                });
+            } else if (view === 'Grading view') {
+                it(`The order of the responses should be as per the submitted response`, () => {
+                    listOrderingPage.steps.verifyHorizontalOptionWithBoldTextInPreviewTab(0);
+                    listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyHorizontalOptionWithImageInPreviewTab(2);
+                    listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('alpha', 3);
+                    listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('This is a bold option');
+                    listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('Solve the following');
+                    listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('Fox');
+                    listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('alpha');
+                    listOrderingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+                });
+
+                it('The order of the responses should not be editable', () => {
+                    listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('This is a bold option', 2);
+                    listOrderingPage.steps.verifyHorizontalOptionWithBoldTextInPreviewTab(0);
+                    listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyHorizontalOptionWithImageInPreviewTab(2);
+                    listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('alpha', 3);
+                });
+            } else {
+                it('The order of the options should be as per the correct answer order', () => {
+                    listOrderingPage.steps.verifyHorizontalOptionWithBoldTextInPreviewTab(0);
+                    listOrderingPage.steps.verifyHorizontalOptionWithEquationTextInPreviewTab(1);
+                    listOrderingPage.steps.verifyHorizontalOptionWithImageInPreviewTab(2);
+                    listOrderingPage.steps.verifyTextContentOfHorizontalOptionInPreviewTab('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"]'));
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/setPointsPopup.js

@@ -0,0 +1,83 @@
+import { ckEditorToolbar, equationEditorFlyout } from "../../../../pages/components";
+import { setPointsPopupBase } from "../../../../pages/components/setPointsPopupBase";
+import { listOrderingPage } from "../../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+let options = ['plant', 'flower', 'sprout', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create item page - List ordering: "Horizontal orientation" - Set points popup edit tab functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    //Failing due to - https://redmine.zeuslearning.com/issues/571827
+    describe('Set points - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInSpecifyCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            listOrderingPage.steps.clickOnSetPointsButton();
+        });
+
+        it('When user has opened "Set points" popup and focuses in and out of the points input field then no error message should be displayed', () => {
+            listOrderingPage.steps.focusInAndFocusOutOfPointsInputField(0);
+            listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('The user should be able to set points in the Set points popup points input field', () => {
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([10]);
+        });
+
+        it('When user clicks on Cancel button then the popup should close and the on opening the popup again empty points fields should be displayed', () => {
+            setPointsPopupBase.steps.cancelSetPointsPopup();
+            listOrderingPage.steps.clickOnSetPointsButton();
+            utilities.verifyInnerText(listOrderingPage.pointsInputField(), '');
+            cy.log('Close the Set points popup')
+            setPointsPopupBase.steps.cancelSetPointsPopup();
+        });
+
+        it('When user deletes an option from the "Option" section then it should not be displayed in the "Set points" popup', () => {
+            listOrderingPage.steps.deleteOption(0);
+            listOrderingPage.steps.clickOnSetPointsButton();
+            utilities.verifyElementCount(listOrderingPage.optionWrapperSetPointsPopup(), 3);
+            cy.log('Close the Set points popup')
+            setPointsPopupBase.steps.cancelSetPointsPopup();
+        });
+
+        it('When user adds an option in the "Option" section then it should be displayed in the "Set points" popup with an empty points field', () => {
+            listOrderingPage.steps.addOption();
+            listOrderingPage.steps.editOptionInputField(3, options[0]);
+            listOrderingPage.steps.clickOnSetPointsButton();
+            utilities.verifyElementCount(listOrderingPage.optionWrapperSetPointsPopup(), 4);
+            utilities.verifyInnerText(listOrderingPage.pointsInputField(), '');
+        });
+
+        it('When user adds points to the options and clicks on "Save" button then the popup should close and opening the popup again the points should be prefilled', () => {
+            setPointsPopupBase.steps.allotPointsToSetPointsPopupPointsInputField([4.8, 3, 2.2]);
+            setPointsPopupBase.steps.saveSetPointsPopup();
+            listOrderingPage.steps.clickOnSetPointsButton();
+            setPointsPopupBase.steps.verifyPointsAllotedInSetPointsPopup([4.8, 3, 2.2]);
+            cy.log('Close the Set points popup')
+            setPointsPopupBase.steps.cancelSetPointsPopup();
+        });
+
+        it('When user tries to add alternative accordion without adding points to all options field, then an alternative accordion should get added. The added alternative accordion should be in expanded state', () => {
+            listOrderingPage.steps.addAlternativeAnswerAccordion(1);
+            listOrderingPage.steps.verifyAlternateAnswerAccordionIsExpanded(0);
+        });
+
+        it('When user clicks on the "Set points" button of the alternative accordion then options should be displayed with empty points field', () => {
+            listOrderingPage.steps.clickOnSetPointsButton();
+            utilities.verifyInnerText(listOrderingPage.pointsInputField(), '');
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/specifyCorrectAnswerSection.js

@@ -0,0 +1,114 @@
+import { dialogBoxBase, listOrderingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+
+describe('Create item page - List ordering: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - Header and \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        listOrderingPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('list ordering');
+
+        it('By default, 4 options should be displayed with Drag handle in the correct accordion', () => {
+            utilities.verifyElementCount(listOrderingPage.horizontalOptionSpecifyCorrectAnswerSection(), 4);
+            options.forEach((optionText, index) => {
+                listOrderingPage.steps.verifyTextContentOfHorizontalOptionInSpecifyCorrectAnswerSection(optionText, index);
+            });
+        });
+
+        listOrderingPage.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        listOrderingPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('list ordering');
+
+        it('When user tries to \'+Add alternative answer\' after allotting points without re-ordering the options then the warning popup should appear and on closing the warning popup, an error message should be displayed in the \'Specify correct answer\' section', () => {
+            listOrderingPage.steps.clickOnAddAlternativeAnswerButton();
+            dialogBoxBase.steps.closeWarningPopup();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+            utilities.verifyInnerText(listOrderingPage.errorMessage(), 'Error: The correct answer sequence matches the option sequence. Please either rearrange the options or select \'Randomize options\' to continue.');
+            utilities.verifyElementVisibilityState(listOrderingPage.errorMessage(), 'visible');
+            listOrderingPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+        });
+
+        listOrderingPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('When the user checks \'Randomize options\' then the error message should disappear', () => {
+            listOrderingPage.steps.checkRandomizeOptionsCheckbox();
+            listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+            listOrderingPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('When the user unchecks the \'Randomize options\' checkbox and clicks on \'+Add alternative answer\' the error message should be displayed and on re-ordering the options the error message should disappear', () => {
+            listOrderingPage.steps.uncheckRandomizeOptionsCheckbox();
+            listOrderingPage.steps.clickOnAddAlternativeAnswerButton();
+            dialogBoxBase.steps.closeWarningPopup();
+            utilities.verifyElementVisibilityState(listOrderingPage.errorMessage(), 'visible');
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInSpecifyCorrectAnswerSection(['seed', 'sprout', 'plant', 'flower']);
+            listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('When the user has allotted points to the \'Correct accordion\' and has set correct answer order, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('When user has added an alternative answer accordion, then the newly added alternative answer accordion should be in expanded state and the correct answer accordion should be in collapsed state', () => {
+            listOrderingPage.steps.verifyCorrectAnswerAccordionIsCollapsed();
+            listOrderingPage.steps.verifyAlternateAnswerAccordionIsExpanded(0);
+        });
+
+        it('By default, 4 options should be displayed with Drag handle in the correct accordion', () => {
+            utilities.verifyElementCount(listOrderingPage.horizontalOptionSpecifyCorrectAnswerSection(), 4);
+            options.forEach((optionText, index) => {
+                listOrderingPage.steps.verifyTextContentOfHorizontalOptionInSpecifyCorrectAnswerSection(optionText, index);
+            });
+        });
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
+            cy.log('Set correct answer and points in alternative 1 accordion');
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 2);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 3);
+            listOrderingPage.steps.allotPoints(5);
+            listOrderingPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        listOrderingPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion();
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the name of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 2);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 3);
+            listOrderingPage.steps.allotPoints(5);
+            listOrderingPage.steps.deleteAlternativeAnswerAccordion(1);
+            listOrderingPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+            listOrderingPage.steps.verifyAlternativeAnswerAccordionLabel(0);
+        });
+
+        it('When correct answers and points are set in alternative answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternative answer accordion should be collapsed', () => {
+            listOrderingPage.steps.expandCorrectAnswerAccordion();
+            listOrderingPage.steps.verifyAlternateAnswerAccordionIsCollapsed(0);
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingNew/HorizontalOrientation/studentViewSettings.js

@@ -0,0 +1,179 @@
+
+import { listOrderingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const options = ['sprout', 'plant', 'flower', 'seed'];
+
+describe('Create Item page - List ordering : Student view settings for "Horizontal" option orientation', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('list ordering');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.allotPoints(5);
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the options in the specify correct answer section should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            listOrderingPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInSpecifyCorrectAnswerSection(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options in the specify correct answer section should be in the order in which the user has set them in the \'Options\' section', () => {
+            listOrderingPage.steps.checkRandomizeOptionsCheckbox();
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInSpecifyCorrectAnswerSection(options);
+        });
+    });
+
+    describe('Randomize options : Preview tab', () => {
+        let optionsArray = [];
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.allotPoints(5);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, options in the preview tab should be displayed in the order in which the user has set them in the \'Draggable options\' section', () => {
+            listOrderingPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInPreviewTab(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then options in preview tab should be displayed in a random order', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.checkRandomizeOptionsCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyRandomizeHorizontalOptionOrder(options);
+            optionsArray = listOrderingPage.steps.getHorizontalOptionsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the options should not change in the preview tab', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInPreviewTab(optionsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the options should change from the previous random order', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.allotPoints(12);
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('Question');
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyRandomizeHorizontalOptionOrder(options);
+            listOrderingPage.steps.verifyHorizontalOptionsAreReRandomized(optionsArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the options in the preview tab should be displayed in the order in which the user has set them in the edit tab', () => {
+            listOrderingPage.steps.switchToEditTab()
+            listOrderingPage.steps.uncheckRandomizeOptionsCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyHorizontalOptionsOrderInPreviewTab(options);
+        });
+    });
+
+    //Failing due to https://redmine.zeuslearning.com/issues/571731
+    describe('Enable outer border for question: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('list ordering');
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Enable outer border for question\' checkbox is in checked state, an outer border over the question preview should be visible', () => {
+            listOrderingPage.steps.verifyOuterBorderOfQuestionPreview();
+        });
+
+        it('CSS of the outer border', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.questionBorderPreviewTab(), {
+                'border': `1px solid ${css.color.draggableOptionsContainerBorder}`
+            });
+        });
+
+        it('When the user unchecks the \'Enable outer border for question\' checkbox, then the outer border over the question preview should not be displayed', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.uncheckEnableOuterBorderCheckbox();
+            listOrderingPage.steps.switchToPreviewTab()
+            listOrderingPage.steps.verifyOuterBorderOfQuestionPreviewNotExists();
+        });
+    });
+
+    //Failing due to https://redmine.zeuslearning.com/issues/571732
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('list ordering');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInSpecifyCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.allotPoints(5);
+        });
+
+        it('When the user set correct answer order and allotted points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            listOrderingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listOrderingPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user attempts the question and clicks on the \'Check answer\' button, then correct/incorrect icons should be displayed beside the options and the check answer button should be in enabled state', () => {
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('plant', 0);
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconHorizontalOrientation('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconHorizontalOrientation('flower');
+            listOrderingPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects an option from the Maximum check answer attempts dropdown then the user should be able to check answer only those many times in the preview tab', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            listOrderingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        listOrderingPage.tests.verifyDisabledCheckAnswerButtonWithCSSAndA11y();
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            listOrderingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyCheckAnswerButtonEnabled();
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            listOrderingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyCheckAnswerButtonEnabled();
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCheckAnswerButtonEnabled();
+            listOrderingPage.steps.clickAndReorderHorizontalOptionInPreviewTab('flower', 3);
+            listOrderingPage.steps.checkAnswer();
+            listOrderingPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});