itemengine-cypress-automation 1.0.32 → 1.0.37

package/cypress/e2e/ILC/ListMatching/listMatchingStandardOptionsSetCorrectAnswerCheckboxesPreviewTab.js

@@ -0,0 +1,185 @@
+import { listMatchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+let stems = ['Stem 1', 'Stem 2', 'Stem 3'];
+let optionsForResponses = ['Correct answer for stem 1', 'Correct answer for stem 2', 'Correct answer for stem 3'];
+
+describe('Create Item page - List Matching: Randomize options, Reuse options, Hide drag handle functionalities for \'Standard\' response option layout in preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let optionsArray = [];
+        let stemsArray = [];
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.addInputToAllStemFields(stems);
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+            listMatchingPage.steps.allotPoints('10');
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the draggable options in the response container should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the stem fields should be displayed in the order in which the user has set them in the Stems section', () => {
+            listMatchingPage.steps.verifyStemFieldsInPreviewTab(stems);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the draggable options in the response container should be displayed in a random order', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.checkRandomizeOptionsCheckbox();
+            cy.log('Added wait here to prevent cypress from switching to preview tab just after checking randomize options checkbox');
+            cy.wait(1000);
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyRandomizeOptionOrder(optionsForResponses, 'List matching');
+            optionsArray = listMatchingPage.steps.getOptionsArray('List Matching');
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the stem fields should be displayed in a random order', () => {
+            listMatchingPage.steps.verifyRandomizedStemsOrder(stems);
+            stemsArray = listMatchingPage.steps.getStemsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the draggable options should not change in the response container', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the stem fields should not change in the response container', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyStemFieldsInPreviewTab(stemsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the draggable options should change in the response container', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.allotPoints(5);
+            cy.log('Added wait here to prevent cypress from switching to preview tab just after modifying the question');
+            cy.wait(1000);
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyRandomizeOptionOrder(optionsForResponses, 'List matching');
+            listMatchingPage.steps.verifyRerandomizedOptionsOrder(optionsArray, 'List matching')
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the stem fields should change in the response container', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.selectPartialEqualWeightsCheckbox();
+            cy.log('Added wait here to prevent cypress from switching to preview tab just after modifying the question');
+            cy.wait(1000);
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyRandomizedStemsOrder(stems);
+            listMatchingPage.steps.verifyRerandomizedStemsOrder(stemsArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the draggable options in the response container should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.uncheckRandomizeOptionsCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
+        });
+
+        it('When the user has disabled the \'Randomize options\' functionality, then the stem fields should be displayed in the order in which the user has set them in the set correct answer section', () => {
+            listMatchingPage.steps.verifyStemFieldsInPreviewTab(stems)
+        });
+    });
+
+    describe('Reuse options - Functionality: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+        });
+
+        it('When the \'Reuse options\' functionality is disabled, then on attempting the question, the draggable options should get removed from the response container', () => {
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
+            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1')
+            listMatchingPage.steps.verifyOptionsInPreviewTab([optionsForResponses[1], optionsForResponses[2]]);
+        });
+
+        it('When the \'Reuse options\' functionality is enabled, then on attempting the question, the draggable options should persist in the response container', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.checkReuseOptionsCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
+            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
+        });
+
+        it('The user should be able to use the same draggable option for multiple response areas', () => {
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 1);
+            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(1, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
+        });
+
+        it('When the user removes the option from the response area and moves it into the grouped container, only one option should be displayed in the respective group', () => {
+            listMatchingPage.steps.clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInPreviewTab(0);
+            listMatchingPage.steps.clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInPreviewTab(1);
+            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
+        });
+
+        it('When the user disables the \'Reuse options\' functionality, then on attempting the question, the draggable options should get removed from the response container', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.uncheckReuseOptionsCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
+            listMatchingPage.steps.verifyFilledOptionResponseAreaInPreviewTab(0, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyOptionsInPreviewTab([optionsForResponses[1], optionsForResponses[2]]);
+        });
+    });
+
+    describe('Reuse options - Scoring', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+            listMatchingPage.steps.checkReuseOptionsCheckbox();
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 1);
+            listMatchingPage.steps.allotPoints(5);
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has set same answer options in the \'Set correct answer\' section, then the user should be awarded full points on attempting the question with reused options', () => {
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 1', 1);
+            listMatchingPage.previewScoreText()
+                .verifyInnerText('5/5');
+            listMatchingPage.steps.verifyOptionsInPreviewTab(optionsForResponses);
+        });
+    });
+
+    describe('Hide drag handle - Functionality: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the \'Hide drag handle\' functionality is disabled, then the draggable options displayed in response container of the preview tab should have a drag handle', () => {
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyDragIconVisibleInOptionsInPreviewTab('list matching');
+        });
+
+        it('When the \'Hide drag handle\' functionality is enabled, then the draggable options displayed in response container of the preview tab should not have a drag handle', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.checkHideDragHandleCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyDragIconNotVisibleInOptionsInPreviewTab('list matching');
+        });
+    });
+});

package/cypress/e2e/ILC/ListMatching/listMatchingSwitchingCases.js

@@ -0,0 +1,47 @@
+import { listMatchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+let optionsForResponses = ['Response 1', 'Response 2', 'Response 3'];
+let optionsForResponses2 = ['Response 4', 'Response 5'];
+let optionsForResponses3 = ['Response 1', 'Response 2', 'Response 3', 'Response 4', 'Response 5'];
+
+describe('Create Item Page: List matching: Switching cases between \'Standard\' and \'Grouped\' response layouts', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('List matching: Switching cases between \'Standard\' and \'Grouped\' response layouts: \'Response Options section\'', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+        });
+
+        it('When the user switches from \'Standard\' response layout to \'Grouped\', all the option input fields along with text should appear in the group options', () => {
+            listMatchingPage.steps.selectResponseOptionsLayout('Grouped');
+            listMatchingPage.steps.verifyOptionInputFieldContentsInOptionsSection(optionsForResponses);
+            cy.log('verifying draggable options in \'Set correct answer\' section')
+            listMatchingPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, optionsForResponses);
+        });
+
+        it('When the user creates more than one group of options and switches to \'Standard\' response layout, all the option input fields along with text should appear in the standard options', () => {
+            cy.log('Adding a new group and adding input to the option fields')
+            listMatchingPage.steps.addGroup();
+            listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(1, optionsForResponses2);
+            listMatchingPage.steps.selectResponseOptionsLayout('Standard');
+            listMatchingPage.steps.verifyOptionInputFieldContentsInOptionsSection(optionsForResponses3);
+            cy.log('verifying draggable options in \'Set correct answer\' section')
+            listMatchingPage.steps.verifyDraggableResponsesSetCorrectAnswer('List matching', optionsForResponses3);
+        });
+
+        it('On switching back to \'Grouped\' response layout, all option input fields should be present under Group A and no other group should exist', () => {
+            listMatchingPage.steps.selectResponseOptionsLayout('Grouped');
+            listMatchingPage.steps.verifyCountOfGroupsInSetCorrectAnswerSection(1);
+            listMatchingPage.steps.verifyOptionInputFieldContentsInOptionsSection(optionsForResponses3);
+            cy.log('verifying draggable options in \'Set correct answer\' section')
+            listMatchingPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, optionsForResponses3);
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrdering/listOrderingAdditionalSettingsAnswerNumerationAndOptionLabel.js

@@ -0,0 +1,295 @@
+import { listOrderingPage } from "../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const answerNumerationDropdownOptions = ['Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
+const numbers = ['1', '2', '3', '4'];
+const lowercase = ['a', 'b', 'c', 'd'];
+const uppercase = ['A', 'B', 'C', 'D'];
+let options = ['plant', 'sprout', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page - List ordering: Additional settings - Answer numeration (only while grading) and option label section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    
+    describe('Additional settings: Student response area and layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            listOrderingPage.steps.expandAdditonalSettings();
+        });
+
+        listOrderingPage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
+        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
+    });
+
+    describe('Additional settings: Answer numeration (only while grading) contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            listOrderingPage.steps.expandAdditonalSettings();
+        });
+
+        listOrderingPage.tests.verifyAnswerNumerationContents();
+    });
+
+    describe('Additional settings: Answer Numeration (only while grading) set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+            listOrderingPage.steps.expandAdditonalSettings();
+            listOrderingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+        });
+
+        listOrderingPage.tests.verifyAnswerNumerationFunctionalityInSetCorrectAnswerSection(answerNumerationDropdownOptions);
+    });
+
+    describe('Additional settings: Answer Numeration (only while grading) preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+            listOrderingPage.steps.expandAdditonalSettings();
+            listOrderingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+        });
+
+        it(`When the user selects ${answerNumerationDropdownOptions[0]} option from the Answer Numeration dropdown and has not selected show correct answer checkbox or check answer button then option numeration should not be displayed in the preview tab`, () => {
+            listOrderingPage.steps.switchToEditTab();
+            utilities.verifyInnerText(listOrderingPage.answerNumerationDropdown(), `${answerNumerationDropdownOptions[0]}`)
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listOrderingPage.optionNumeration(), 'notExist');
+        });
+
+        listOrderingPage.tests.verifyOptionsAndCorrectAnswerContainerNumerationWhenShowCorrectAnswerCheckboxIsChecked(numbers);
+
+        listOrderingPage.tests.verifyOptionsNumerationWhenCheckAnswerIsSelected(numbers)
+
+        it(`When the user selects ${answerNumerationDropdownOptions[1]} option from the Answer Numeration dropdownand has not selected show correct answer checkbox or check answer button then option numeration should not be displayed in the preview tab`, () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[1]}`);
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listOrderingPage.optionNumeration(), 'notExist');
+        });
+
+        listOrderingPage.tests.verifyOptionsAndCorrectAnswerContainerNumerationWhenShowCorrectAnswerCheckboxIsChecked(uppercase);
+
+        listOrderingPage.tests.verifyOptionsNumerationWhenCheckAnswerIsSelected(uppercase)
+
+        it(`When the user selects ${answerNumerationDropdownOptions[2]} option from the Answer Numeration dropdownand has not selected show correct answer checkbox or check answer button then option numeration should not be displayed in the preview tab`, () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[2]}`);
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listOrderingPage.optionNumeration(), 'notExist');
+        });
+
+        listOrderingPage.tests.verifyOptionsAndCorrectAnswerContainerNumerationWhenShowCorrectAnswerCheckboxIsChecked(lowercase);
+
+        listOrderingPage.tests.verifyOptionsNumerationWhenCheckAnswerIsSelected(lowercase)
+    });
+
+    describe('Additional settings: Option label section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+            listOrderingPage.steps.expandAdditonalSettings();
+        });
+
+        it('\'Option label\' should be displayed', () => {
+            utilities.verifyInnerText(listOrderingPage.optionLabelLabel(), 'Option label');
+            utilities.verifyElementVisibilityState(listOrderingPage.optionLabelLabel(), 'visible');
+        });
+
+        it('\'Include labels\' label and checkbox should be displayed and it should be unchecked by default', () => {
+            utilities.verifyInnerText(listOrderingPage.includeLabelsLabel(), 'Include labels');
+            utilities.verifyElementVisibilityState(listOrderingPage.includeLabelsCheckbox(), 'exist');
+            listOrderingPage.steps.verifyIncludeLablesCheckboxIsUnchecked()
+        });
+
+        it('\'Top label\' and \'Bottom label\' labels and input fields should be displayed and they should be disabled by default', () => {
+            utilities.verifyInnerText(listOrderingPage.topLabelLabel(), 'Top label');
+            utilities.verifyElementVisibilityState(listOrderingPage.topLabelInputField(), 'exist');
+            listOrderingPage.steps.verifyTopLabelInputFieldDisabled();
+            utilities.verifyInnerText(listOrderingPage.bottomLabelLabel(), 'Bottom label');
+            utilities.verifyElementVisibilityState(listOrderingPage.bottomLabelInputField(), 'exist');
+            listOrderingPage.steps.verifyBottomLabelInputFieldDisabled();
+        });
+
+        it('When the user selects \'Include labels\' checkbox then the \'Top label\' and \'Bottom label\' input fields should be enabled', () => {
+            listOrderingPage.steps.checkIncludeLablesCheckbox();
+            listOrderingPage.steps.verifyTopLabelInputFieldEnabled();
+            listOrderingPage.steps.verifyBottomLabelInputFieldEnabled();
+        });
+
+        it('When the \'Include labels\' checkbox is checked user should be able to add inputs to \'Top label\' and \'Bottom label\' input fields', () => {
+            listOrderingPage.steps.addInputToTopLabelInputField('Top label');
+            listOrderingPage.steps.addInputToBottomLabelInputField('Bottom label');
+        });
+
+        it('CSS of \'Option label\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.optionLabelLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.includeLabelsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.includeLabelsCheckbox().parents('.ngie-checkbox-control-label').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(listOrderingPage.topLabelLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.topLabelInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listOrderingPage.bottomLabelLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(listOrderingPage.bottomLabelInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of Option label section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.optionLabelLabel().parents('.special-character-wrapper'))
+        });
+    });
+
+    describe('Additional settings: Option label set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+            listOrderingPage.steps.expandAdditonalSettings();
+            listOrderingPage.steps.checkIncludeLablesCheckbox();
+        });
+
+        it('When user adds input to \'Top label\' then it should be displayed at the top of the options in the \'Set correct answer\' section', () => {
+            listOrderingPage.steps.addInputToTopLabelInputField('Top label');
+            utilities.verifyInnerText(listOrderingPage.setCorrectAnswerSectionTopLabel(), 'Top label');
+            utilities.verifyElementVisibilityState(listOrderingPage.setCorrectAnswerSectionBottomLabel(), 'hidden');
+            cy.log('Post step: Clear top label input field')
+            listOrderingPage.steps.clearTopLabelInputField();
+        });
+
+        it('When user adds input to \'Bottom label\' then it should be displayed at the bottom of the options in the \'Set correct answer\' section ', () => {
+            listOrderingPage.steps.addInputToBottomLabelInputField('Bottom label');
+            utilities.verifyInnerText(listOrderingPage.setCorrectAnswerSectionBottomLabel(), 'Bottom label');
+            utilities.verifyElementVisibilityState(listOrderingPage.setCorrectAnswerSectionTopLabel(), 'hidden');
+        });
+
+        it('When user adds input to both \'Top label\' and  \'Bottom label\' then it should be displayed at the top and bottom of the options in the \'Set correct answer\' section respectively', () => {
+            listOrderingPage.steps.addInputToTopLabelInputField('Top label');
+            utilities.verifyInnerText(listOrderingPage.setCorrectAnswerSectionTopLabel(), 'Top label');
+            utilities.verifyInnerText(listOrderingPage.setCorrectAnswerSectionBottomLabel(), 'Bottom label');
+        });
+
+        it('When user unchecks the \'Include labels\' checkbox then the labels should not be displayed in the \'Set correct answer\' section', () => {
+            listOrderingPage.steps.uncheckIncludeLablesCheckbox();
+            utilities.verifyElementVisibilityState(listOrderingPage.setCorrectAnswerSectionTopLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(listOrderingPage.setCorrectAnswerSectionBottomLabel(), 'notExist');
+        });
+    });
+
+    describe('Additional settings: Option label preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+            listOrderingPage.steps.expandAdditonalSettings();
+            listOrderingPage.steps.checkIncludeLablesCheckbox();
+        });
+
+        it('When user adds input to \'Top label\' then it should be displayed at the top of the options in the \'Preview tab\'', () => {
+            listOrderingPage.steps.addInputToTopLabelInputField('Top label');
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listOrderingPage.previewTabTopLabel(), 'Top label');
+            utilities.verifyElementVisibilityState(listOrderingPage.previewTabBottomLabel(), 'hidden');
+            listOrderingPage.steps.switchToEditTab();
+            cy.log('Post step: Clear top label input field')
+            listOrderingPage.steps.clearTopLabelInputField();
+        });
+
+        it('When user adds input to \'Bottom label\' then it should be displayed at the bottom of the options in the \'Preview tab\' ', () => {
+            listOrderingPage.steps.addInputToBottomLabelInputField('Bottom label');
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listOrderingPage.previewTabBottomLabel(), 'Bottom label');
+            utilities.verifyElementVisibilityState(listOrderingPage.previewTabTopLabel(), 'hidden');
+        });
+
+        it('When user adds input to both \'Top label\' and  \'Bottom label\' then it should be displayed at the top and bottom of the options in the \'Preview tab\' respectively', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.addInputToTopLabelInputField('Top label');
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(listOrderingPage.previewTabTopLabel(), 'Top label');
+            utilities.verifyInnerText(listOrderingPage.previewTabBottomLabel(), 'Bottom label');
+        });
+
+        it('When user unchecks the \'Include labels\' checkbox then the labels should not be displayed in the \'Preview tab\'', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.uncheckIncludeLablesCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listOrderingPage.previewTabTopLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(listOrderingPage.previewTabBottomLabel(), 'notExist');
+        });
+    });
+});