itemengine-cypress-automation 1.0.36 → 1.0.37

package/cypress/e2e/ILC/ListSorting/listSortingAdditionalSettingsAnswerNumerationAndOptionStyleDropdown.js

@@ -0,0 +1,319 @@
+import { listSortingPage } from "../../../pages/listSortingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const optionStyleDropdownOptions = ['None', 'Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
+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 sorting: Additional settings - Option style dropdown and answer numeration (only while grading)', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings: Student response area and layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            listSortingPage.steps.expandAdditonalSettings();
+        });
+
+        listSortingPage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
+
+        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
+    });
+
+    describe('Additional settings: Option style dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            listSortingPage.steps.expandAdditonalSettings();
+        });
+
+        it(`\'Option style\' label and dropdown should be displayed and by default, ${optionStyleDropdownOptions[0]} option should be selected in the dropdown`, () => {
+            utilities.verifyInnerText(listSortingPage.optionStyleLabel(), 'Option style');
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleLabel(), 'visible');
+            utilities.verifyInnerText(listSortingPage.optionStyleDropdown(), 'None');
+        });
+
+        it('CSS of Option style section', { tags: 'css' }, () => {
+            utilities.verifyCSS(listSortingPage.optionStyleDropdown(), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(listSortingPage.optionStyleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it(`When user clicks on the Option style dropdown a list of 4 options - ${optionStyleDropdownOptions} should be displayed`, () => {
+            listSortingPage.steps.expandOptionStyleDropdown();
+            listSortingPage.steps.verifyOptionStyleDropdownOptions(optionStyleDropdownOptions);
+        });
+
+        it('CSS of Option style dropdown in active state', { tags: 'css' }, () => {
+            utilities.verifyCSS(listSortingPage.optionStyleDropdownOptions().eq(0), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.liTextSelectedBg
+            });
+            utilities.verifyCSS(listSortingPage.optionStyleDropdownOptions().eq(1), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessbility of Option style dropdown in active state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listSortingPage.dropdownList());
+        });
+    });
+
+    describe('Additional settings: Option style dropdown set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+        });
+
+        it(`When the user selects ${optionStyleDropdownOptions[0]} option from the Option style dropdown and has not selected show correct answer checkbox or check answer button then option numeration should not be displayed in set correct answer section`, () => {
+            utilities.verifyInnerText(listSortingPage.optionStyleDropdown(), `${optionStyleDropdownOptions[0]}`)
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+        });
+
+        it(`When user selects ${optionStyleDropdownOptions[1]} then the numeration should be displayed on the options in set correct answer section`, () => {
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[1]}`);
+            listSortingPage.steps.verifyOptionsNumerationSetCorrectAnswerSection(numbers)
+        });
+
+        it(`When user selects ${optionStyleDropdownOptions[2]} then the numeration should be displayed on the options in set correct answer section`, () => {
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[2]}`);
+            listSortingPage.steps.verifyOptionsNumerationSetCorrectAnswerSection(uppercase)
+        });
+
+        it(`When user selects ${optionStyleDropdownOptions[3]} then the numeration should be displayed on the options in set correct answer section`, () => {
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[3]}`);
+            listSortingPage.steps.verifyOptionsNumerationSetCorrectAnswerSection(lowercase)
+        });
+    });
+
+    describe('Additional settings: Option style dropdown preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+        });
+
+        it(`When the user selects ${optionStyleDropdownOptions[0]} option from the option style dropdown option numeration should be not displayed in the preview tab`, () => {
+            utilities.verifyInnerText(listSortingPage.optionStyleDropdown(), `${optionStyleDropdownOptions[0]}`)
+            listSortingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+        });
+
+        it('When user clicks on \'Show correct answer\' checkbox then the numeration should not be displayed on the options and \'Correct answers:\' section should have \'Answer numeration\'', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+            listSortingPage.steps.verifyCorrectAnswerContainerNumeration(numbers)
+            cy.log('Post step: Uncheck \'Show correct answer\' checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox()
+        });
+
+        it('When user clicks on \'Check answer\' button then the option numeration should not be displayed in the options', () => {
+            listSortingPage.steps.checkAnswer()
+            utilities.verifyElementVisibilityState(listSortingPage.optionNumeration(), 'notExist');
+        });
+
+        it(`When the user selects ${optionStyleDropdownOptions[1]} option from the option style dropdown and has not selected show correct answer checkbox or check answer button then option numeration should be displayed in the preview tab`, () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[1]}`);
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifyOptionsNumerationPreviewTab(numbers)
+        });
+
+        it('When user clicks on \'Show correct answer\' checkbox then the option style numeration should be displayed on the options and \'Correct answers:\' section should have default \'Answer numeration\'', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            listSortingPage.steps.verifyOptionsNumerationPreviewTab(numbers)
+            listSortingPage.steps.verifyCorrectAnswerContainerNumeration(numbers)
+            cy.log('Post step: Uncheck \'Show correct answer\' checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox()
+        });
+
+        listSortingPage.tests.verifyOptionStyleNumerationWhenCheckAnswerIsSelected(numbers)
+
+        it(`When the user selects ${optionStyleDropdownOptions[2]} option from the option style dropdown and has not selected show correct answer checkbox or check answer button then option numeration should be displayed in the preview tab`, () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[2]}`);
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifyOptionsNumerationPreviewTab(uppercase)
+        });
+
+        it('When user clicks on \'Show correct answer\' checkbox then the option style numeration should be displayed on the options and \'Correct answers:\' section should have default \'Answer numeration\'', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            listSortingPage.steps.verifyOptionsNumerationPreviewTab(uppercase)
+            listSortingPage.steps.verifyCorrectAnswerContainerNumeration(numbers)
+            cy.log('Post step: Uncheck \'Show correct answer\' checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox()
+        });
+
+        listSortingPage.tests.verifyOptionStyleNumerationWhenCheckAnswerIsSelected(uppercase)
+
+        it(`When the user selects ${optionStyleDropdownOptions[3]} 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`, () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[3]}`);
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifyOptionsNumerationPreviewTab(lowercase)
+        });
+
+        it('When user clicks on \'Show correct answer\' checkbox then the option style numeration should be displayed on the options and \'Correct answers:\' section should have default \'Answer numeration\'', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            listSortingPage.steps.verifyOptionsNumerationPreviewTab(lowercase)
+            listSortingPage.steps.verifyCorrectAnswerContainerNumeration(numbers)
+            cy.log('Post step: Uncheck \'Show correct answer\' checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox()
+        });
+
+        listSortingPage.tests.verifyOptionStyleNumerationWhenCheckAnswerIsSelected(lowercase);
+    });
+
+    describe('Additional settings: Answer numeration (only while grading) contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            listSortingPage.steps.expandAdditonalSettings();
+        });
+
+        listSortingPage.tests.verifyAnswerNumerationContents();
+    });
+
+    describe('Additional settings: Answer Numeration (only while grading) set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+        });
+
+        listSortingPage.tests.verifyAnswerNumerationFunctionalityInSetCorrectAnswerSection(answerNumerationDropdownOptions)
+    });
+
+    describe('Additional settings: Answer Numeration (only while grading) preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.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`, () => {
+            listSortingPage.steps.switchToEditTab();
+            utilities.verifyInnerText(listSortingPage.answerNumerationDropdown(), `${answerNumerationDropdownOptions[0]}`)
+            listSortingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listSortingPage.optionNumeration(), 'notExist');
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+        });
+
+        it('When user clicks on \'Show correct answer\' checkbox then the numeration should not be displayed on the options and should be displayed in \'Correct answers:\' section', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+            listSortingPage.steps.verifyCorrectAnswerContainerNumeration(numbers)
+            cy.log('Post step: Uncheck \'Show correct answer\' checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox();
+        });
+
+        it('When user clicks on \'Check answer\' button then the numeration should not be displayed in the options', () => {
+            listSortingPage.steps.checkAnswer()
+            utilities.verifyElementVisibilityState(listSortingPage.optionNumeration(), 'notExist');
+        });
+
+        it(`When the user selects ${answerNumerationDropdownOptions[1]} 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`, () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[1]}`);
+            listSortingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listSortingPage.optionNumeration(), 'notExist');
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+        });
+
+        it('When user clicks on \'Show correct answer\' checkbox then the numeration should not be displayed on the options and should be displayed in \'Correct answers:\' section', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+            listSortingPage.steps.verifyCorrectAnswerContainerNumeration(uppercase)
+            cy.log('Post step: Uncheck \'Show correct answer\' checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox();
+        });
+
+        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`, () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[2]}`);
+            listSortingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(listSortingPage.optionNumeration(), 'notExist');
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+        });
+
+        it('When user clicks on \'Show correct answer\' checkbox then the numeration should not be displayed on the options and should be displayed in \'Correct answers:\' section', () => {
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+            utilities.verifyElementVisibilityState(listSortingPage.optionStyleNumeration(), 'notExist');
+            listSortingPage.steps.verifyCorrectAnswerContainerNumeration(lowercase)
+            cy.log('Post step: Uncheck \'Show correct answer\' checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox();
+        });
+    });
+});

package/cypress/e2e/ILC/ListSorting/listSortingAdditionalSettingsBasic.js

@@ -0,0 +1,326 @@
+import { listSortingPage } from "../../../pages/listSortingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const optionStyleDropdownOptions = ['None', 'Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
+const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+let options = ['plant', 'sprout', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page - list sorting: Additional settings basic', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+        });
+
+        listSortingPage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.expandAdditonalSettings();
+        });
+
+        listSortingPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.checkIncludeLablesCheckbox();
+            listSortingPage.steps.addInputToTopLabelInputField('Top label');
+            listSortingPage.steps.addInputToBottomLabelInputField('Bottom label');
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[2]}`);
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the set correct answer section (options, labels) should be changed to ${option}`, () => {
+                listSortingPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
+                listSortingPage.fontSizeDropdown()
+                    .verifyInnerText(`${option}`);
+                utilities.verifyCSS(listSortingPage.setCorrectAnswerSectionOption(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.optionStyleNumeration(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.setCorrectAnswerSectionTopLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.setCorrectAnswerSectionBottomLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.setCorrectAnswerSectionSortedColumnHeader(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.setCorrectAnswerSectionUnsortedColumnHeader(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0)
+                utilities.verifyCSS(listSortingPage.setCorrectAnswerSectionOption(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                cy.log('Post step: Resetting the Set correct answer section')
+                listSortingPage.steps.clickAndDropOptionFromTargetToSourceInSetCorrectAnswerSection('seed', 3)
+            });
+        });
+    });
+
+    describe('Additional settings: Font size Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.checkIncludeLablesCheckbox();
+            listSortingPage.steps.addInputToTopLabelInputField('Top label');
+            listSortingPage.steps.addInputToBottomLabelInputField('Bottom label');
+            listSortingPage.steps.selectOptionStyleDropdownOption(`${optionStyleDropdownOptions[2]}`);
+            listSortingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+        });
+
+        //Failing due - https://redmine.zeuslearning.com/issues/541591
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the set correct answer section (options, labels) should be changed to ${option}`, () => {
+                listSortingPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
+                listSortingPage.fontSizeDropdown()
+                    .verifyInnerText(`${option}`);
+                listSortingPage.steps.switchToPreviewTab()
+                utilities.verifyCSS(listSortingPage.previewTabOption(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.optionStyleNumeration(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.previewTabTopLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.previewTabBottomLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.previewTabSortedColumnHeader(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.previewTabUnsortedColumnHeader(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.previewTabTargetOptionWrapper(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+                utilities.verifyCSS(listSortingPage.previewTabSourceOptionWrapper(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                cy.log('Post step: Resetting the Set correct answer section')
+                listSortingPage.steps.clickAndDropOptionFromTargetToSourceInPreviewTab('seed', 0);
+                cy.log('Font size of Answer numeration and correct answer container when Show correct answer is checked')
+                listSortingPage.steps.checkShowCorrectAnswerCheckbox()
+                utilities.verifyCSS(listSortingPage.optionNumeration(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.correctAnswerContainerAnswerWrapper(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.optionNumeration(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(listSortingPage.correctAnswerContainerCorrectAnswersLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                cy.log('Uncheck Show correct answer checkbox')
+                listSortingPage.steps.uncheckShowCorrectAnswerCheckbox()
+                cy.log('Font size of Answer numeration when Check answer is selected')
+                listSortingPage.steps.checkAnswer()
+                utilities.verifyCSS(listSortingPage.optionStyleNumeration(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                listSortingPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Check answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.expandAdditonalSettings();
+        });
+
+        listSortingPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
+    });
+
+    describe('Additional settings: Check answer functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Autoscored scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.setMaximumCheckAnswerAttempts(2);
+            listSortingPage.steps.switchToPreviewTab()
+        });
+
+        //Need to update once https://redmine.zeuslearning.com/issues/540786 is resolved
+        listSortingPage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted();
+
+        it('When user attempts the question partially correct with some options at the correct position and some at incorrect then on clicking on the Check Answer button, green check-mark icons should be displayed beside the options at the correct position, red cross-mark icons should be displayed beside the options at incorrect position, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed', () => {
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['plant', 'sprout', 'seed', 'flower']);
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            cy.log('Pre step: Resetting the options')
+            listSortingPage.steps.clickAndDropOptionFromTargetToSourceInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromTargetToSourceInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromTargetToSourceInPreviewTab('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromTargetToSourceInPreviewTab('flower', 3);
+        });
+
+        it('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed beside the options at the correct position, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed', () => {
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(correctAnswerArray);
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectAttemptBorder();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+
+        listSortingPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
+
+        //Failing due to https://redmine.zeuslearning.com/issues/547910
+        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            listSortingPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.verifyCheckAnswerButtonEnabled();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['plant', 'sprout', 'seed', 'flower']);
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        it('When the \'Maximum check answer attempts\' input field has value \'0\' and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            listSortingPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
+            cy.log('Switching to Preview tab')
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCheckAnswerButtonEnabled();
+            cy.log('Pre step: Resetting the options')
+            listSortingPage.steps.clickAndDropOptionFromTargetToSourceInPreviewTab('seed', 0);
+            cy.log('Pre step: Attempting the question')
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the \'Maximum check answer attempts\' input field is empty and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.clearMaximumCheckAnswerAttemptsInputField()
+            listSortingPage.steps.switchToPreviewTab();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCheckAnswerButtonEnabled();
+            cy.log('Pre step: Resetting the options')
+            listSortingPage.steps.clickAndDropOptionFromTargetToSourceInPreviewTab('seed', 0);
+            cy.log('Pre step: Attempting the question')
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            listSortingPage.steps.expandAdditonalSettings();
+        });
+
+        listSortingPage.tests.verifyDetailsSection();
+    });
+});