itemengine-cypress-automation 1.0.158-migrationScripts-2432c9a.0 → 1.0.158

package/cypress/e2e/ILC/Matching/Scoring/partialEqualWeightsWithAlternativePointsGreaterThanCorrectPoints.js

@@ -116,7 +116,7 @@ describe('Create item page - Matching: Partial equal weights with alternative an
             matchingPage.steps.verifyCorrectAnswerSectionNotExists();
         });
 
-        it.skip('When the user attempts the question partially correct with all the responses correct as per the alternative accordion but one response incomplete, then the user should be awarded points of the correctly attempted responses and on switching to \'Grading\' view, correct icon should be displayed besides the response from the correct accordion, and no icon should be displayed beside unattempted response, a status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+        it('When the user attempts the question partially correct with all the responses correct as per the alternative accordion but one response incomplete, then the user should be awarded points of the correctly attempted responses and on switching to \'Grading\' view, correct icon should be displayed besides the response from the correct accordion, and no icon should be displayed beside unattempted response, a status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
             matchingPage.steps.resetQuestionPreview();
             matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Cat', dropzoneIndex: 2 }])
             matchingPage.steps.verifyPreviewScore(10, 15);

package/cypress/e2e/ILC/Matching/draggableOptions.js

@@ -43,6 +43,23 @@ describe('Create Item page - Matching: Draggable options section', () => {
 
         matchingPage.tests.verifyEnabledDeleteButtonAndTooltip();
 
+        it('Dropzone column header label and input field should be displayed and by default it should be empty', () => {
+            utilities.verifyInnerText(matchingPage.dropzoneColumnHeaderLabel(), 'Dropzone column header');
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnHeaderLabel(), 'visible');
+            utilities.verifyInnerText(matchingPage.dropzoneColumnHeaderInputField(), '');
+        });
+
+        it('User should be able to enter text in dropzone column header input field', () => {
+            matchingPage.steps.enterTextInDropzoneColumnHeaderInputField('Header');
+            matchingPage.steps.verifyTextInDropzoneColumnHeaderInputField('Header');
+        });
+
+        it('When user clears text in dropzone column input field then input field should be empty and error message should not be displayed', () => {
+            matchingPage.steps.clearAndFocusOutOfDropzoneColumnHeaderInputField();
+            matchingPage.steps.verifyTextInDropzoneColumnHeaderInputField('');
+            matchingPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
         it('When user clicks on the \'Delete\' option button then the respective options input field should get deleted and option numeration should change accordingly', () => {
             cy.log('Pre step: Adding text in all option input fields')
             matchingPage.steps.enterTextInOneOptionInputField(1, 'option 2');
@@ -66,6 +83,21 @@ describe('Create Item page - Matching: Draggable options section', () => {
 
         matchingPage.tests.verifyDraggableOptionsForStandardLayoutInSpecifyCorrectAnswerSection();
 
+        it('When dropzone column header input field is empty, then dropzone column header should not be displayed in specify correct answer section', () => {
+            utilities.verifyInnerText(matchingPage.dropzoneColumnHeaderInputField(), '');
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperSpecifyCorrectAnswerSection(), 'notExist');
+        });
+
+        it('When user enters text in dropzone column header input field in edit tab, then dropzone column header should be displayed in specify correct answer section', () => {
+            matchingPage.steps.enterTextInDropzoneColumnHeaderInputField('Header');
+            matchingPage.steps.verifyDropzoneColumnHeaderTextSpecifyCorrectAnswerSection('Header');
+        });
+
+        it('When user clears text in dropzone column header input field then dropzone column header should be removed in specify correct answer section', () => {
+            matchingPage.steps.clearAndFocusOutOfDropzoneColumnHeaderInputField();
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperSpecifyCorrectAnswerSection(), 'notExist');
+        });
+
         it('When the user deletes an option, then the deleted option should get removed from the options container as well as from the dropzone (if any) in the \'Specify correct answer section\' section', () => {
             const optionsAfterDeleting = options.filter((el) => el !== 'option 3');
             cy.log('Setting a correct answer option')
@@ -136,6 +168,27 @@ describe('Create Item page - Matching: Draggable options section', () => {
             utilities.verifyElementCount(matchingPage.groupTab(), 2);
             matchingPage.steps.verifyGroupTabLabel(1);
         });
+
+        it('When dropzone column header input field is empty, then dropzone column header should not be displayed in preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            utilities.verifyInnerText(matchingPage.dropzoneColumnHeaderInputField(), '');
+            matchingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperPreviewTab(), 'notExist');
+        });
+
+        it('When user enters text in dropzone column header input field in edit tab, then dropzone column header should be displayed in preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.enterTextInDropzoneColumnHeaderInputField('Header');
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.verifyDropzoneColumnHeaderTextPreviewTab('Header');
+        });
+
+        it('When user clears text in dropzone column header input field then dropzone column header should be removed in preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.clearAndFocusOutOfDropzoneColumnHeaderInputField();
+            matchingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperPreviewTab(), 'notExist');
+        });
     });
 
     describe('Grouped options layout - Specify correct answer section contents', () => {

package/cypress/e2e/ILC/Matching/questionInstructionsAndPromptSection.js

@@ -0,0 +1,302 @@
+import { matchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const promptArray = ['Land pollution', 'Water pollution', 'Air pollution'];
+
+describe('Create Item page - Matching : Question Instructions and prompt section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Matching question type');
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        matchingPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question Instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Matching question type');
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        matchingPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Prompt - Edit tab prompt section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Matching question type');
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Prompt\' label should be displayed', () => {
+            utilities.verifyInnerText(matchingPage.promptLabel(), 'Prompt');
+        });
+
+        it('By default, 3 \'Prompt\' input fields should be displayed with placeholder text and numeration, Drag handle and Delete option icon buttons should be displayed besides each input field', () => {
+            utilities.verifyElementCount(matchingPage.promptInputField(), 3);
+            for (let index = 0; index < 3; index++) {
+                matchingPage.steps.verifyPromptContents(index);
+            }
+        });
+
+        it('CSS of prompt section', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.promptLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            })
+           utilities.getNthElement( matchingPage.promptInputFieldWrapper(),0)
+                .within(() => {
+                    utilities.verifyCSS(matchingPage.dragHandleButton(), {
+                        'color': css.color.secondaryBtnActive,
+                        'font-size': css.fontSize.normal,
+                        'font-weight': css.fontWeight.regular
+                    });
+                    matchingPage.deletePromptButton()
+                        .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
+                    utilities.verifyCSS(matchingPage.promptNumeration(), {
+                        'color': css.color.labels,
+                        'font-size': css.fontSize.default,
+                        'font-weight': css.fontWeight.semibold
+                    });
+                });
+            utilities.verifyCSS(matchingPage.promptLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(utilities.getNthElement( matchingPage.promptInputField(),0), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('On hovering over the drag handle of the prompt, \'Drag to reorder\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the drag handle', () => {
+            utilities.getNthElement(matchingPage.dragHandleButton(), 0)
+                .verifyTooltip('Drag to reorder');
+        });
+
+        it('When the user hovers over the enabled \'Delete\' icon buttons then, \'Delete prompt\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
+            utilities.getNthElement(matchingPage.deletePromptButton(), 0)
+                .verifyTooltip('Delete prompt');
+        });
+
+        it('When user clicks on the \'Delete\' question prompt button then the respective options input field should get deleted, option numeration should change accordingly and delete option icon buttons should be displayed in disabled state', () => {
+            matchingPage.steps.deletePrompt(0);
+            utilities.verifyElementCount(matchingPage.promptInputField(), 2);
+            for (let index = 0; index < 2; index++) {
+                matchingPage.steps.verifyPromptContents(index)
+            }
+            utilities.verifyElementDisabled(utilities.getNthElement(matchingPage.deletePromptButton(), 0));
+            utilities.verifyElementDisabled(utilities.getNthElement(matchingPage.deletePromptButton(), 1));
+        });
+
+        it('When the user hovers over the disabled \'Delete\' icon buttons then, \'Minimum two prompts are required\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
+            matchingPage.steps.verifyTooltipText(matchingPage.deletePromptButton, 'Minimum two prompts are required');
+        });
+
+        it('\'Add prompt\' button should be present', () => {
+            utilities.verifyInnerText(matchingPage.addPromptButton(), 'Add prompt');
+        });
+
+        it('When user adds a question prompt using the \'Add prompt\' button then added prompt should be displayed with drag handle, placeholder text, option numeration and delete button', () => {
+            matchingPage.steps.addPrompt()
+            matchingPage.steps.verifyPromptContents(2);
+        });
+
+        it('When user focus in and out of any of the \'Prompt\' input field without typing anything, then an error message \'Error: Prompt is required\' should be displayed', () => {
+            matchingPage.steps.focusInAndFocusOutOfPromptInputField(1);
+            utilities.verifyInnerText(matchingPage.errorMessage(), 'Error: Prompt is required');
+            utilities.verifyElementVisibilityState(matchingPage.errorMessage(), 'visible');
+        });
+
+        it('CSS of error message', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of error message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(matchingPage.errorMessage());
+        });
+
+        it('When user enters text in question prompt input field then error message should disappear', () => {
+            matchingPage.steps.enterTextInPromptInputField(promptArray);
+            matchingPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('Prompt header label and input field should be displayed and by default it should be empty', () => {
+            utilities.verifyInnerText(matchingPage.promptHeaderLabel(), 'Prompt header');
+            utilities.verifyElementVisibilityState(matchingPage.promptHeaderLabel(), 'visible');
+            utilities.verifyInnerText(matchingPage.promptHeaderInputField(), '');
+        });
+
+        it('User should be able to enter text in prompt header input field', () => {
+            matchingPage.steps.enterTextInPromptHeaderInputField('Header');
+            matchingPage.steps.verifyTextInPromptHeaderInputField('Header');
+        });
+
+        it('When user clears text in prompt header input field then input field should be empty and error message should not be displayed', () => {
+            matchingPage.steps.clearAndFocusOutOfPromptHeaderInputField();
+            matchingPage.steps.verifyTextInPromptHeaderInputField('');
+            matchingPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+    });
+
+    describe('Prompt - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Matching question type');
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When user clicks on the \'Delete\' question prompt button then deleted prompt should not be displayed in the \'Specify correct answer\' section table', () => {
+            matchingPage.steps.deletePrompt(0);
+            utilities.verifyElementCount(matchingPage.promptSpecifyCorrectAnswerSection(), 2);
+        });
+
+        it('When user adds a question prompt using the \'Add prompt\' button then added prompt should be displayed in the \'Specify correct answer\' section', () => {
+            matchingPage.steps.addPrompt();
+            utilities.verifyElementCount(matchingPage.promptSpecifyCorrectAnswerSection(), 3);
+        });
+
+        it('By default, prompt fields in specify correct answer section should be empty', () => {
+            matchingPage.steps.verifyPromptContainerSpecifyCorrectAnswerSection([{ index: 0, optionText: '' }, { index: 1, optionText: '' }, { index: 2, optionText: '' }]);
+        });
+
+        it('When user adds text to all the prompt input field, the added text should be displayed in the set correct answer section section in the prompt fields', () => {
+            matchingPage.steps.enterTextInPromptInputField(promptArray);
+            promptArray.forEach((promptText, index) => {
+                matchingPage.steps.verifyPromptContainerSpecifyCorrectAnswerSection([{ index: index, optionText: promptText }]);
+            });
+        });
+
+        it('When user removes text from a prompt input field, the text should also be removed from the prompt field in the set correct answer section', () => {
+            matchingPage.steps.clearPromptInputField(0);
+            matchingPage.steps.verifyPromptContainerSpecifyCorrectAnswerSection([{ index: 0, optionText: '' }, { index: 1, optionText: 'Water pollution' }, { index: 2, optionText: 'Air pollution' }]);
+        });
+
+        it('When prompt header input field is empty, then prompt header should not be displayed in specify correct answer section', () => {
+            utilities.verifyInnerText(matchingPage.promptHeaderInputField(), '');
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperSpecifyCorrectAnswerSection(), 'notExist');
+        });
+
+        it('When user enters text in prompt header input field in edit tab, then prompt header should be displayed in specify correct answer section', () => {
+            matchingPage.steps.enterTextInPromptHeaderInputField('Header');
+            matchingPage.steps.verifyPromptHeaderTextSpecifyCorrectAnswerSection('Header');
+        });
+
+        it('When user clears text in prompt header input field then prompt header should be removed in specify correct answer section', () => {
+            matchingPage.steps.clearAndFocusOutOfPromptHeaderInputField();
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperSpecifyCorrectAnswerSection(), 'notExist');
+        });
+
+        it('CSS of \'Specify correct answer\' section prompt', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.promptSpecifyCorrectAnswerSection(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Specify correct answer\' section prompt fields', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(matchingPage.promptSpecifyCorrectAnswerSection());
+        });
+    });
+
+    describe('Prompt - Preview tab section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Matching question type');
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('By default, 3 question prompt should be displayed and all the containers should be empty', () => {
+            utilities.verifyElementCount(matchingPage.promptContainerPreviewTab(), 3);
+            matchingPage.steps.verifyPromptContainerPreviewTab([{ index: 0, optionText: '' }, { index: 1, optionText: '' }, { index: 2, optionText: '' }]);
+        });
+
+        it('When user deletes a question prompt then the deleted prompt should not be displayed in the \'Preview\' tab table', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.deletePrompt(0);
+            matchingPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(matchingPage.promptContainerPreviewTab(), 2);
+        });
+
+        it('When user adds a question prompt using the \'Add prompt\' button then added prompt should be displayed in the \'Preview\' tab table', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.addPrompt();
+            matchingPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(matchingPage.promptContainerPreviewTab(), 3);
+        });
+
+        it('When user adds text to all the question prompt input field, the added text should be displayed in the Preview tab table under the Question prompt column', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.enterTextInPromptInputField(promptArray);
+            matchingPage.steps.switchToPreviewTab();
+            promptArray.forEach((promptText, index) => {
+                matchingPage.steps.verifyPromptContainerPreviewTab([{ index: index, optionText: promptText }]);
+            });
+        });
+
+        it('When user removes text from a prompt input field, the text should also be removed from the prompt field in the preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.clearPromptInputField(0);
+            matchingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(matchingPage.promptContainerPreviewTab(), '');
+        });
+
+        it('When prompt header input field is empty, then prompt header should not be displayed in preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            utilities.verifyInnerText(matchingPage.promptHeaderInputField(), '');
+            matchingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperPreviewTab(), 'notExist');
+        });
+
+        it('When user enters text in prompt header input field in edit tab, then prompt header should be displayed in preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.enterTextInPromptHeaderInputField('Header');
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.verifyPromptHeaderTextPreviewTab('Header');
+        });
+
+        it('When user clears text in prompt header input field then prompt header should be removed in preview tab', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.clearAndFocusOutOfPromptHeaderInputField();
+            matchingPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperPreviewTab(), 'notExist');
+        });
+
+        it('CSS of added prompt in \'Preview\' tab table', { tags: 'css' }, () => {
+            utilities.verifyCSS(matchingPage.promptContainerPreviewTab().find('.question-text-wrapper'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(matchingPage.promptContainerPreviewTab(), {
+                'border': `1px solid ${css.color.titleContainerBorder}`
+            })
+        });
+
+        it('Accessibility of \'Preview\' tab prompt fields', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(matchingPage.previewTabQuestionWrapper());
+        });
+    });
+});

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

@@ -0,0 +1,146 @@
+import { multipleSelectionGridPage } 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 headingFontSizes = { 'Tiny': '13.5px', 'Small': '15.75px', 'Default': '18px', 'Normal': '20.25px', 'Big': '24.75px', 'Huge': '29.25px' };
+
+describe('Multiple selection grid - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionGridPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        multipleSelectionGridPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+            multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the question grid in the specify correct answer section should change to ${fontSizes[option]} accordingly`, () => {
+                multipleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(multipleSelectionGridPage.fontSizeDropdown(), `${option}`);
+                multipleSelectionGridPage.gridSpecifyCorrectAnswerSection()
+                    .within(() => {
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 3).find('.question-text-wrapper'), {
+                            'font-size': headingFontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 6).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 9).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                    });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+            multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.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`, () => {
+                multipleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(multipleSelectionGridPage.fontSizeDropdown(), `${option}`);
+                multipleSelectionGridPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(multipleSelectionGridPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                multipleSelectionGridPage.gridPreviewTab()
+                    .within(() => {
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 3).find('.question-text-wrapper'), {
+                            'font-size': headingFontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 6).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 9).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                    });
+                multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }])
+                multipleSelectionGridPage.steps.switchToGradingView();
+                utilities.verifyCSS(multipleSelectionGridPage.correctAnswersSectionLabel(), {
+                    'font-size': fontSizes[option]
+                });
+                multipleSelectionGridPage.correctAnswerGrid()
+                    .within(() => {
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 3).find('.question-text-wrapper'), {
+                            'font-size': headingFontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 6).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                        utilities.verifyCSS(utilities.getNthElement(multipleSelectionGridPage.tableCell(), 9).find('.question-text-wrapper'), {
+                            'font-size': fontSizes[option]
+                        });
+                    });
+                utilities.verifyCSS(multipleSelectionGridPage.correctIncorrectStatusMessageText(), {
+                    'font-size': fontSizes[option]
+                });
+                multipleSelectionGridPage.steps.switchToStudentView();
+                multipleSelectionGridPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        multipleSelectionGridPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.expandAdditionalSettings();
+        });
+
+        multipleSelectionGridPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/MultipleSelectionGridNew/headerSection.js

@@ -0,0 +1,83 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, multipleSelectionGridPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create item page - Multiple selection grid: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+        });
+
+        multipleSelectionGridPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Multiple selection grid');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+        });
+
+        multipleSelectionGridPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+        });
+
+        multipleSelectionGridPage.tests.verifyCancelButton('multiple selection grid')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                multipleSelectionGridPage.steps.verifyQuestionInstructionsErrorMessage();
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionGridPage.errorMessage(), 1), 'Error: Please enter some text.');
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionGridPage.errorMessage(), 2), 'Error: Please enter points.');
+                for (let index = 1; index < 4; index++) {
+                    multipleSelectionGridPage.steps.verifyErrorIconInSpecifyColumnsAndRowsGrid(index);
+                }
+                multipleSelectionGridPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                multipleSelectionGridPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+                multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+                multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+                multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+                multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+                multipleSelectionGridPage.steps.allotPoints(10);
+                for (let index = 1; index < 4; index++) {
+                    multipleSelectionGridPage.steps.verifyErrorIconInSpecifyColumnsAndRowsGridNotExists(index);
+                }
+                multipleSelectionGridPage.steps.verifyErrorMessageIsNotDisplayed();
+                multipleSelectionGridPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            multipleSelectionGridPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                multipleSelectionGridPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            multipleSelectionGridPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});