itemengine-cypress-automation 1.0.47 → 1.0.48

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextAdditionalSettings.js

@@ -1,17 +1,8 @@
 import { specialOrMathCharacters } from "../../../fixtures/specialAndMathCharacters";
-import { dialogBoxBase, fillInTheGapsOverImageTextPage } from "../../../pages";
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let customSpecialCharacters = [':', ')', '`']
-const correctTabAnswerArray = ['Flower', 'Leaf'];
-const incorrectAnswerArray = ['Root', 'Branch'];
-const numbers = ['1', '2'];
-const lowercase = ['a', 'b'];
-const uppercase = ['A', 'B'];
-const answerNumerationDropdownOptions = ['Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
-const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
-const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
 let symbolsString = specialOrMathCharacters['specialCharacters'].characters.map((icon) => icon.symbol);
 symbolsString = symbolsString.join('');
 
@@ -20,16 +11,6 @@ describe('Fill In the gaps over image - text - Additional settings', () => {
         cy.loginAs('admin');
     });
 
-    describe('Additional settings accordion', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyAdditonalSettingsAccordionProperties();
-    });
-
     describe('Additional settings: Placeholder text - Contents and set correct answer section', () => {
         abortEarlySetup();
         before(() => {
@@ -466,1123 +447,4 @@ describe('Fill In the gaps over image - text - Additional settings', () => {
             fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldPreviewTab(0, '400px');
         });
     });
-
-    //Failing due to https://redmine.zeuslearning.com/issues/546981
-    //Failing due to https://redmine.zeuslearning.com/issues/546987
-    describe('Additional settings - \'Advanced settings for individual response area\' section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        it('When the user has not added any response container, response accordion should not be displayed', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionWrapper(), 'notExist');
-        });
-
-        it('When the user adds response container, \'Advanced settings for individual response area\' label along with response accordion should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.responseAccordionWrapper(), 2);
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.advanceSettingForIndividualResponsesLabel(), 'Advanced settings for individual response area');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.advanceSettingForIndividualResponsesLabel(), 'visible');
-        });
-
-        it('The response accordion should have a label \'Response #\', by default the response accordion should be collapsed and by clicking on the response accordion, user should be able to expand the accordion', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionLabel(0);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionLabel(1);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionCollapsedState(0);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionCollapsedState(1);
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(0);
-        });
-
-        it('\'Placeholder text\' label and input field should be displayed and by default, the input field should be empty', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderTextLabelAndInputFieldResponseAccordion(0);
-        });
-
-        it('\'Type of answer input\' label and dropdown should be displayed and in \'Type of answer input\' dropdown \'Text\' option should be selected by default', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyTypeOfAnswerLabelAndDropdownResponseAccordion(0);
-        });
-
-        it('\'Pointer\' label and dropdown should be displayed and in \'Type of answer input\' dropdown \'Left\' option should be selected by default', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyPointerLabelAndDropdownResponseAccordion(0);
-        });
-
-        it('\'Height (px)\' and \'Width (px)\' labels and input fields should be displayed and by default, the input fields should be empty', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyHeightAndWidthLabelAndInputFieldResponseAccordion(0);
-        });
-
-        //Note: The CSS of labels and response fields are being verified in their respective describes, so not verifying them here again
-
-        it('Accessibility of \'Advanced settings for individual response area\' section contents', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.responseAccordionWrapper());
-        });
-    });
-
-    describe('Response accordions: Placeholder text - Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(1);
-        });
-
-        it('When the user has not set placeholder text in the Response accordion then placeholder should not be displayed in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseFieldNotExists(0);
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseFieldNotExists(1);
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyCustomLabelNotVisibleOnResponseAccordion('Placeholder text');
-
-        it('When the user has set a placeholder text in either response accordion then a placeholder text should be displayed for the respective response in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.setPlaceholderTextInResponseAccordion(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseField(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseFieldNotExists(1);
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyCustomLabelVisibleOnResponseAccordion('Placeholder text');
-
-        it('CSS of Custom label', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseAccordionCustomLabel(), {
-                'color': css.color.activeButtons,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.medium,
-                'border': `1px solid ${css.color.primaryBtnBorder}`
-            });
-        });
-
-        it('When the user removes the placeholder text from the individual responses, then the placeholder attribute of the response fields should get updated accordingly in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.clearPlaceholderTextInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseFieldNotExists(0);
-        });
-
-        it('When the user has set placeholder text in the individual response areas, then it should override the placeholder text set in the \'Advanced settings for all response areas\' in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.setResponseFieldPlaceholderTextGlobal('Global placeholder');
-            fillInTheGapsOverImageTextPage.steps.setPlaceholderTextInResponseAccordion(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseField(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseField(1, 'Global placeholder');
-        });
-
-        //Note: not possible to check css of placeholder since it is added as an attribute, properties of placeholder is not visible in dev tools
-
-        it('Accessibility of \'Placeholder text\' in \'Set correct answer\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.responseFieldSetCorrectAnswerSection().parents('.response-input-field'));
-        });
-
-        it('When the user enters text in the response field, then the placeholder text should disappear and on clearing the input field the placeholder text should re-appear for the set correct answer section', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Flower');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseFieldNotExists(0);
-            fillInTheGapsOverImageTextPage.steps.clearResponseFieldSetCorrectAnswerSection(0);
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseField(0, 'Enter response here');
-        });
-
-        it('When the user clears the placeholder text input field, the placeholder text should get removed from the set correct answer section response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.clearPlaceholderTextInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInSetCorrectAnswerSectionResponseFieldNotExists(0);
-        });
-    });
-
-    describe('Response accordions: Placeholder text - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(0)
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(1)
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has not set placeholder text in the Response accordion then placeholder should not be displayed in preview tab response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseFieldNotExists(0);
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseFieldNotExists(1);
-        });
-
-        it('When the user has set a placeholder text in either individual response accordion a placeholder text should be displayed for the respective response in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setPlaceholderTextInResponseAccordion(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseField(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseFieldNotExists(1);
-        });
-
-        it('When the user removes the placeholder text from individual responses the Placeholders should get updated accordingly for both the responses in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clearPlaceholderTextInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseFieldNotExists(0);
-        });
-
-        it('When the user has set placeholder text in the individual response area, then it should override the placeholder text set in the \'Advanced settings for all response areas\' in the preview tab response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setResponseFieldPlaceholderTextGlobal('Global placeholder');
-            fillInTheGapsOverImageTextPage.steps.setPlaceholderTextInResponseAccordion(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseField(0, 'Enter response here');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseField(1, 'Global placeholder');
-        });
-
-        //Note: not possible to check css of placeholder since it is added as an attribute, properties of placeholder is not visible in dev tools
-
-        it('Accessibility of \'Placeholder text\' in preview tab', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.responseFieldPreviewTab().parents('.response-input-field'))
-        });
-
-        it('When the user enters text in the response field, then the placeholder text should disappear and on clearing the input field the placeholder text should re-appear in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'Flower');
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseFieldNotExists(0);
-            fillInTheGapsOverImageTextPage.steps.clearResponseFieldPreviewTab(0);
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseField(0, 'Enter response here');
-        });
-
-        it('When the user clears the placeholder text input field, the placeholder text should get removed from the preview tab response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clearPlaceholderTextInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyPlaceholderAttributeInPreviewTabResponseFieldNotExists(0);
-        });
-    });
-
-    //Failing due to https://redmine.zeuslearning.com/issues/547573
-    describe('Response accordions: Type of answer input - Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(1);
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyCustomLabelNotVisibleOnResponseAccordion('Type of answer input');
-
-        it('When the user has set \'Text\' option in the response accordion, then user should be able to enter alpha-numeric characters in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.clickOnTypeOfAnswerDropdownInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.selectTypeOfAnswerDropdownOption('Text');
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'Response 1');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(0, 'Response 1');
-        });
-
-        it('When the user has set \'Number\' option the response accordion, then user should be able to enter only numeric characters in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.clickOnTypeOfAnswerDropdownInResponseAccordion(1);
-            fillInTheGapsOverImageTextPage.steps.selectTypeOfAnswerDropdownOption('Number');
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, 'Response 1');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(1, '1');
-        });
-
-        it('When the user has set \'Number\' option in the \'Advanced settings for all response areas\' then both the options in the Response accordions should change to \'Number\'', () => {
-            fillInTheGapsOverImageTextPage.steps.clickOnTypeOfAnswerDropdown();
-            fillInTheGapsOverImageTextPage.steps.selectTypeOfAnswerDropdownOption('Number');
-            fillInTheGapsOverImageTextPage.steps.verifySelectedOptionInTypeOfAnswerDropdownInResponseAccordion(0, 'Number');
-            fillInTheGapsOverImageTextPage.steps.verifySelectedOptionInTypeOfAnswerDropdownInResponseAccordion(1, 'Number');
-        });
-
-        it('When the user has set \'Text\' option in the response accordion then it should override the \'Number\' option set in the \'Advanced settings for all response areas\' and user should be able to enter responses accordingly in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.clickOnTypeOfAnswerDropdownInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.selectTypeOfAnswerDropdownOption('Text');
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, '1 Response');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(0, '1 Response');
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, '1 Response');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(1, '1');
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyCustomLabelVisibleOnResponseAccordion('Type of answer input');
-    });
-
-    describe('Response accordions: Type of answer input - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(1);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has set \'Text\' option in the response accordion, then user should be able to enter alpha-numeric characters in preview tab response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.verifySelectedOptionInTypeOfAnswerDropdownInResponseAccordion(0, 'Text');
-            fillInTheGapsOverImageTextPage.steps.verifySelectedOptionInTypeOfAnswerDropdownInResponseAccordion(1, 'Text');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, '1 Flower');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, '1 Flower');
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, '2 Leaves');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, '2 Leaves');
-        });
-
-        it('When the user has set \'Number\' option in the response accordion, then the user should be able to enter only numeric characters in preview tab response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clickOnTypeOfAnswerDropdownInResponseAccordion(1);
-            fillInTheGapsOverImageTextPage.steps.selectTypeOfAnswerDropdownOption('Number');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, '1 Flower');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, '1 Flower');
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, '2 Leaves');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, '2');
-        });
-
-        it('When the user has set \'Text\' option in the response accordion, then it should override the \'Number\' option set in \'Advanced settings for all response areas\' and user should be able to enter responses accordingly in the preview tab section', () => {
-            cy.log('Pre step: Setting \'Number\' option in \'Advanced settings for all response areas\'')
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clickOnTypeOfAnswerDropdown();
-            fillInTheGapsOverImageTextPage.steps.selectTypeOfAnswerDropdownOption('Number');
-            fillInTheGapsOverImageTextPage.steps.clickOnTypeOfAnswerDropdownInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.selectTypeOfAnswerDropdownOption('Text');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, '1 Flower');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, '1 Flower');
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, '2 Leaves');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, '2');
-        });
-    });
-
-    describe('Response accordions: Height and Width - Set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(1);
-        });
-
-        it('When the user has not set \'Height\' and \'Width\' for response fields then the default dimension of the response field in the \'Set correct answer\' section response fields should be (197x46)px', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldSetCorrectAnswerSection(0, '46px');
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldSetCorrectAnswerSection(0, '13.7em');
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyCustomLabelNotVisibleOnResponseAccordion('Height and Width');
-
-        it('When the user has set \'Height\' for the response field then the height of the response field should get updated accordingly in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.setHeightInResponseAccordion(0, 100);
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldSetCorrectAnswerSection(0, '100px');
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldSetCorrectAnswerSection(1, '46px');
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyCustomLabelVisibleOnResponseAccordion('Height and Width');
-
-        it('When the user has set \'Width\' for the response field then the Width of the response field should get updated accordingly in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 100);
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldSetCorrectAnswerSection(0, '100px');
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldSetCorrectAnswerSection(1, '13.7em');
-        });
-
-        it('When the user has set width below 80px then the width should remain 80px in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 20);
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldSetCorrectAnswerSection(0, '80px');
-        });
-
-        it('When the user has set width above 400px then the width should remain 400px in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 800);
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldSetCorrectAnswerSection(0, '400px');
-        });
-
-        it('When the user has set \'Height\' and \'Width\' in the individual responses accordion then it should override the \'Height\' and \'Width\'set in the \'Advanced settings for all response areas\' in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.setResponseFieldWidthGlobal(250);
-            fillInTheGapsOverImageTextPage.steps.setResponseFieldHeightGlobal(180);
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 175);
-            fillInTheGapsOverImageTextPage.steps.setHeightInResponseAccordion(0, 120);
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldSetCorrectAnswerSection(0, '175px');
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldSetCorrectAnswerSection(0, '120px');
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldSetCorrectAnswerSection(1, '250px');
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldSetCorrectAnswerSection(1, '180px');
-        });
-    });
-
-    describe('Response accordions: Height and Width - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.expandResponseAccordion(1);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has not set \'Height\' and \'Width\' for the response accordion then the default dimension of the response field in the preview tab response field should be (197x46)px', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldPreviewTab(0, '46px')
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldPreviewTab(0, '13.7em');
-        });
-
-        it('When the user has set \'Height\' for the response field then the height of the preview tab response field should get updated accordingly', () => {
-            cy.log('Pre step: Switch to Edit tab')
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setHeightInResponseAccordion(0, 100);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldPreviewTab(0, '100px');
-        });
-
-        it('When the user has set \'Width\' for the response field then the width of the preview tab response field should get updated accordingly', () => {
-            cy.log('Pre step: Switch to Edit tab')
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 100);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldPreviewTab(0, '100px');
-        });
-
-        it('When the user has set width below 80px then the width of the preview tab response field should remain 80px', () => {
-            cy.log('Pre step: Switch to Edit tab')
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 20);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldPreviewTab(0, '80px');
-        });
-
-        it('When the user has set width above 400px then the width of the preview tab response field should remain 400px', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 800);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldPreviewTab(0, '400px');
-        });
-
-        it('When the user has set \'Height\' and \'Width\' in the individual responses accordion then it should override the \'Height\' and \'Width\'set in the \'Advanced settings for all response areas\' for the preview tab response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setResponseFieldWidthGlobal(250);
-            fillInTheGapsOverImageTextPage.steps.setResponseFieldHeightGlobal(180);
-            fillInTheGapsOverImageTextPage.steps.setWidthInResponseAccordion(0, 175);
-            fillInTheGapsOverImageTextPage.steps.setHeightInResponseAccordion(0, 120);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldPreviewTab(0, '175px');
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldPreviewTab(0, '120px');
-            fillInTheGapsOverImageTextPage.steps.verifyWidthResponseFieldPreviewTab(1, '250px');
-            fillInTheGapsOverImageTextPage.steps.verifyHeightResponseFieldPreviewTab(1, '180px');
-        });
-    });
-
-    describe('Additional settings: Student response area and layout', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Student response area and layout\' label should be displayed', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.studentResponseAreaAndLayoutLabel(), 'Student response area and layout');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.studentResponseAreaAndLayoutLabel(), 'visible');
-        });
-
-        it('CSS of \'Student response area and layout\' section', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.studentResponseAreaAndLayoutLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-        });
-
-        //Note: a11y covered in Additional settings accordion, verifyAdditonalSettingsAccordionProperties
-    });
-
-    describe('Additional settings: \'Answer numeration\' (only while grading) - Contents and set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyAnswerNumerationContents();
-
-        it(`When the user selects ${answerNumerationDropdownOptions[0]} option from the \'Answer numeration\' dropdown, then correct response numeration should not be displayed in the \'Set correct answer section\'`, () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.answerNumerationDropdown(), `${answerNumerationDropdownOptions[0]}`)
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseNumeration(), 'notExist');
-        });
-
-        it(`When the user selects ${answerNumerationDropdownOptions[1]} option from the \'Answer numeration\' dropdown, then correct response numeration should not be displayed in the \'Set correct answer section\'`, () => {
-            fillInTheGapsOverImageTextPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[1]}`);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseNumeration(), 'notExist');
-        });
-
-        it(`When the user selects ${answerNumerationDropdownOptions[2]} option from the \'Answer numeration\' dropdown, then correct response numeration should not be displayed in the \'Set correct answer section\'`, () => {
-            fillInTheGapsOverImageTextPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[2]}`);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseNumeration(), 'notExist');
-        });
-    });
-
-    describe('Additional settings: \'Answer numeration\' (only while grading) - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it(`When the user attempts the question when ${answerNumerationDropdownOptions[0]} is selected and selects \'Show correct answer\' checkbox then the correct answer section should have ${answerNumerationDropdownOptions[0]} numeration`, () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.answerNumerationDropdown(), `${answerNumerationDropdownOptions[0]}`);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, incorrectAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, incorrectAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabResponseFieldAndCorrectAnswerNumeration(numbers);
-        });
-
-        it(`When the user attempts the question when ${answerNumerationDropdownOptions[1]} is selected and selects \'Show correct answer\' checkbox then the correct answer section should have ${answerNumerationDropdownOptions[1]} numeration`, () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[1]}`);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, incorrectAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, incorrectAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabResponseFieldAndCorrectAnswerNumeration(uppercase);
-        });
-
-        it(`When the user attempts the question when ${answerNumerationDropdownOptions[2]} is selected and selects \'Show correct answer\' checkbox then the correct answer section should have ${answerNumerationDropdownOptions[2]} numeration`, () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.selectAnswerNumerationDropdownOption(`${answerNumerationDropdownOptions[2]}`);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, incorrectAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, incorrectAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabResponseFieldAndCorrectAnswerNumeration(lowercase);
-        });
-    });
-
-    describe('Additional settings: Display answer numeration to students - Contents and set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Display answer numeration to students\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.displayAnswerNumerationToStudentsLabel(), 'Display answer numeration to students');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.displayAnswerNumerationToStudentsLabel(), 'visible');
-            fillInTheGapsOverImageTextPage.steps.verifyDisplayAnswerNumerationToStudentsCheckboxNotChecked();
-        });
-
-        it('CSS of \'Display answer numeration to students\' section - unchecked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.displayAnswerNumerationToStudentsLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.displayAnswerNumerationToStudentsCheckbox().parent().find('svg'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-
-        it('When \'Display answer numeration to students\' checkbox is unchecked, answer numeration should not be displayed in set correct answer section response fields', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseNumeration(), 'notExist');
-        });
-
-        it('When the user checks the \'Display answer numeration to students\' checkbox, answer numeration should not be displayed in set correct answer section response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.checkDisplayAnswerNumerationToStudentsCheckbox();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseNumeration(), 'notExist');
-        });
-
-        it('CSS of \'Display answer numeration to students\' section - checked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.displayAnswerNumerationToStudentsCheckbox().parent().find('svg g g'), {
-                'fill': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of \'Display answer numeration to students\' section - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.displayAnswerNumerationToStudentsCheckbox().parents('.additional-settings-container'));
-        });
-    });
-
-    //Failing due to https://redmine.zeuslearning.com/issues/548127
-    describe('Additional settings: Display answer numeration to students - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it('When \'Display answer numeration to students\' checkbox is unchecked, answer numeration should not be displayed in preview tab response fields', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseNumeration(), 'notExist');
-        });
-
-        it('When the user checks the \'Display answer numeration to students\' checkbox, answer numeration should not be displayed in preview tab response fields', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.checkDisplayAnswerNumerationToStudentsCheckbox();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldNumeration(['1', '2']);
-        });
-    });
-
-    describe('Additional settings: Multiline response - Contents and set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Multiline response\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.multilineResponseLabel(), 'Multiline response');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.multilineResponseLabel(), 'visible');
-            fillInTheGapsOverImageTextPage.steps.verifyMultilineResponseCheckboxNotChecked();
-        });
-
-        it('CSS of \'Multiline response\' section - unchecked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.multilineResponseLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.multilineResponseCheckbox().parent().find('svg'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-
-        //Note: a11y covered in Additional settings accordion, verifyAdditonalSettingsAccordionProperties
-
-        it('When the \'Multiline response\' functionality is disabled, the response fields should not have \'textarea\' field in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyMultilineResponseForResponseFieldSetCorrectAnswerSectionDisabled();
-        });
-
-        it('When \'Multiline response\' functionality is disabled then the user should not be able to enter a multiline response in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, 'l{enter}o{enter}r{enter}e{enter}m');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(0, 'lorem');
-        });
-
-        it('When the \'Multiline response\' functionality is enabled, the response field should have \'textarea\' field in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.checkMultilineResponseCheckbox();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseFieldSetCorrectAnswerSection(), 'notExist');
-        });
-
-        it('When the \'Multiline response\' functionality is enabled then the user should be able to add Multiline responses in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaSetCorrectAnswerSection(0, 'l{enter}o{enter}r{enter}e{enter}m');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInMultilineResponseAreaSetCorrectAnswerSection(0, 'l\no\nr\ne\nm​');
-        });
-
-        it('CSS of \'Multiline response\' section - checked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.multilineResponseCheckbox().parent().find('svg g g'), {
-                'fill': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of \'Multiline response\' section - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.multilineResponseCheckbox().parents('.additional-settings-container'));
-        });
-
-        it('When the \'Multiline response\' functionality is enabled then the user should be able to enter multiline characters including the line breaks up to the set character limit', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaSetCorrectAnswerSection(0, 'l{enter}o{enter}r{enter}e{enter}m{enter}e{enter}s{enter}u{enter}m{enter}l{enter}nam');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInMultilineResponseAreaSetCorrectAnswerSection(0, 'l\no\nr\ne\nm\ne\ns\nu\nm\nl\n​');
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/547598
-        it('When the user disables the Multiline response functionality, the added input in the response field should appear in a single line in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.uncheckMultilineResponseCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(0, 'loremesuml');
-        });
-    });
-
-    describe('Additional settings: Multiline response - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it('When the \'Multiline response\' functionality is disabled, the response field should not have \'textarea\' field in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyMultilineResponseForResponseFieldPreviewTabDisabled();
-        });
-
-        it('When \'Multiline response\' functionality is disabled, the user should not be able to add multiline response in the preview tab response field', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, 'l{enter}o{enter}r{enter}e{enter}m');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, 'lorem');
-        });
-
-        it('When the \'Multiline response\' functionality is enabled, the response field should have \'textarea\' field in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.checkMultilineResponseCheckbox();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseFieldPreviewTab(), 'notExist');
-        });
-
-        it('When the \'Multiline response\' functionality is enabled then the user should be able to add Multiline responses in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(0, 'l{enter}o{enter}r{enter}e{enter}m');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInMultilineResponseAreaPreviewTab(0, 'l\no\nr\ne\nm​');
-        });
-
-        it('When the \'Multiline response\' functionality is enabled then the user should be able to enter multiline characters including the line breaks up to the set character limit in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(0, 'l{enter}o{enter}r{enter}e{enter}m{enter}e{enter}s{enter}u{enter}m{enter}l{enter}nam');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInMultilineResponseAreaPreviewTab(0, 'l\no\nr\ne\nm\ne\ns\nu\nm\nl\n​');
-        });
-    });
-
-    //Failing due to https://redmine.zeuslearning.com/issues/547600
-    describe('Additional settings: Scoring for multiline response', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.checkMultilineResponseCheckbox();
-        });
-
-        it('When the user has enabled the Multiline functionality then user should be able to set multiline correct answers and points in the \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaSetCorrectAnswerSection(0, 'R{enter}e{enter}s{enter}p{enter}o{enter}n{enter}s{enter}e{enter}1');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInMultilineResponseAreaSetCorrectAnswerSection(0, 'R\ne\ns\np\no\nn\ns\ne\n1​');
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaSetCorrectAnswerSection(1, 'Response 2')
-            fillInTheGapsOverImageTextPage.steps.verifyTextInMultilineResponseAreaSetCorrectAnswerSection(1, 'Response 2​');
-            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
-        });
-
-        it('When the user enters the correct multiline and single line response in the preview tab then full points should be awarded and on selecting show correct answer checkbox, correct icons should be displayed beside response areas, \'Correct answer\' label and correct answer border should be displayed below the question preview and no correct answer container should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(0, 'R{enter}e{enter}s{enter}p{enter}o{enter}n{enter}s{enter}e{enter}1');
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(1, 'Response 2')
-            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(10, 10);
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
-            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectAttemptBorder();
-            fillInTheGapsOverImageTextPage.steps.uncheckShowCorrectAnswerCheckbox();
-        });
-
-        it('When the user enters a single line response instead of a multiline response then 0 points should be awarded and on selecting show correct answer checkbox,  incorrect icons should be displayed beside response areas, \'Incorrect answer\' label and incorrect answer border should be displayed below the question preview and correct answer container along with correct answers for responses marked incorrect should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(0, 'Response 1');
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(1, 'Response 2');
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
-            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectAttemptBorder();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount(['R\ne\ns\np\no\nn\ns\ne\n1'], ['1']);
-            fillInTheGapsOverImageTextPage.steps.uncheckShowCorrectAnswerCheckbox();
-        });
-
-        it('When the user enters a multiline response instead of a single line response then 0 points should be awarded and on selecting show correct answer checkbox,  incorrect icons should be displayed beside response areas, \'Incorrect answer\' label and incorrect answer border should be displayed below the question preview and correct answer container along with correct answers for responses marked incorrect should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(0, 'R{enter}e{enter}s{enter}p{enter}o{enter}n{enter}s{enter}e{enter}1');
-            fillInTheGapsOverImageTextPage.steps.enterTextInMultilineResponseAreaPreviewTab(1, 'R{enter}e{enter}s{enter}p{enter}o{enter}n{enter}s{enter}e{enter}2');
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 10);
-            fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectAttemptBorder();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerContainerAndCount(['Response 2'], ['2']);
-            fillInTheGapsOverImageTextPage.steps.uncheckShowCorrectAnswerCheckbox();
-        });
-    });
-
-    describe('Additional settings: Spell check - Contents and set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Spell check\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.spellCheckLabel(), 'Spell check');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.spellCheckLabel(), 'visible');
-            fillInTheGapsOverImageTextPage.steps.verifySpellCheckCheckboxNotChecked();
-        });
-
-        it('CSS of \'Spell check\' section - unchecked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.spellCheckLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.spellCheckCheckbox().parent().find('svg'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-
-        //Note: a11y covered in Additional settings accordion, verifyAdditonalSettingsAccordionProperties
-
-        //Spell check test cases for set correct answer section response fields
-        it('When the \'Spell check\' functionality is disabled, the response field should have \'spellcheck\' attribute set as \'false\' in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.verifySpellCheckOfResponseFieldSetCorrectAnswerSectionDisabled(0);
-        });
-
-        it('When the \'Spell check\' functionality is enabled, the response field should have \'spellcheck\' attribute set as \'true\' in \'Set correct answer\' section', () => {
-            fillInTheGapsOverImageTextPage.steps.checkSpellCheckCheckbox();
-            fillInTheGapsOverImageTextPage.steps.verifySpellCheckOfResponseFieldSetCorrectAnswerSectionEnabled(0);
-        });
-
-        it('CSS of \'Spell check\' section - checked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.spellCheckCheckbox().parent().find('svg g g'), {
-                'fill': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of \'Spell check\' section - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.spellCheckCheckbox().parents('.additional-settings-container'));
-        });
-    });
-
-    describe('Additional settings: Spell check - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-        it('When the \'Spell check\' functionality is disabled, the response field should have \'spellcheck\' attribute set as \'false\' in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.verifySpellCheckOfResponseFieldPreviewTabDisabled(0);
-        });
-
-        it('When the \'Spell check\' functionality is enabled, the response field should have \'spellcheck\' attribute set as \'true\' in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.checkSpellCheckCheckbox();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifySpellCheckOfResponseFieldPreviewTabEnabled(0);
-        });
-    });
-
-    describe('Additional settings: Font size - Contents and functionality in set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyFontSizeSectionContents();
-
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the set correct answer section should change to ${option}`, () => {
-                fillInTheGapsOverImageTextPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
-                utilities.verifyInnerText(fillInTheGapsOverImageTextPage.fontSizeDropdown(), `${option}`);
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseFieldSetCorrectAnswerSection(), {
-                    'font-size': font[count]
-                });
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.highlightNumeration(), {
-                    'font-size': font[count]
-                });
-            });
-        });
-    });
-
-    describe('Additional settings: Font size - functionality in preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.addQuestionInstructions();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
-                fillInTheGapsOverImageTextPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
-                utilities.verifyInnerText(fillInTheGapsOverImageTextPage.fontSizeDropdown(), `${option}`);
-                fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.questionInstructionsText(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseFieldPreviewTab(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                fillInTheGapsOverImageTextPage.steps.checkShowCorrectAnswerCheckbox();
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.previewTabCorrectAnswerLabel(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseNumeration(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                utilities.verifyCSS(fillInTheGapsOverImageTextPage.previewTabCorrectAnswerResponseWrapper(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                fillInTheGapsOverImageTextPage.steps.uncheckShowCorrectAnswerCheckbox();
-                fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            });
-        });
-    });
-
-    describe('Additional settings: Custom special characters section - Contents and set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyAdditionalSettingsCustomSpecialCharactersSection();
-
-        it('When the user has enabled the \'Display special characters\' functionality, then the \'Special characters\' button should be displayed when user focuses in any response field in \'Set correct answer\' section ', () => {
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharacterButtonNotVisibleInResponseFieldSetCorrectAnswerSection(0);
-            fillInTheGapsOverImageTextPage.steps.focusAndVerifySpecialCharactersButtonInResponseFieldSetCorrectAnswerSection(0);
-        });
-
-        it('When the user has added no input to the \'Custom special characters\' input field then the default Special characters flyout should be displayed on clicking the \'Special characters\' button in the response field', () => {
-            fillInTheGapsOverImageTextPage.steps.clickOnSpecialCharactersButtonSetCorrectAnswerSection(0);
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersFlyoutHeaderContents();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifySpecialCharactersFlyoutSymbols();
-
-        it(`When the user clicks on a symbol in the ${specialOrMathCharacters['specialCharacters'].popupTitle} popup, then that symbol should be inserted in the response field`, () => {
-            cy.log('Clicking on all symbols.');
-            fillInTheGapsOverImageTextPage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
-            dialogBoxBase.steps.closeWarningPopup();
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(0, symbolsString)
-        });
-
-        it('When the \'Display special characters\' checkbox is checked then user should be able to enter value in the \'Custom special characters\' input field', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInCustomSpecialCharactersInputField(':)`');
-        });
-
-        it('When the user clicks on the \'Special characters\' button in the response field, then a flyout with the title \'Special characters\' and close button should be displayed, the flyout should contain all the added Special characters entered in the \'Custom special characters\' input field', () => {
-            fillInTheGapsOverImageTextPage.steps.focusAndVerifySpecialCharactersButtonInResponseFieldSetCorrectAnswerSection(1);
-            fillInTheGapsOverImageTextPage.steps.clickOnSpecialCharactersButtonSetCorrectAnswerSection(1);
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersFlyoutHeaderContents();
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersFlyoutIcons(customSpecialCharacters);
-        });
-
-        it('When the user clicks on the characters then they should be added to the set correct answer response field', () => {
-            fillInTheGapsOverImageTextPage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
-            dialogBoxBase.steps.closeWarningPopup();
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldSetCorrectAnswerSection(1, ':)`');
-        });
-    });
-
-    describe('Additional settings: Custom special characters section - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it('When the \'Custom special characters\' functionality is disabled then the \'Special characters\' button should not be displayed in the preview tab response field', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.previewTabResponseFieldSpecialCharactersButton(), 'notExist');
-        });
-
-        it('When the user has enabled the \'Custom special characters\' functionality then the \'Special characters\' button should be displayed when user focuses in any response field in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.checkDisplaySpecialCharactersCheckbox();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharacterButtonNotVisibleInResponseFieldPreviewTab(0);
-            fillInTheGapsOverImageTextPage.steps.focusAndVerifySpecialCharactersButtonInResponseFieldPreviewTab(0);
-        });
-
-        it('When the user has added no input to the \'Custom special characters\' input field then the default Special characters flyout should be displayed on clicking the \'Special characters\' button in the response field', () => {
-            fillInTheGapsOverImageTextPage.steps.clickOnSpecialCharactersButtonPreviewTab(0);
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersFlyoutHeaderContents();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifySpecialCharactersFlyoutSymbols()
-
-        it(`When the user clicks on a symbol in the ${specialOrMathCharacters['specialCharacters'].popupTitle} popup, then that symbol should be inserted in the response field`, () => {
-            fillInTheGapsOverImageTextPage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
-            dialogBoxBase.steps.closeWarningPopup();
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, symbolsString);
-        });
-
-        it('When the user specifies custom special characters and clicks on the \'Special characters\' button in the preview tab response field, then a flyout with the title \'Special characters\' and close button should be displayed, the flyout should contain all the added Special characters entered in the \'Custom special characters\' input field', () => {
-            cy.log('Adding custom special characters')
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInCustomSpecialCharactersInputField(':)`');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.focusAndVerifySpecialCharactersButtonInResponseFieldPreviewTab(1);
-            fillInTheGapsOverImageTextPage.steps.clickOnSpecialCharactersButtonPreviewTab(1);
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersFlyoutHeaderContents();
-            fillInTheGapsOverImageTextPage.steps.verifySpecialCharactersFlyoutIcons(customSpecialCharacters);
-        });
-
-        it('When the user clicks on the characters then they should be added to the preview tab input field', () => {
-            fillInTheGapsOverImageTextPage.steps.clickingOnSpecialCharactersSymbolsFromFlyout();
-            dialogBoxBase.steps.closeWarningPopup();
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, ':)`');
-        });
-    });
-
-    describe('Additional settings: Check answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
-    });
-
-    describe('Additional settings: Check answer - Functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.allotPoints(20);
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-            fillInTheGapsOverImageTextPage.steps.setMaximumCheckAnswerAttempts(2);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        fillInTheGapsOverImageTextPage.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', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, incorrectAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.checkAnswer();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectAttemptBorder();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
-        });
-
-        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', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.checkAnswer();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectAttemptBorder();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
-
-        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            fillInTheGapsOverImageTextPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyCheckAnswerButtonEnabled();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.checkAnswer();
-            fillInTheGapsOverImageTextPage.steps.verifyCheckAnswerButtonDisabled();
-        });
-
-        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', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clearMaximumCheckAnswerAttemptsInputField()
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.checkAnswer();
-            fillInTheGapsOverImageTextPage.steps.verifyCheckAnswerButtonEnabled();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, incorrectAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, incorrectAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.checkAnswer();
-            fillInTheGapsOverImageTextPage.steps.verifyCheckAnswerButtonEnabled();
-        });
-    });
-
-    describe('Additional settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            fillInTheGapsOverImageTextPage.steps.expandAdditonalSettings();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyDetailsSection();
-    });
 });