itemengine-cypress-automation 1.0.143-migrationScripts-d059d60.0 → 1.0.144-21MatchRepoUpdate-0ab2c79.0

package/cypress/e2e/ILC/GridFill/previewContentsForAllViews.smoke.js

@@ -0,0 +1,213 @@
+import { gridFillPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Create item page - Grid fill : Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        gridFillPage.steps.navigateToCreateQuestion('grid fill');
+                        cy.barsPreLoaderWait();
+                        gridFillPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                        gridFillPage.steps.allotPoints(5);
+                        gridFillPage.steps.increaseColumnsCount();
+                        gridFillPage.steps.increaseRowsCount();
+                        gridFillPage.steps.expandCustomizeLayoutAccordion();
+                        gridFillPage.steps.shadeCell(0, 0);
+                        gridFillPage.steps.selectHideCellButton();
+                        gridFillPage.steps.hideCell(2);
+                        gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 4);
+                        gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 5);
+                        gridFillPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        gridFillPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    gridFillPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(gridFillPage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                utilities.verifyElementVisibilityState(gridFillPage.questionInstructionsText(), 'visible');
+            });
+
+            it('Grid matrix should be displayed with 4 rows and 6 columns and 24 cells should be present', () => {
+                utilities.verifyElementVisibilityState(gridFillPage.gridWrapperPreviewTab(), 'visible');
+                gridFillPage.steps.verifyRowsCountPreviewTab(4);
+                gridFillPage.steps.verifyColumnsCountPreviewTab(6);
+                utilities.verifyElementCount(gridFillPage.cellInPreviewTab(), 24);
+            });
+
+            it('Cell with \'Hide\' customization should be displayed', () => {
+                gridFillPage.steps.verifyHideCustomizedCellPreviewTab(0, 2);
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+
+                it('Cell with \'Shade\' customization should be displayed', () => {
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
+                });
+
+                it('User should be able to select cell', () => {
+                    gridFillPage.steps.selectCellPreviewTab(0, 4);
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
+                    gridFillPage.steps.selectCellPreviewTab(0, 5);
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
+                    gridFillPage.steps.selectCellPreviewTab(1, 1);
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(1, 1);
+                });
+
+                it('User should be able to unselect cells', () => {
+                    gridFillPage.steps.unselectCellPreviewTab(1, 1);
+                });
+
+                it('When user hovers over cell, then cell should be in interactive state', () => {
+                    utilities.hoverOverElement(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 9));
+                    utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 9), {
+                        'border-color': css.color.activeButtons,
+                        'background-color': css.color.gridCellHoverStateBg
+                    });
+                    utilities.hoverAwayFromElement(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 9));
+                });
+            }
+            else if (view === 'Grading view') {
+                it('Cell with \'Hide\' customization should be displayed', () => {
+                    gridFillPage.steps.verifyHideCustomizedCellPreviewTab(0, 2);
+                });
+
+                it(`The grid fill should be displayed filled with selected correct answer cells and status message \' Your answer is correct\' should be displayed`, () => {
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
+                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 4);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 5);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 5);
+                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 5);
+                    gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                });
+
+                it('Grid fill should not be editable', () => {
+                    gridFillPage.steps.selectCellPreviewTab(1, 3);
+                    gridFillPage.steps.verifyCellNotSelectedPreviewTab(1, 3);
+                });
+
+            } else {
+                it('Cell with \'Hide\' customization should be displayed', () => {
+                    gridFillPage.steps.verifyHideCustomizedCellPreviewTab(0, 2);
+                });
+
+                it(`The grid fill should be displayed filled with selected correct answer cells`, () => {
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 0);
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 4);
+                    gridFillPage.steps.verifyCellSelectedPreviewTab(0, 5);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 0);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 4);
+                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 4);
+                    gridFillPage.steps.verifyCorrectResponseIcon(0, 5);
+                    gridFillPage.steps.verifyCorrectResponseBorder(0, 5);
+                    gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 5);
+                });
+
+                it('Grid fill should not be editable', () => {
+                    gridFillPage.steps.selectCellPreviewTab(1, 3);
+                    gridFillPage.steps.verifyCellNotSelectedPreviewTab(1, 3);
+                });
+            }
+
+            it('CSS of preview contents', { tags: 'css' }, () => {
+                utilities.verifyCSS(gridFillPage.questionInstructionsText(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+                switch (view) {
+                    case 'Question preview':
+                    case 'Item preview':
+                    case 'Item view':
+                    case 'Item preview':
+                    case 'Student view':
+                        utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 4), {
+                            'border-color': css.color.activeHighlightBorder,
+                            'background-color': css.color.gridCellSelectedStateBg
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 2), {
+                            'border-color': css.color.secondaryBtnDisabled,
+                            'background-color': css.color.defaultBackground
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 7), {
+                            'border-color': css.color.activeButtons,
+                            'background-color': css.color.gridCellDefaultStateBg
+                        });
+                        break;
+                    case 'Grading view':
+                    case 'Correct answer view':
+                        utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 4), {
+                            'border-color': css.color.correctAnswer,
+                            'background-color': css.color.gridCellCorrectAnswerBg
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 2), {
+                            'border-color': css.color.secondaryBtnDisabled,
+                            'background-color': css.color.defaultBackground
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), 7), {
+                            'border-color': css.color.figDefaultComponentBorder,
+                            'background-color': css.color.gridCellDefaultStateBg
+                        });
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            it.skip('Accessibility of preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(gridFillPage.questionInstructionsText().parents('[class*="preview"]'));
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/GridFill/scoring/manuallyAndNonScored.js

@@ -0,0 +1,106 @@
+import { gridFillPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+
+describe('Create Item page - Grid fill: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+            gridFillPage.steps.addTextInQuestionInstructionsInputField('grid fill');
+            gridFillPage.steps.expandScoringTypeDropdown();
+            gridFillPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            gridFillPage.steps.switchToPreviewTab();
+        });
+
+        it('Question instructions and grid should be displayed in the preview tab', () => {
+            gridFillPage.steps.verifyQuestionInstructionsTextPreviewTab('grid fill');
+            utilities.verifyElementVisibilityState(gridFillPage.gridWrapperPreviewTab(), 'visible');
+        });
+
+        gridFillPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+            gridFillPage.steps.addTextInQuestionInstructionsInputField('grid fill');
+            gridFillPage.steps.selectCell(0, 4);
+            gridFillPage.steps.selectCell(0, 3);
+            gridFillPage.steps.expandScoringTypeDropdown();
+            gridFillPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            gridFillPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            gridFillPage.steps.switchToPreviewTab();
+        });
+
+        gridFillPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed', () => {
+            gridFillPage.steps.switchToGradingView();
+            gridFillPage.steps.verifyCorrectIncorrectIconsNotExist();
+            gridFillPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icon should be displayed in all incorrect responses, correct icon should be displayed in all correct responses, a status message with text \'Your answer is incorrect\'', () => {
+            gridFillPage.steps.selectCellPreviewTab(0, 2);
+            gridFillPage.steps.switchToGradingView();
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question incorrectly incorrect icons should be displayed in all incorrect responses, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            gridFillPage.steps.checkAnswer();
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed  in the correct answer responses, incorrect icon should be displayed in incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            gridFillPage.steps.resetQuestionPreview();
+            gridFillPage.steps.selectCellPreviewTab(0, 3);
+            gridFillPage.steps.selectCellPreviewTab(0, 2);
+            gridFillPage.steps.switchToGradingView();
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question partially correct, correct icon should be displayed in the correct answer responses, incorrect icon should be displayed in incorrect answer response, status message \'Your answer is incorrect\' should be displayed')
+            gridFillPage.steps.checkAnswer();
+            gridFillPage.steps.verifyCorrectResponseIcon(0,3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyIncorrectResponseIcon(0, 2);
+            gridFillPage.steps.verifyIncorrectResponseBackgroundColor(0, 2);
+            gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+        });
+
+        it('When user attempts the question correctly, on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed in the correct answer responses, a status message with text \'Your answer is correct\'', () => {
+            gridFillPage.steps.resetQuestionPreview();
+            gridFillPage.steps.selectCellPreviewTab(0, 3);
+            gridFillPage.steps.selectCellPreviewTab(0, 4);
+            gridFillPage.steps.switchToGradingView();
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            gridFillPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed in the correct answer responses, status message \'Your answer is correct\' should be displayed')
+            gridFillPage.steps.checkAnswer();
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 3);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 3);
+            gridFillPage.steps.verifyCorrectResponseIcon(0, 4);
+            gridFillPage.steps.verifyCorrectResponseBackgroundColor(0, 4);
+            gridFillPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+    });
+});

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

@@ -0,0 +1,79 @@
+import { dialogBoxBase, gridFillPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - Grid fill: Specify Correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        gridFillPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('grid fill');
+
+        gridFillPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            gridFillPage.steps.navigateToCreateQuestion('grid fill');
+            cy.barsPreLoaderWait();
+        });
+
+        gridFillPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+
+        it('When user has added points and selected grid cells in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
+            gridFillPage.steps.allotPoints(20);
+            gridFillPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        gridFillPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
+            cy.log('Pre-step: Selecting a cell in grid');
+            gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 1);
+            gridFillPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        gridFillPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion();
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the name of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 1);
+            gridFillPage.steps.allotPoints(5);
+            gridFillPage.steps.deleteAlternativeAnswerAccordion(0);
+            gridFillPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+            gridFillPage.steps.verifyAlternativeAnswerAccordionLabel(0);
+        });
+
+        it('When user has not given an input in \'Cell shade count\' then user should not be able to add another alternate accordion', () => {
+            cy.log('Pre-step: Uncheck \'Match exact position of cells\' checkbox');
+            gridFillPage.steps.uncheckMatchExactPositionOfCellsCheckbox();
+            gridFillPage.steps.addAlternativeAnswerAccordion(1);
+            gridFillPage.steps.closeWarningPopup();
+            gridFillPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+        });
+
+        it('\'Error: Please set a correct answer.\' error message should be displayed', () => {
+            utilities.verifyInnerText(gridFillPage.errorMessage(), 'Error: Please set a correct answer.');
+        });
+
+        it('When user has given an input in \'Cell shade count\' then user should be able to add another alternate accordion', () => {
+            gridFillPage.steps.addInputToCellShadeCountInputField(5);
+            gridFillPage.steps.addAlternativeAnswerAccordion(1);
+            gridFillPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+        });
+
+        it('The newly added alternate accordion should be displayed in its default state i.e. with a grid and checked \'Match exact position of cell\' checkbox', () => {
+            gridFillPage.steps.verifyDefaultGridInSpecifyCorrectAnswerSection();
+            gridFillPage.steps.verifyMatchExactPositionOfCellsCheckboxIsChecked();
+        });
+    });
+});

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

@@ -0,0 +1,108 @@
+import { multipleSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Multiple selection - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+        });
+
+        multipleSelectionPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        multipleSelectionPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Multiple selection');
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the edit tab options should change to ${fontSizes[option]} accordingly`, () => {
+                multipleSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(multipleSelectionPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(multipleSelectionPage.optionsText(), {
+                    'font-size': fontSizes[option]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Multiple selection');
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                multipleSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(multipleSelectionPage.fontSizeDropdown(), `${option}`);
+                multipleSelectionPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(multipleSelectionPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(multipleSelectionPage.optionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                multipleSelectionPage.steps.switchToGradingView();
+                utilities.verifyCSS(multipleSelectionPage.optionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                multipleSelectionPage.steps.switchToStudentView();
+                multipleSelectionPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        multipleSelectionPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        multipleSelectionPage.tests.verifyDetailsSection();
+    });
+});