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

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

@@ -0,0 +1,197 @@
+import { listOrderingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const penaltyScoringTypeArray = ['No penalty points', 'Penalty points for the entire question', 'Penalty points for each incorrect option'];
+
+describe('Create item page - List ordering: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.allotPoints(10);
+        });
+
+        listOrderingPage.tests.verifyMinimumScoringDropdown();
+
+        listOrderingPage.tests.verifyMinimumPointsLabelAndInputField();
+
+        listOrderingPage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.allotPoints(10);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        listOrderingPage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        listOrderingPage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        listOrderingPage.tests.verifyPenaltyPointsErrorState();
+
+        it('When the user selects \'Penalty points for each incorrect option\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect option to total points / no. of incorrect options\' label and checkbox should be displayed, by default the checkbox should be unchecked. Two radio buttons with labels - \'Specify total penalty points\' and \'Specify points for each incorrect option\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
+            listOrderingPage.steps.expandPenaltyScoringDropdown();
+            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('enalty points for each incorrect option');
+            utilities.verifyInnerText(listOrderingPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect option to total points / no. of incorrect options');
+            utilities.verifyInnerText(listOrderingPage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
+            utilities.verifyInnerText(listOrderingPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect option');
+            listOrderingPage.steps.verifyAutomaticallySetPenaltyPointsCheckboxUncheckedState();
+            listOrderingPage.steps.verifySpecifyTotalPenaltyPointsRadioButtonCheckedState();
+            listOrderingPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonUncheckedState();
+        });
+
+        it('When \'Specify total penalty points\' is selected, a penalty points detail section with \'Total penalty points\' label and empty input field, \'Penalty points for each incorrect option: -\' label should be displayed', () => {
+            utilities.verifyInnerText(listOrderingPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
+            listOrderingPage.steps.verifyTotalPenaltyPointsValue('');
+            utilities.verifyInnerText(listOrderingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect option: -');
+        });
+
+        it('When the user allots total penalty points, then \'points for each incorrect option\' should get updated as per the count of incorrect options available', () => {
+            listOrderingPage.steps.allotTotalPenaltyPoints(5);
+            listOrderingPage.steps.verifyPenaltyPointsForEachIncorrectOption(1.25);
+        });
+
+        it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            listOrderingPage.steps.deleteOption(0);
+            listOrderingPage.steps.verifyPenaltyPointsForEachIncorrectOption(1.6667);
+        });
+
+        it('When the user adds a new option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            listOrderingPage.steps.addOption();
+            listOrderingPage.steps.verifyPenaltyPointsForEachIncorrectOption(1.25);
+        });
+
+        it('CSS of the penalty points section - Total penalty points', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.automaticallySetPenaltyPointsCheckboxLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.automaticallySetPenaltyPointsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(listOrderingPage.specifyTotalPenaltyPointsRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(listOrderingPage.specifyPointsForEachIncorrectOptionRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(listOrderingPage.specifyTotalPenaltyPointsRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.totalPenaltyPointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of the penalty points section - Total penalty points', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
+        });
+
+        it('When the user selects \'Specify points for each incorrect answer\', a penalty points detail section with \'Penalty points for each incorrect option:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
+            cy.log('Pre-step: Clearing the total penalty points input field')
+            listOrderingPage.steps.clearTotalPenaltyPointsInputField();
+            listOrderingPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify points for each incorrect option');
+            utilities.verifyInnerText(listOrderingPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect option');
+            listOrderingPage.steps.verifyPenaltyPointsForEachIncorrectOptionValue('');
+            utilities.verifyInnerText(listOrderingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Total penalty points: -');
+        });
+
+        it('When the user allots Penalty points for each incorrect option, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
+            listOrderingPage.steps.allotPenaltyPointsForEachIncorrectOption(1);
+            listOrderingPage.steps.verifyTotalPenaltyPoints(4);
+        });
+
+        it('When the user adds a new option, then \'Total penalty points\' should get updated accordingly', () => {
+            listOrderingPage.steps.addOption();
+            listOrderingPage.steps.verifyTotalPenaltyPoints(5);
+        });
+
+        it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            listOrderingPage.steps.deleteOption(0);
+            listOrderingPage.steps.verifyTotalPenaltyPoints(4);
+        });
+
+        it('CSS of the penalty points section - Penalty points for each incorrect option', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.penaltyPointsForEachIncorrectOptionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of the penalty points section - Penalty points for each incorrect option', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
+        });
+
+        it('When the user switches to the \'Specify total penalty points\' option, the total penalty points input field should be filled as per the total penalty points in \'Specify points for each incorrect option\'', () => {
+            listOrderingPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify total penalty points');
+            listOrderingPage.steps.verifyTotalPenaltyPointsValue(4);
+            utilities.verifyInnerText(listOrderingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect option: 1');
+        });
+
+        it('When the user checks the \'Automatically set penalty for each incorrect option to total points / no. of incorrect options\' checkbox, both radio buttons should get disabled, \'Specify points for each incorrect option\' should get checked, in the penalty points details section, \'Penalty points for each incorrect option: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
+            listOrderingPage.steps.checkAutomaticallySetPenaltyPointsCheckbox();
+            listOrderingPage.steps.verifySpecifyTotalPenaltyPointsDisabledState();
+            listOrderingPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonSelectedAndDisabledState();
+            utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect option: 2.5');
+            utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 1), 'Total penalty points: 10');
+        });
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.allotPoints(10);
+            listOrderingPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+        });
+
+        listOrderingPage.tests.verifyRoundingDropdown();
+
+        listOrderingPage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});

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

@@ -0,0 +1,180 @@
+import { 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: Options orientation Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Options orientation section: Edit tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+        });
+
+        it('The \"Option orientation\" label should be displayed', () => {
+            utilities.verifyInnerText(listOrderingPage.optionOrientationSectionLabel(), 'Option orientation');
+        });
+
+        it('The \'Vertical\' toggle button and \'Horizontal\' toggle should be displayed, by default vertical toggle button should be selected', () => {
+            utilities.verifyInnerText(listOrderingPage.verticalButton(), 'Vertical');
+            utilities.verifyInnerText(listOrderingPage.horizontalButton(), 'Horizontal');
+            listOrderingPage.steps.verifySelectedStateOfOptionOrientationToggle('Vertical');
+        });
+
+        it('User should be able to select horizontal orientation button', () => {
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.verifySelectedStateOfOptionOrientationToggle('Horizontal');
+        });
+
+        it('When user selects horizontal orientation, then \"Enable wrapping\" label should be displayed', () => {
+            listOrderingPage.steps.verifyEnableWrappingCheckboxChecked();
+            utilities.verifyInnerText(listOrderingPage.enableWrappingLabel(), 'Enable wrapping');
+        });
+
+        it('When horizontal orientation is selected, then \"Enable wrapping\" checkbox should be selected by default ', () => {
+            listOrderingPage.steps.verifyEnableWrappingCheckboxChecked();
+        });
+
+        it('User should be able to uncheck the \"Enable wrapping\" checkbox', () => {
+            listOrderingPage.steps.uncheckEnableWrappingCheckbox();
+            listOrderingPage.steps.verifyEnableWrappingCheckboxUnchecked();
+        });
+
+        it('User should be able to re-select vertical orientation button', () => {
+            listOrderingPage.steps.selectOptionOrientation('Vertical');
+            listOrderingPage.steps.verifySelectedStateOfOptionOrientationToggle('Vertical');
+        });
+    });
+
+    describe('Functionality - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('When vertical orientation is selected, then the options should be displayed vertically', () => {
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Vertical');
+        });
+
+        it('User should be able to drop the options when vertical orientation is selected', () => {
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['plant', 'sprout', 'flower', 'seed']);
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('seed');
+        });
+
+        it('When user selects horizontal orientation, then the options should be displayed horizontally', () => {
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Horizontal');
+        });
+
+        it('User should be able to drop the options when horizontal orientation is selected', () => {
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['plant', 'sprout', 'flower', 'seed']);
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('seed');
+        });
+
+
+        it('When the horizontal orientation is selected and \"Enable wrapping\" is enabled, then the text within the options should be wrapped', () => {
+            listOrderingPage.steps.verifyHorizontalWrappingSeparateList('enabled');
+        });
+
+        it('When user unchecks the \'Enable wrapping\' checkbox then the text within the options should not be wrapped', () => {
+            listOrderingPage.steps.uncheckEnableWrappingCheckbox();
+            listOrderingPage.steps.verifyEnableWrappingCheckboxUnchecked();
+            listOrderingPage.steps.verifyHorizontalWrappingSeparateList('disabled');
+        });
+
+        it('When user re-selects the vertical orientation option then, then the changes should be reflected in the \"Specify correct answer\" section', () => {
+            listOrderingPage.steps.selectOptionOrientation('Vertical');
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Vertical');
+        });
+    });
+
+    describe('Functionality - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.selectOrderingLayoutOption('Reorder as a separate list');
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('When user selects vertical orientation, then the options should be displayed vertically', () => {
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Vertical');
+        });
+
+        it('User should be able to drop the options when vertical orientation is selected', () => {
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['plant', 'sprout', 'flower', 'seed']);
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('seed');
+        });
+
+        it('When user selects horizontal orientation, then the options should be displayed horizontally', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.selectOptionOrientation('Horizontal');
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Horizontal');
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Horizontal');
+        });
+
+        it('User should be able to drop the options when horizontal orientation is selected', () => {
+            listOrderingPage.steps.clickAndDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndDropOptionSeperateList('seed');
+            listOrderingPage.steps.verifyOptionsInDropzoneOrderAsSeperateList(['plant', 'sprout', 'flower', 'seed']);
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('plant');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('sprout');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('flower');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('seed');
+        });
+
+
+        it('When the horizontal orientation is selected and \"Enable wrapping\" is enabled, then the text within the options should be wrapped', () => {
+            listOrderingPage.steps.verifyHorizontalWrappingSeparateList('enabled');
+        });
+
+        it('When user unchecks the \'Enable wrapping\' checkbox then the text within the options should not be wrapped', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.uncheckEnableWrappingCheckbox();
+            listOrderingPage.steps.verifyEnableWrappingCheckboxUnchecked();
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyHorizontalWrappingSeparateList('disabled');
+        });
+
+        it('When user re-selects the vertical orientation option then, then the changes should be reflected in the \"Preview Tab\" section', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.selectOptionOrientation('Vertical');
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Vertical');
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyOptionOrientationSeparateList('Vertical');
+        });
+    });
+});

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

@@ -0,0 +1,95 @@
+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.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.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('seed');
+            listOrderingPage.steps.clickAndUnDropOptionSeperateList('sprout');
+        });
+
+        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/studentViewSettings.js

@@ -0,0 +1,130 @@
+
+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.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.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.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.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();
+        });
+    });
+});