itemengine-cypress-automation 1.0.78 → 1.0.80

package/cypress/e2e/ILC/MultipleSelection/studentViewSettings.js

@@ -0,0 +1,530 @@
+import { multipleSelectionPage } from "../../../pages/multipleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+let maxCheckAnswerAttemptsOptions = ['No limit', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
+
+//Note: Need to revisit to update file for common tests
+describe('Create Item page - Multiple selection: Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options and lock option position : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addQuestionInstructions();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.allotPoints(20);
+        });
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(multipleSelectionPage.randomizeOptionsLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.randomizeOptionsCheckbox(), 'exist');
+            multipleSelectionPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        it('CSS of \'Randomize options\'', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.randomizeOptionsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Randomize options\'', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]'));
+        });
+
+        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', () => {
+            multipleSelectionPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            multipleSelectionPage.steps.verifyOptionsTextContentInSpecifyCorrectAnswerSection(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', () => {
+            multipleSelectionPage.steps.checkRandomizeOptionsCheckbox();
+            multipleSelectionPage.steps.verifyOptionsTextContentInSpecifyCorrectAnswerSection(options);
+        });
+
+        it('When user checks \'Randomize options\' checkbox then \'Lock option position\' checkbox and label should be displayed and it should be unchecked', () => {
+            utilities.verifyInnerText(multipleSelectionPage.lockOptionPositionLabel(), 'Lock option position');
+            multipleSelectionPage.steps.verifyLockOptionPositionCheckboxUnchecked();
+        });
+
+        it('CSS of \'Randomize options\' functionality - checked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Randomize options\' functionality - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]'))
+        });
+
+        it('When the user checks the \'Lock option position\' then Lock option button should be displayed with the options and all the options should be displayed in the unlocked state except the last option', () => {
+            multipleSelectionPage.steps.checkLockOptionPositionCheckbox();
+            options.forEach((option, index) => {
+                if (index === options.length - 1) {
+                    multipleSelectionPage.steps.verifyOptionsLocked(index);
+                } else {
+                    multipleSelectionPage.steps.verifyOptionsUnlocked(index);
+                }
+            });
+        });
+
+        it('User should be able to lock and unlock options using the button', () => {
+            multipleSelectionPage.steps.unlockOption(3);
+            multipleSelectionPage.steps.lockOption(0);
+        });
+    });
+
+    describe('Randomize options and lock option position : Preview tab', () => {
+        let optionsArray = [];
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.')
+            multipleSelectionPage.steps.allotPoints(20);
+        });
+
+        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 \'Options\' section', () => {
+            multipleSelectionPage.steps.verifyRandomizeOptionsCheckboxUnchecked()
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyOptionsTextContentInPreviewTab(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then options in preview tab should be displayed in a random order', () => {
+            multipleSelectionPage.steps.switchToEditTab()
+            multipleSelectionPage.steps.checkRandomizeOptionsCheckbox()
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyRandomizeOptionOrder(options, null);
+            optionsArray = multipleSelectionPage.steps.getOptionsArray();
+        });
+
+        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', () => {
+            multipleSelectionPage.steps.resetQuestionPreview();
+            multipleSelectionPage.steps.verifyOptionsTextContentInPreviewTab(optionsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the options should change and the options should be displayed in the order in which the user has set them in the preview tab', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.clearPointsField();
+            multipleSelectionPage.steps.allotPoints(12);
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyRandomizeOptionOrder(options, null);
+            multipleSelectionPage.steps.verifyOptionsAreRerandomized(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 \'Options\' section', () => {
+            multipleSelectionPage.steps.switchToEditTab()
+            multipleSelectionPage.steps.uncheckRandomizeOptionsCheckbox();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyOptionsTextContentInPreviewTab(options);
+        });
+
+        it('When the user checks the \'Lock option position\' then Lock option button should be displayed with the options and all the options should be displayed in the unlocked state except the last option', () => {
+            multipleSelectionPage.steps.switchToEditTab()
+            multipleSelectionPage.steps.checkRandomizeOptionsCheckbox();
+            multipleSelectionPage.steps.checkLockOptionPositionCheckbox();
+            multipleSelectionPage.steps.unlockOption(3);
+            multipleSelectionPage.steps.lockOption(0);
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyRandomizeOptionOrder(options, 0);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the options should change and the options should be displayed in the order in which the user has set them in the preview tab', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.allotPoints(20);
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyRandomizeOptionOrder(options, 0);
+        });
+    });
+
+    describe('Allow students to check answer: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addQuestionInstructions();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.allotPoints(20);
+        });
+
+        it('\'Allow student to check answer\' label and checkbox should be displayed and it should be unchecked by default', () => {
+            utilities.verifyInnerText(multipleSelectionPage.allowStudentToCheckAnswerLabel(), 'Allow student to check answer');
+            multipleSelectionPage.steps.verifyAllowStudentsToCheckAnswerCheckboxUnchecked();
+        });
+
+        it('When user checks the \'Allow student to check answer\' checkbox then \'Disable previous incorrect options\' checkbox and \'Maximum check answer attempts\' dropdown should be displayed', () => {
+            multipleSelectionPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            utilities.verifyInnerText(multipleSelectionPage.disablePreviousIncorrectOptionLabel(), 'Disable previous incorrect options');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.disablePreviousIncorrectOptionCheckbox(), 'exist');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.maximumCheckAnswerAttemptsDropdown(), 'visible');
+        });
+
+        it('\'Disable previous incorrect options\' checkbox should be unchecked by default', () => {
+            multipleSelectionPage.steps.verifyDisablePreviousIncorrectOptionCheckboxUnchecked();
+        });
+
+        it('User should be able to check \'Disable previous incorrect options\' checkbox', () => {
+            multipleSelectionPage.steps.checkDisablePreviousIncorrectOptionCheckbox();
+        });
+
+        it('\'Maximum check answer attempts\' should have \'No limit\' selected by default and on expanding the dropdown options 1 to 10 should also be displayed', () => {
+            utilities.verifyInnerText(multipleSelectionPage.maximumCheckAnswerAttemptsDropdownLabel(), 'Maximum check answer attempts');
+            utilities.verifyInnerText(multipleSelectionPage.maximumCheckAnswerAttemptsDropdown(), maxCheckAnswerAttemptsOptions[0]);
+            multipleSelectionPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            maxCheckAnswerAttemptsOptions.forEach((option, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.maximumCheckAnswerAttemptsDropdownListOptions(), index), option)
+            });
+        });
+
+        it('CSS of \'Allow students to check answer\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.allowStudentToCheckAnswerLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.disablePreviousIncorrectOptionLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.allowStudentToCheckAnswerCheckbox().parents('[data-ngie-testid="allow-student-to-check-answer-checkbox"]').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(multipleSelectionPage.disablePreviousIncorrectOptionCheckbox().parents('[data-ngie-testid="disable-previous-incorrect-options-checkbox"]').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(multipleSelectionPage.maximumCheckAnswerAttemptsDropdownLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(multipleSelectionPage.maximumCheckAnswerAttemptsDropdown().find('span'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.maximumCheckAnswerAttemptsDropdownListOptions().eq(0), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.liTextSelectedBg
+            });
+        });
+
+        it('Accessibility of \'Check answer\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.allowStudentToCheckAnswerCheckbox().parents('[class*="CheckAnswerWrapper"]'));
+        });
+    });
+
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addQuestionInstructions();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.allotPoints(20);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+        });
+
+        it('When the user has added options and specified correct answer and points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            multipleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(multipleSelectionPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user selects an option and checks the answer then an icon should be displayed beside the selected option and the check answer button should be in enabled state', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.checkAnswer();
+            multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(1);
+            multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            multipleSelectionPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user checks \'Disable previous incorrect option\' checkbox and selects an incorrect option and checks answer, then on selecting another option the previously checked option should be disabled', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.checkDisablePreviousIncorrectOptionCheckbox();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.checkAnswer();
+            multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(1);
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+            multipleSelectionPage.steps.verifyOptionInPreviewTabIsDisabled(1);
+        });
+
+        it('When the user checks a correct option and checks answer, then on selecting another option the previously checked option should not be disabled and the check answer button should be enabled', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+            multipleSelectionPage.steps.checkAnswer();
+            multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
+            multipleSelectionPage.steps.checkAnswer();
+            multipleSelectionPage.steps.verifyOptionInPreviewTabIsNotDisabled(0);
+            multipleSelectionPage.steps.verifyOptionInPreviewTabIsNotDisabled(1);
+            multipleSelectionPage.steps.verifyOptionInPreviewTabIsNotDisabled(2);
+            multipleSelectionPage.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', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            multipleSelectionPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+            multipleSelectionPage.steps.checkAnswer();
+        });
+
+        multipleSelectionPage.tests.verifyDisabledCheckAnswerButtonWithCSSAndA11y();
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            multipleSelectionPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyCheckAnswerButtonEnabled();
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.checkAnswer();
+            multipleSelectionPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+
+    describe('Set minimum/maximum number of answers: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addQuestionInstructions();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.allotPoints(20);
+        });
+
+        it('\'Set minimum/maximum number of answers\' label and checkbox should be displayed and the checkbox should be unchecked by default', () => {
+            utilities.verifyInnerText(multipleSelectionPage.setMinMaxNumberOfAnswersLabel(), 'Set minimum/maximum number of answers');
+            multipleSelectionPage.steps.verifySetMinMaxNumberOfAnswersCheckbox()
+        });
+
+        it('When the user should checks the \'Set minimum/maximum number of answers\' checkbox then \'Minimum number of answers\' and \'Maximum number of answers\' label and dropdown should be displayed', () => {
+            multipleSelectionPage.steps.checkSetMinMaxNumberOfAnswersCheckbox();
+            utilities.verifyInnerText(multipleSelectionPage.minimumNumberOfAnswersLabel(), 'Minimum number of answers');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.minimumNumberOfAnswersDropdown(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.maximumNumberOfAnswersLabel(), 'Maximum number of answers');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.maximumNumberOfAnswersDropdown(), 'visible');
+        });
+
+        it('\'None\' option should be selected by default on both the dropdowns', () => {
+            utilities.verifyInnerText(multipleSelectionPage.minimumNumberOfAnswersDropdown(), 'None');
+            utilities.verifyInnerText(multipleSelectionPage.maximumNumberOfAnswersDropdown(), 'None');
+        });
+
+        it('When the expands the dropdowns then options displayed should be equal to the number of options in the \'Options\' section', () => {
+            multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
+            utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.minimumNumberOfAnswersDropdownOptions(), 0), 'None');
+            for (let index = 1; index < options.length + 1; index++) {
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.minimumNumberOfAnswersDropdownOptions(), index), `${index}`);
+            }
+            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('None')
+            multipleSelectionPage.steps.expandMaximumNumberOfAnswersDropdown();
+            utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.maximumNumberOfAnswersDropdownOptions(), 0), 'None');
+            for (let index = 1; index < options.length + 1; index++) {
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.maximumNumberOfAnswersDropdownOptions(), index), `${index}`);
+            }
+        });
+
+        it('CSS of \'Allow students to check answer\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.setMinMaxNumberOfAnswersLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.setMinMaxNumberOfAnswersCheckbox().parents('[data-ngie-testid="set-minimum/maximum-number-of-answers-checkbox"]').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(multipleSelectionPage.minimumNumberOfAnswersLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(multipleSelectionPage.maximumNumberOfAnswersLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(multipleSelectionPage.minimumNumberOfAnswersDropdown().find('span'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.maximumNumberOfAnswersDropdown().find('span'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Check answer\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.setMinMaxNumberOfAnswersLabel().parents('[class*="MinMaxNumberAnswersstyles"]'));
+        });
+
+        it('When the user adds a new option in the options section then the same should be reflected in both the dropdowns', () => {
+            multipleSelectionPage.steps.addOption();
+            multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
+            utilities.verifyElementCount(multipleSelectionPage.minimumNumberOfAnswersDropdownOptions(), 6);
+            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('None')
+            multipleSelectionPage.steps.expandMaximumNumberOfAnswersDropdown();
+            utilities.verifyElementCount(multipleSelectionPage.maximumNumberOfAnswersDropdownOptions(), 6);
+        });
+    });
+
+    describe('Set minimum/maximum number of answers: Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addQuestionInstructions();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.allotPoints(20);
+            multipleSelectionPage.steps.checkSetMinMaxNumberOfAnswersCheckbox();
+        });
+
+        it('When the user has set minimum and maximum number of answer as \'None\' then no warning message should be displayed in the \'Specify correct answer\' section before and after selecting options', () => {
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+        });
+
+        it('When user sets minimum number of answers more than the number of correct answers, then in the \'Specify Correct Answer\' section a warning message should be displayed stating required number of answers', () => {
+            multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
+            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('3');
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('At least 3 answers are required.');
+        });
+
+        it('When user updates the value of minimum number of answers same as the number of correct answers the warning message should disappear', () => {
+            multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
+            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('1');
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+        });
+
+        it('When user updates the \'Minimum number of answers\' dropdown more than the correct answers then a warning message should be displayed', () => {
+            multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
+            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('2');
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('At least 2 answers are required.');
+        });
+
+        it('CSS of warning message', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.minMaxWarningMessage().find('.min-max-answer-error-text'), {
+                'color': css.color.warningText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Accessibility of warning message in Edit tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.minMaxWarningMessage());
+        });
+
+        it('When the user sets the number of correct answer same as minimum number of answers the warning message should disappear', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(3);
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+        });
+
+        it('When the user sets minimum number of answers greater than the maximum number of answers then snackbar with the text \'Minimum number of answers can\'t be more than the maximum number of answers\' should be displayed and the dropdown should set it equal to minimum number of answers dropdown', () => {
+            multipleSelectionPage.steps.expandMaximumNumberOfAnswersDropdown();
+            multipleSelectionPage.steps.selectOptionFromMaximumNumberOfAnswersDropdown('1');
+            utilities.verifyInnerText(multipleSelectionPage.snackbar(), 'Maximum number of answers can\'t be less than the minimum number of answers');
+            multipleSelectionPage.steps.closeSnackBar();
+            utilities.verifyInnerText(multipleSelectionPage.minimumNumberOfAnswersDropdown(), '2');
+            utilities.verifyInnerText(multipleSelectionPage.maximumNumberOfAnswersDropdown(), '2');
+        });
+
+        it('When the user tries to checks more answer options than specified in the Maximum number of answers dropdown then a warning message should be displayed', () => {
+            multipleSelectionPage.steps.selectSpecifyCorrectAnswerOption(1);
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('Only 2 answers are permitted.');
+        });
+
+        it('When the user updates the number of correct answer options then the warning message should disappear', () => {
+            multipleSelectionPage.steps.uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+        });
+    });
+
+    describe('Set minimum/maximum number of answers: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addQuestionInstructions();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.allotPoints(20);
+            multipleSelectionPage.steps.checkSetMinMaxNumberOfAnswersCheckbox();
+        });
+
+        it('When the user has set minimum and maximum number of answer as \'None\' then no warning message should be displayed in the \'Preview tab\' section before and after selecting options', () => {
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+        });
+
+        it('When the user has set both minimum and maximum number of answers then on selecting options less than specified options gives an warning message in the preview tab', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.expandMinimumNumberOfAnswersDropdown();
+            multipleSelectionPage.steps.selectOptionFromMinimumNumberOfAnswersDropdown('2');
+            multipleSelectionPage.steps.expandMaximumNumberOfAnswersDropdown();
+            multipleSelectionPage.steps.selectOptionFromMaximumNumberOfAnswersDropdown('3');
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('At least 2 answers are required.');
+        });
+
+        it('CSS of warning message', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.minMaxWarningMessage().find('.min-max-answer-error-text'), {
+                'color': css.color.warningText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Accessibility of warning message in Edit tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.minMaxWarningMessage());
+        });
+
+        it('When the user selects options equal to specified minimum number of answers then the warning message should disappear', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+        });
+
+        it('When user tries to select options more than maximum number of answers, a warning message \'Only # answers are permitted.\' should be displayed below the options in the student preview', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+            multipleSelectionPage.steps.selectPreviewTabOption(3);
+            multipleSelectionPage.steps.verifyMinMaxWarningMessage('Only 3 answers are permitted.');
+        });
+
+        it('When user deselects any option, the warning message should disappear', () => {
+            multipleSelectionPage.steps.uncheckOptionsCheckboxInPreviewTab(2);
+            multipleSelectionPage.steps.verifyMinMaxErrorMessageNotExist();
+        });
+    });
+});