itemengine-cypress-automation 1.0.247-06SeptUpdates-b1623d7.0 → 1.0.247

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/HorizontalOrientation/partialEqualWeightsBasic.js

@@ -0,0 +1,150 @@
+import { listOrderingPage } from "../../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+const options = ['sprout', 'plant', 'flower', 'seed'];
+const correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page - List ordering: Partial equal weights', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights for "Horizontal" option orientation', () => {
+        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.selectAutoScoredScoringSubtype('Partial equal weights');
+            listOrderingPage.steps.allotPoints(20);
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to the \'Grading view\' without attempting the question, then correct/incorrect icons should not be displayed for the default list order, correct/incorrect status message should not be displayed and correct answers section should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectOptionIconsCorrectAnswerSection();
+        });
+
+        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, correct/incorrect status message should not be displayed and correct answers section should be displayed with correct answers from the correct accordion', () => {
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['flower', 'plant', 'seed', 'sprout']);
+            listOrderingPage.steps.verifyPreviewScore(0, 20);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question partially correct, then the user should be awarded points of the correctly attempted responses 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, correct/incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            listOrderingPage.steps.resetQuestionPreview();
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['plant', 'sprout', 'seed', 'flower']);
+            listOrderingPage.steps.switchToGradingView();
+            listOrderingPage.steps.verifyPreviewScore(10, 20);
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyIncorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        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/incorrect status message 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.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.verifyPreviewScore(20, 20);
+            listOrderingPage.steps.switchToGradingView()
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('sprout');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('seed');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('plant');
+            listOrderingPage.steps.verifyCorrectOptionIconSeperateList('flower');
+            listOrderingPage.steps.verifyCorrectAnswerSectionNotExists();
+            listOrderingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            listOrderingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
+
+    describe('Question preview: Auto scored - Partial equal weights: Minimum scoring for "Horizontal" option orientation', () => {
+        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.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(correctAnswerArray);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            listOrderingPage.steps.allotPoints(20);
+        });
+
+        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('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            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 considering the default list order as an incorrect attempt the user should be awarded with minimum 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.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.verifyPreviewScore(2, 20);
+        });
+    })
+});

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

@@ -0,0 +1,88 @@
+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.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(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.clickAndDropOptionSeperateList('plant');
+            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();
+        });
+
+        //need to remove skip after https://redmine.zeuslearning.com/issues/571827 is resolved
+        it.skip('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/ListOrderingReorderAsASeperateList/HorizontalOrientation/specifyCorrectAnswerSection.js

@@ -0,0 +1,97 @@
+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.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        listOrderingPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('list ordering');
+
+        it('By default, 4 options should be displayed with Drag handle in the correct accordion', () => {
+            utilities.verifyElementCount(listOrderingPage.optionsSeperateList(), 4);
+            listOrderingPage.steps.verifyOptionsOrderAsSeperateList(options);
+        });
+
+        listOrderingPage.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('The Specify answer section should contain 4 options and a dropzone with a title \'My list\', the user should be able to drop the options in the dropzone', () => {
+            listOrderingPage.steps.verifyOptionsOrderAsSeperateList(options);
+            utilities.verifyInnerText(listOrderingPage.specifyCorrectAnswerSectionMyListLabel(), 'My list');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('seed');
+        });
+
+        it('When the user has allotted points to the \'Correct accordion\' and has dropped the options in the dropzone, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            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.optionsSeperateList(), 4);
+            listOrderingPage.steps.verifyOptionsOrderAsSeperateList(options);
+        });
+
+        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.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.allotPoints(5);
+            listOrderingPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        listOrderingPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordionSeparateList();
+
+        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.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            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/ListOrderingReorderAsASeperateList/HorizontalOrientation/studentViewSettings.js

@@ -0,0 +1,134 @@
+
+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', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('list ordering');
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.allotPoints(5);
+        });
+
+        listOrderingPage.tests.verifyStudentViewSettingsLabelAndCSS();
+
+        listOrderingPage.tests.verifyAllowStudentsToCheckAnswerNotExist();
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(listOrderingPage.randomizeOptionsLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(listOrderingPage.randomizeOptionsCheckbox(), 'exist');
+            listOrderingPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        listOrderingPage.tests.verifyRandomizeOptionsCheckboxAndLabelUncheckedCSS();
+
+        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.verifyOptionsOrderAsSeperateList(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.verifyOptionsOrderAsSeperateList(options);
+        });
+
+        listOrderingPage.tests.verifyRandomizeOptionsCheckboxCheckedCSSAndA11y();
+    });
+
+    describe('Randomize options : Preview tab', () => {
+        let optionsArray = [];
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.allotPoints(5);
+        });
+
+        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.verifyOptionsOrderAsSeperateList(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.verifyRandomizeOptionOrderSeparateList(options);
+            optionsArray = listOrderingPage.steps.getOptionsArraySeparateList();
+        });
+
+        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.verifyRandomizeOptionOrderSeparateList(options);
+            listOrderingPage.steps.verifyOptionsAreReRandomizedSeparateList(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.verifyOptionsOrderAsSeperateList(options);
+        });
+    });
+
+    describe('Enable outer border for question: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+        });
+
+        listOrderingPage.tests.verifyEnableOuterBorderContents();
+    });
+
+    describe('Enable outer border for question: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.selectOptionOrientation('Horizontal')
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('list ordering');
+            listOrderingPage.steps.switchToPreviewTab();
+        });
+
+        //need to remove skip after https://redmine.zeuslearning.com/issues/571731 is resolved
+        it.skip('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.verifyOuterBorderOfQuestionPreviewNotExistsSeparateList();
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrderingReorderAsASeperateList/additionalSettings.js

@@ -0,0 +1,131 @@
+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'];
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+
+describe('Create Item page - matching : Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+        });
+
+        listOrderingPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.expandAdditionalSettings();
+        });
+
+        listOrderingPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('question instruction');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.allotPoints(10);
+            listOrderingPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the specify correct answer section should change to ${fontSizes[option]} accordingly`, () => {
+                utilities.verifyElementVisibilityState(listOrderingPage.fontSizeDropdown(), 'visible');
+                listOrderingPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(listOrderingPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(utilities.getNthElement(listOrderingPage.optionsSeperateList(), 0), {
+                    'font-size': fontSizes[option]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addTextInQuestionInstructionsInputField('question instruction');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.allotPoints(10);
+            listOrderingPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                listOrderingPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(listOrderingPage.fontSizeDropdown(), `${option}`);
+                listOrderingPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(listOrderingPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(utilities.getNthElement(listOrderingPage.optionsSeperateList(), 0), {
+                    'font-size': fontSizes[option]
+                });
+                listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+                listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+                listOrderingPage.steps.switchToGradingView();
+                utilities.verifyCSS(listOrderingPage.correctAnswersLabel(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(utilities.getNthElement(listOrderingPage.correctAnswerSectionAnswerWrapper(), 0), {
+                    'font-size': fontSizes[option]
+                });
+
+                utilities.verifyCSS(listOrderingPage.correctIncorrectStatusMessageText(), {
+                    'font-size': fontSizes[option]
+                });
+                listOrderingPage.steps.switchToStudentView();
+                listOrderingPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.expandAdditionalSettings();
+        });
+
+        listOrderingPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.expandAdditionalSettings();
+        });
+
+        listOrderingPage.tests.verifyDetailsSection();
+    });
+});