itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesAdditionalSettings.js

@@ -1,294 +0,0 @@
-import { dragAndDropIntoCategoriesPage } from "../../../pages";
-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'];
-
-describe('Create item page: Drag and drop into categories: Additional settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional settings: Response option placement - Contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Response option placement\' label and dropdown should be displayed. By default \'Bottom\' option should be selected in \'Response option placement\'', () => {
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.responseOptionPlacementLabel(), 'Response option placement');
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.responseOptionPlacementLabel(), 'visible');
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.responseOptionPlacementDropdown(), 'Bottom');
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.responseOptionPlacementDropdown(), 'visible');
-        });
-
-        it('CSS of \'Response option placement\' section', { tags: 'css' }, () => {
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.responseOptionPlacementDropdown(), {
-                'border': `1px solid ${css.color.secondaryBtnBorder}`,
-                'background-color': css.color.secondaryBtnBg
-            });
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.responseOptionPlacementDropdown().find('.dropdown-label-text'), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-            });
-        });
-
-        it('When user clicks on \'Response option placement\' dropdown, a list of 4 options should open - Top, Bottom, Left, Right', () => {
-            dragAndDropIntoCategoriesPage.steps.clickOnResponseOptionPlacementDropdown();
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.responseOptionPlacementDropdownListOption(), 'visible');
-            dragAndDropIntoCategoriesPage.steps.verifyResponseOptionPlacementDropdownOptions();
-        });
-
-        it('CSS of \'Response option placement\' dropdown in active state', { tags: 'css' }, () => {
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.responseOptionPlacementDropdownListOption().eq(1), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-                'background-color': css.color.liTextSelectedBg
-            });
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.responseOptionPlacementDropdownListOption().eq(0), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-                'background-color': css.color.transparent
-            });
-        });
-
-        it('Accessibility of \'Response option placement\' dropdown in active state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dragAndDropIntoCategoriesPage.dropdownList());
-        });
-    });
-
-    describe('Additional settings: Response option placement - Preview tab', () => {
-        const dropdownOptions = ['Top', 'Bottom', 'Left', 'Right'];
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            cy.barsPreLoaderWait();
-        });
-
-        dropdownOptions.forEach((dropdownOption) => {
-            it(`When the user selects ${dropdownOption} from the \'Response option placement\' dropdown, then the response options container should be displayed at the \'${dropdownOption}\' in the question preview`, () => {
-                dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-                dragAndDropIntoCategoriesPage.steps.clickOnResponseOptionPlacementDropdown();
-                dragAndDropIntoCategoriesPage.steps.selectResponseOptionPlacementDropdownOption(dropdownOption);
-                dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-                dragAndDropIntoCategoriesPage.steps.verifyResponseOptionPlacementPreviewTab(dropdownOption);
-            });
-        })
-    });
-
-    describe('Additional settings: \'Answer numeration\' (only while grading) - Contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyAnswerNumerationContents();
-    });
-
-    describe('Additional settings: \'Answer numeration\' (only while grading) - Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        it(`When the user selects ${answerNumerationDropdownOptions[0]} option from the \'Answer numeration\' dropdown, then category cell numeration should not be displayed in the \'Set correct answer section\'`, () => {
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.answerNumerationDropdown(), `${answerNumerationDropdownOptions[0]}`)
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.categoryCellNumeration(), 'notExist');
-        });
-
-        it(`When the user selects ${answerNumerationDropdownOptions[1]} option from the \'Answer numeration\' dropdown, then category cell numeration should not be displayed in the \'Set correct answer section\'`, () => {
-            dragAndDropIntoCategoriesPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[1]}`);
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.categoryCellNumeration(), 'notExist');
-        });
-
-        it(`When the user selects ${answerNumerationDropdownOptions[2]} option from the \'Answer numeration\' dropdown, then category cell numeration should not be displayed in the \'Set correct answer section\'`, () => {
-            dragAndDropIntoCategoriesPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[2]}`);
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.categoryCellNumeration(), 'notExist');
-        });
-    });
-
-    describe('Additional settings: \'Answer numeration\' (only while grading) - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.allotPoints('20');
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.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 category cell numeration should not be displayed in the preview tab`, () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.answerNumerationDropdown(), `${answerNumerationDropdownOptions[0]}`)
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.categoryCellNumeration(), 'notExist');
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyCategoryCellsAndCorrectAnswerContainerNumerationWhenShowCorrectAnswerCheckboxIsChecked(numbers);
-
-        dragAndDropIntoCategoriesPage.tests.verifyCategoryCellsNumerationNotDisplayedWhenCheckAnswerIsSelected(numbers)
-
-        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 category cell numeration should not be displayed in the preview tab`, () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[1]}`);
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.categoryCellNumeration(), 'notExist');
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyCategoryCellsAndCorrectAnswerContainerNumerationWhenShowCorrectAnswerCheckboxIsChecked(uppercase);
-
-        dragAndDropIntoCategoriesPage.tests.verifyCategoryCellsNumerationNotDisplayedWhenCheckAnswerIsSelected(uppercase)
-
-        it(`When the user selects ${answerNumerationDropdownOptions[2]} option from the \'Answer numeration\' dropdown and has not selected show correct answer checkbox or check answer button then category cell numeration should not be displayed in the preview tab`, () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[2]}`);
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.categoryCellNumeration(), 'notExist');
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyCategoryCellsAndCorrectAnswerContainerNumerationWhenShowCorrectAnswerCheckboxIsChecked(lowercase);
-
-        dragAndDropIntoCategoriesPage.tests.verifyCategoryCellsNumerationNotDisplayedWhenCheckAnswerIsSelected(lowercase)
-    });
-
-    describe('Additional settings: \'Maximum responses per cell\' - Contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Maximum responses per cell\' label and input field should be displayed. By default, the \'Maximum responses per cell\' input field should be empty', () => {
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.maxResponsePerCellLabel(), 'Maximum responses per cell');
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.maxResponsePerCellLabel(), 'visible');
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.maxResponsePerCellInputField(), 'visible');
-            dragAndDropIntoCategoriesPage.steps.verifyMaxResponsePerCellInputFieldValue('');
-        });
-
-        it('CSS of \'Maximum responses per cell\' contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.maxResponsePerCellLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(dragAndDropIntoCategoriesPage.maxResponsePerCellInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-    });
-
-    describe('Additional settings: \'Maximum responses per cell\' - Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.allotPoints('20');
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-        });
-
-        it('When the user has not entered any value in the \'Maximum response per cell\' input field, the user should be able to set any number of options in a category cell', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Whale', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Platypus', 0);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(0, ['Bat', 'Eagle', 'Whale', 'Platypus']);
-        });
-
-        it('When the user sets a value in the \'Maximum response per cell\' input field, the user should be able to set only the specified number of options in a category cell, the additional options from the previously filled category cells should be automatically removed', () => {
-            dragAndDropIntoCategoriesPage.steps.setMaxResponsePerCell('2');
-            dragAndDropIntoCategoriesPage.steps.verifyMaxResponsePerCellInputFieldValue('2');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Falcon', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Peacock', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Ostrich', 1);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(1, ['Falcon', 'Peacock']);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(0, ['Bat', 'Eagle']);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableResponsesSetCorrectAnswer('drag and drop into categories', ['Platypus', 'Ostrich', 'Whale', 'Parrot', 'Flying squirrel']);
-        });
-
-        it('When user clears the \'Maximum response per cell\' input field, the user should be able to set any number of options in a category cell ', () => {
-            dragAndDropIntoCategoriesPage.steps.clearMaxResponsePerCellInputField();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Parrot', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Platypus', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(2, ['Parrot', 'Platypus', 'Whale']);
-        });
-
-        it('The user should only be able to enter only numeric values in the \'Maximum response per cell\' input field', () => {
-            dragAndDropIntoCategoriesPage.steps.setMaxResponsePerCell('a!1b#c4d');
-            dragAndDropIntoCategoriesPage.steps.verifyMaxResponsePerCellInputFieldValue('14');
-        });
-    });
-
-    describe('Additional settings: \'Maximum responses per cell\' - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.allotPoints('20');
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has not entered any value in the \'Maximum response per cell\' input field, the user should be able to attempt with any number of options in a category cell in the preview tab', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 0);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfPreviewTab(0, ['Bat', 'Eagle', 'Whale', 'Platypus']);
-        });
-
-        it('When the user sets a value in the \'Maximum response per cell\' input field, the user should be able to attempt with only the specified number of options in a category cell in the preview tab', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.setMaxResponsePerCell('2');
-            dragAndDropIntoCategoriesPage.steps.verifyMaxResponsePerCellInputFieldValue('2');
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Falcon', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Peacock', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Ostrich', 1);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfPreviewTab(1, ['Falcon', 'Peacock']);
-        });
-
-        it('When user clears the \'Maximum response per cell\' input field, the user should be able to attempt with any number of options in a category cell in the preview tab ', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.clearMaxResponsePerCellInputField();
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Falcon', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Peacock', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Ostrich', 1);
-            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfPreviewTab(1, ['Falcon', 'Peacock', 'Ostrich']);
-        });
-    });
-});

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesAdditionalSettingsBasic.js

@@ -1,307 +0,0 @@
-import { dragAndDropIntoCategoriesPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const optionsArray = ['Bat', 'Eagle', 'Parrot', 'Whale'];
-const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
-
-describe('Create item page: Drag and drop into categories: Additional settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional settings accordion', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyAdditonalSettingsAccordionProperties();
-    });
-
-    describe('Additional settings: Student response area and layout', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Drag and drop into categories question type');
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
-
-        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
-    });
-
-    describe('Additional settings: Font size - Contents', () => {
-        abortEarlySetup();
-        before(() => {
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyFontSizeSectionContents();
-    });
-
-    //Note: Will need to work on the font size describes after https://redmine.zeuslearning.com/issues/543473 gets resolved
-    describe('Additional settings: Font size - Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.enterTextInRowHeadingInputField('Row heading');
-        });
-
-        Object.keys(fontSizes).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 ${fontSizes[option]}`, () => {
-                dragAndDropIntoCategoriesPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
-                dragAndDropIntoCategoriesPage.fontSizeDropdown()
-                    .verifyInnerText(`${option}`);
-                dragAndDropIntoCategoriesPage.setCorrectAnswerDraggableOptionsWrapper('drag and drop into categories')
-                    .within(() => {
-                        utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.draggableOptionText(), 0), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                dragAndDropIntoCategoriesPage.setCorrectAnswerSectionCategoryGrid()
-                    .within(() => {
-                        utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.draggableOptionText(), 0), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.setCorrectAnswerSectionCategoryTitle(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.setCorrectAnswerSectionRowTitle(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.rowHeadingSetCorrectAnswerSection(), {
-                    'font-size': fontSizes[option]
-                });
-            });
-        });
-    });
-
-    describe('Additional settings: Font size - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        Object.keys(fontSizes).forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${fontSizes[option]} in the preview tab Answer table`, () => {
-                dragAndDropIntoCategoriesPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
-                utilities.verifyInnerText(dragAndDropIntoCategoriesPage.fontSizeDropdown(), `${option}`);
-                dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.questionInstructionsText(), {
-                    'font-size': fontSizes[option]
-                });
-                dragAndDropIntoCategoriesPage.previewTabDraggableOptionsWrapper('drag and drop into categories')
-                    .within(() => {
-                        utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.draggableOptionText(), 0), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-                dragAndDropIntoCategoriesPage.previewTabCategoryGrid()
-                    .within(() => {
-                        utilities.verifyCSS(utilities.getNthElement(dragAndDropIntoCategoriesPage.draggableOptionText(), 0), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.previewTabCategoryTitle(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.previewTabRowTitle(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.rowHeadingPreviewTab(), {
-                    'font-size': fontSizes[option]
-                });
-                cy.log('Font size of answer numeration and correct answer container when show correct answer is checked')
-                dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
-                dragAndDropIntoCategoriesPage.previewTabCategoryGrid()
-                    .within(() => {
-                        utilities.verifyCSS(dragAndDropIntoCategoriesPage.categoryCellNumeration(), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswerLabel(), {
-                    'font-size': fontSizes[option]
-                });
-                dragAndDropIntoCategoriesPage.correctAnswerContainer()
-                    .within(() => {
-                        utilities.verifyCSS(dragAndDropIntoCategoriesPage.categoryCellNumeration(), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                dragAndDropIntoCategoriesPage.correctAnswerContainer()
-                    .within(() => {
-                        utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswerOption(), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                cy.log('Uncheck show correct answer checkbox')
-                dragAndDropIntoCategoriesPage.steps.uncheckShowCorrectAnswerCheckbox()
-                cy.log('Font size of answer numeration when check answer is selected')
-                dragAndDropIntoCategoriesPage.steps.checkAnswer()
-                dragAndDropIntoCategoriesPage.previewTabCategoryGrid()
-                    .within(() => {
-                        utilities.verifyCSS(dragAndDropIntoCategoriesPage.categoryCellNumeration(), {
-                            'font-size': fontSizes[option]
-                        });
-                    });
-                dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            });
-        });
-    });
-
-    describe('Additional settings: Check answer', () => {
-        abortEarlySetup();
-        before(() => {
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
-    });
-
-    describe('Additional settings: Check answer - Functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.setQuestion();
-            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-            dragAndDropIntoCategoriesPage.steps.setMaximumCheckAnswerAttempts(2);
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted();
-
-        it('When the user attempts the question partially correct, then on clicking on the \'Check answer\' button, green check-mark icon should be displayed besides the correct response, red cross-mark should be displayed besides incorrect response and \'Incorrect answer\' label should be displayed below the question preview', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 3);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 2);
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
-            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(3);
-            dragAndDropIntoCategoriesPage.steps.verifyIncorrectAttemptBorder();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-            cy.log('Dropping the options back to the options container')
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Whale');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Platypus');
-        });
-
-        it('When the user attempts the question correctly, then on clicking on the \'Check answer\' button, green check-mark icon should be displayed besides the correct response and \'Correct answer\' label should be displayed below the question preview', () => {
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(2);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(3);
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAttemptBorder();
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
-
-        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            dragAndDropIntoCategoriesPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.verifyCheckAnswerButtonEnabled();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 3);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 2);
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.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', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            dragAndDropIntoCategoriesPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
-            cy.log('Switching to Preview tab')
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 3);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 2);
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyCheckAnswerButtonEnabled();
-            cy.log('Dropping the options back to the options container')
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Whale');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Platypus');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.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', () => {
-            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
-            dragAndDropIntoCategoriesPage.steps.clearMaximumCheckAnswerAttemptsInputField()
-            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 3);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 2);
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyCheckAnswerButtonEnabled();
-            cy.log('Dropping the options back to the options container')
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Whale');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Platypus');
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 2);
-            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 3);
-            dragAndDropIntoCategoriesPage.steps.checkAnswer();
-            dragAndDropIntoCategoriesPage.steps.verifyCheckAnswerButtonEnabled();
-        });
-    });
-
-    describe('Additional settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
-            cy.barsPreLoaderWait();
-            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
-        });
-
-        dragAndDropIntoCategoriesPage.tests.verifyDetailsSection();
-    });
-});