itemengine-cypress-automation 1.0.180-essayResponseLazyLoadingFix-63cd8a3.0 → 1.0.182-repoUpdate22April-92d01da.0

package/cypress/support/migrationHelpers/verifyIeQuestionData.js

@@ -258,7 +258,7 @@ export const verifyIeQuestionData = {
                         let textAreaPlaceholder = $element[0].attributes["data-cke-editorplaceholder"]?.nodeValue;
                         expect(textAreaPlaceholder).to.be.eq(expectedQuestionData.textAreaPlaceholder);
                     });
-                if (expectedQuestionData.toolbarButtons.length != 0) {
+                if (expectedQuestionData.toolbarButtons.length !== 0) {
                     let ieButtonsTitle = [];
                     let ieButtonsExpected = expectedQuestionData.toolbarButtons.map((button) => {
                         return essayResponseToolbarOptionsENUM[button];
@@ -270,6 +270,9 @@ export const verifyIeQuestionData = {
                         }).then(() => {
                             expect(ieButtonsTitle).to.have.deep.members(ieButtonsExpected);
                         });
+                } else {
+                    essayResponsePage.previewTabToolbarOption()
+                        .should('not.exist');
                 }
                 if (expectedQuestionData.hasWordLimit || expectedQuestionData.hasWordCount) {
                     if (expectedQuestionData.hasWordLimit) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.180-essayResponseLazyLoadingFix-63cd8a3.0",
+  "version": "1.0.182-repoUpdate22April-92d01da.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/cypress/e2e/ILC/EssayResponse/essayResponseAdditionalSettings.js

@@ -1,432 +0,0 @@
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { essayResponsePage } from "../../../pages";
-import { ckEditorToolbar } from "../../../pages/components";
-const css = Cypress.env('css');
-
-let specialCharacters = [':', ')', '`']
-describe('Create question page - Essay Response: Additional Settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings: Predefined text', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.setWordLimit(5);
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        it('\'Predefined text\' label and input field should be displayed and by default, the input field should be empty', () => {
-            essayResponsePage.predefinedTextLabel()
-                .verifyInnerText('Predefined text')
-            essayResponsePage.predefinedTextInputField()
-                .should('have.text', '');
-        });
-
-        it('CSS of \'Predefined text\' section', { tags: 'css' }, () => {
-            essayResponsePage.predefinedTextLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            essayResponsePage.predefinedTextInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        it('Accessibility of \'Predefined text\' section', { tags: 'css' }, () => {
-            cy.checkAccessibility(essayResponsePage.predefinedTextLabel().parent('[class*="StudentResponseAreaLayoutstyles__StyledDiv"]'));
-        });
-
-        it('The user should be able to add \'Predefined text\' and the \'Predefined text\' added by the user should be displayed in the response field in the preview tab. Also, the word count displayed by default should have value - word count of predefined text/word limit', () => {
-            essayResponsePage.predefinedTextInputField()
-                .type('Lorem Ipsum')
-                .should('have.text', 'Lorem Ipsum');
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .should('have.text', 'Lorem Ipsum');
-            essayResponsePage.steps.verifyResponseFieldWordCount('2/5');
-        });
-
-        it('The user should not be able to enter words more than the set word limit in the \'Predefined text\' input field', () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab()
-            essayResponsePage.predefinedTextInputField()
-                .type(' dolor sit amet c');
-            essayResponsePage.predefinedTextInputField()
-                .should('have.text', 'Lorem Ipsum dolor sit amet\u00a0');
-        });
-
-        it('When the user adds same number of words as the word limit in the \'Predefined text\' input field, \'word limit reached\' warning message should be displayed in the preview tab', () => {
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-            essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-        });
-
-        it('The word count should increase/decrease in the preview tab when the user adds/removes some words from predefined text in the response field', () => {
-            cy.log('checking update in word count after removing a word from predefined text')
-            essayResponsePage.responseField()
-                .type('{backspace}{backspace}{backspace}{backspace}{backspace}')
-                .should('have.text', 'Lorem Ipsum dolor sit');
-            essayResponsePage.steps.verifyResponseFieldWordCount('4/5');
-            essayResponsePage.wordLimitReachedWarningMessage()
-                .should('not.exist');
-            cy.log('checking update in word count after adding a word after predefined text')
-            essayResponsePage.responseField()
-                .type(' amet')
-                .should('have.text', 'Lorem Ipsum dolor sit amet');
-            essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-        });
-    });
-
-    //Failing due to https://redmine.zeuslearning.com/issues/551117
-    describe('Additional Settings: Placeholder text', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.setWordLimit(5);
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        it('CSS of \'Placeholder text\' section', { tags: 'css' }, () => {
-            essayResponsePage.placeholderTextLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            essayResponsePage.placeholderTextInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        it('Accessibility of \'Placeholder text\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.placeholderTextLabel().parent('[class*="StudentResponseAreaLayoutstyles__PlaceHolderWrapper"]'))
-        });
-
-        it('\'Placeholder text\' label and input field should be displayed and  by default, the input field should be empty', () => {
-            essayResponsePage.placeholderTextLabel()
-                .verifyInnerText('Placeholder text');
-            essayResponsePage.placeholderTextInputField()
-                .should('have.value', '');
-        });
-
-        it('The user should be able to add \'Placeholder text\' and the \'Placeholder text\' added by the user should be displayed in the response field in the preview tab.', () => {
-            essayResponsePage.placeholderTextInputField()
-                .type('Lorem Ipsum')
-                .should('have.value', 'Lorem Ipsum');
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .and('have.attr', 'data-cke-editorplaceholder', 'Lorem Ipsum');
-            essayResponsePage.responseFieldWordCount()
-                .should('have.text', '0/5');
-        });
-
-        it('CSS of \'Placeholder text\' in preview tab', { tags: 'css' }, () => {
-            essayResponsePage.responseField()
-                .verifyPseudoClassBeforeProperty('color', css.color.placeholderText);
-        });
-
-        //Comment: The placeholder text is present as a pseudo element, how to check accessibility?
-        it('Accessibility of \'Placeholder text\' in preview tab', { tags: 'a11y' }, () => {
-        });
-
-        it('The word count displayed by default should not consider the word count of placedholder text and the word count displayed should be - 0/*word limit*', () => {
-            essayResponsePage.steps.verifyResponseFieldWordCount('0/5');
-        });
-
-        it('When the user starts typing in the response field in the preview tab, then the placeholder text should disappear', () => {
-            essayResponsePage.steps.enterTextInResponseField('dolor sit amet');
-            essayResponsePage.responseField()
-                .should('not.have.attr', 'data-cke-editorplaceholder');
-        });
-
-        it('When the user clears the entered text in the response field, then the placeholder text should appear again', () => {
-            essayResponsePage.responseField()
-                .clear()
-                .should('not.have.text', 'dolor sit amet')
-                .blur();
-            essayResponsePage.responseField()
-                .and('have.attr', 'data-cke-editorplaceholder', 'Lorem Ipsum');
-        });
-
-        it('When the user has defined both, \'Predefined text\' and \'Placeholder text\', then in the preview tab the placeholder text should not be displayed and the word count displayed should be - word count of predefined text/*word limit*', () => {
-            cy.log('Go to edit tab and define \'Predefined text\'')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.predefinedTextInputField()
-                .type('Dolor set amet')
-                .should('have.text', 'Dolor set amet');
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .should('have.text', 'Dolor set amet');
-            essayResponsePage.responseFieldWordCount()
-                .should('have.text', '3/5');
-        })
-    });
-
-    describe('Additional Settings: Minimum height and Maximum height', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        it('CSS of \'Minimum height\' and \'Maximum height\' section', { tags: 'css' }, () => {
-            essayResponsePage.minHeightLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            essayResponsePage.minHeightInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-            essayResponsePage.maxHeightLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            essayResponsePage.maxHeightInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        it('Accessibility of \'Minimum height\' and \'Maximum height\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.minHeightLabel().parents('[class*="StudentResponseAreaLayoutstyles__SizeWrapper"]'));
-        });
-
-        it('\'Minimum height\' and \'Maximum height\' labels and input fields should be displayed and by default, the input fields should be empty', () => {
-            essayResponsePage.minHeightLabel()
-                .verifyInnerText('Minimum height (px)');
-            essayResponsePage.minHeightInputField()
-                .should('have.value', '');
-            essayResponsePage.maxHeightLabel()
-                .verifyInnerText('Maximum height (px)');
-            essayResponsePage.maxHeightInputField()
-                .should('have.value', '');
-        });
-
-        it('When the input field of \'Minimum height\' is kept empty, the default minimum height of the response field in the preview tab should be 232px', () => {
-            cy.log('Switching to preview tab')
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .should('have.css', 'min-height', '232px');
-        });
-
-        it('User should be able to add \'Minimum height\' for the response field and in the preview tab the minimum height of the response field should get updated accordingly', () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.minHeightInputField()
-                .type(50)
-                .should('have.value', '50');
-            cy.log('Switching to preview tab')
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .should('have.css', 'min-height', '50px');
-        });
-
-        it('When the user adds \'Maximum height\' for the response field then in the preview tab, the maximum height of the response field should get updated accordingly', () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.maxHeightInputField()
-                .type(100)
-                .should('have.value', '100');
-            cy.log('Switching to preview tab')
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .should('have.css', 'max-height', '100px');
-        });
-    });
-
-    describe('Additional Settings: Disable cut, copy and paste section', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-            essayResponsePage.steps.setWordLimit(15);
-        });
-
-        it('\'Disable cut, copy and paste\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
-            essayResponsePage.disableCutCopyPasteLabel()
-                .verifyInnerText('Disable cut, copy and paste');
-            essayResponsePage.disableCutCopyPasteCheckbox()
-                .should('not.be.checked');
-        });
-
-        it('CSS of \'Disable cut, copy and paste\' section - unchecked state', { tags: 'css' }, () => {
-            essayResponsePage.disableCutCopyPasteLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            essayResponsePage.disableCutCopyPasteCheckbox()
-                .parent()
-                .find('svg')
-                .should('have.css', 'fill', css.color.uncheckedCheckbox);
-        });
-
-        it('Accessibility of \'Disable cut, copy and paste\' section - unchecked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.additionalSettingsRegion());
-        });
-
-        //TODO: Need to verify the code for cut, changes are required
-        //Comment: We are currently checking only cut action, copy and paste actions need to be tested manually
-        it('When the \'Disable cut, copy and paste\' functionality is disabled, the user should be able to perform cut, copy and paste actions', () => {
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .type('Lorem')
-            essayResponsePage.responseField()
-                .type('{selectAll}')
-                .type('{ctrl}x');
-            essayResponsePage.responseField()
-                .should('not.have.text', 'Lorem');
-        });
-
-        it('When the user enables the \'Disable cut, copy and paste\' functionality, the user should not be able to perform cut, copy and paste actions', () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.disableCutCopyPasteCheckbox()
-                .click()
-                .should('be.checked');
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .type('Lorem{selectall}')
-            essayResponsePage.responseField()
-                .focus()
-                .trigger('keydown', { key: 'x', ctrlKey: true })
-            essayResponsePage.responseField()
-                .should('have.text', 'Lorem');
-        });
-
-        it('CSS of \'Disable cut, copy and paste\' section - checked state', { tags: 'css' }, () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.disableCutCopyPasteCheckbox()
-                .parents('[data-ngie-testid="disable-cut,-copy-and-paste-checkbox"]')
-                .find('svg g')
-                .eq(1)
-                .should('have.css', 'fill', css.color.activeButtons);
-        });
-
-        it('Accessibility of \'Disable cut, copy and paste\' section - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.additionalSettingsRegion());
-        });
-    });
-
-    describe('Additional Settings: Disable automatic hyperlinking section', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        it('\'Disable automatic hyperlinking\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
-            essayResponsePage.disableAutoHyperlinkingLabel()
-                .verifyInnerText('Disable automatic hyperlinking');
-            essayResponsePage.disableAutoHyperlinkingCheckbox()
-                .should('not.be.checked');
-        });
-
-        it('CSS of \'Disable automatic hyperlinking\' section - unchecked state', { tags: 'css' }, () => {
-            essayResponsePage.disableAutoHyperlinkingLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            essayResponsePage.disableAutoHyperlinkingCheckbox()
-                .parent()
-                .find('svg')
-                .should('have.css', 'fill', css.color.uncheckedCheckbox);
-        });
-
-        it('Accessibility of \'Disable automatic hyperlinking\' section - unchecked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.disableAutoHyperlinkingLabel().parents('.MuiFormGroup-root'));
-        });
-
-        it('When the \'Disable automatic hyperlinking\' functionality is disabled and the user types any link text in the response field in the preview tab, then the link text should be displayed as a hyperlink', () => {
-            cy.log('Switching to preview tab')
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .type('https://www.google.com ');
-            essayResponsePage.responseField()
-                .find('a')
-                .should('have.attr', 'href', 'https://www.google.com');
-        });
-
-        //https://redmine.zeuslearning.com/issues/530056
-        it('CSS of \'hyperlink\' text in the response field', { tags: 'css' }, () => {
-            essayResponsePage.responseField()
-                .find('a')
-                .verifyCSS(css.color.linkText, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        it('Accessibility of \'hyperlink\' text in the response field', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.previewTabQuestionWrapper());
-        });
-
-        it('When the user enables the \'Disable automatic hyperlinking\' functionality, then even if the user types any link text in the response field in the preview tab, it should appear as a plain text', () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.disableAutoHyperlinkingCheckbox()
-                .click()
-                .should('be.checked');
-            cy.log('Switching to preview tab')
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .type('https://www.google.com');
-            essayResponsePage.responseField()
-                .find('a')
-                .should('not.exist');
-            cy.log('Post step: Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-        });
-
-        it('CSS of \'Disable automatic hyperlinking\' section - checked state', { tags: 'css' }, () => {
-            essayResponsePage.disableAutoHyperlinkingCheckbox()
-                .parents('[data-ngie-testid="disable-automatic-hyperlinking-checkbox"]')
-                .find('svg g')
-                .eq(1)
-                .should('have.css', 'fill', css.color.activeButtons);
-        });
-
-        it('Accessibility of \'Disable automatic hyperlinking\' section - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.disableAutoHyperlinkingLabel().parents('.MuiFormGroup-root'));
-        });
-    });
-
-    describe('Additional Settings: Spell check section', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        it('\'Spell check\' functionality label and checkbox should be displayed and by default it should be checked', () => {
-            essayResponsePage.spellCheckLabel()
-                .verifyInnerText('Spell check');
-            essayResponsePage.spellCheckCheckbox()
-                .should('be.checked');
-        });
-
-        it('CSS of \'Spell check\' section - checked state', { tags: 'css' }, () => {
-            essayResponsePage.spellCheckLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            essayResponsePage.spellCheckCheckbox()
-                .parents('[data-ngie-testid="spell-check-checkbox"]')
-                .find('svg g')
-                .eq(1)
-                .should('have.css', 'fill', css.color.activeButtons);
-        });
-
-        it('Accessibility of \'Spell check\' section - checked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.spellCheckLabel().parents('.MuiFormGroup-root'))
-        });
-
-        it('When the \'Spell check\' functionality is enabled, the response field in preview tab should have \'spellcheck\' attribute set as \'true\'', () => {
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .should('have.attr', 'spellcheck', 'true');
-        });
-
-        it('When the user disables the \'Spell check\' functionality, the response field in preview tab should not have \'spellcheck\' attribute set as \'false\'', () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.spellCheckCheckbox()
-                .click()
-                .should('not.be.checked');
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .should('have.attr', 'spellcheck', 'false');
-            cy.log('Post step: Switch to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-        });
-
-        it('CSS of \'Spell check\' section - unchecked state', { tags: 'css' }, () => {
-            essayResponsePage.spellCheckCheckbox()
-                .parents('[data-ngie-testid="spell-check-checkbox"]')
-                .find('svg')
-                .should('have.css', 'fill', css.color.uncheckedCheckbox);
-        });
-
-        it('Accessibility of \'Spell check\' section - unchecked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.spellCheckLabel().parents('.MuiFormGroup-root'))
-        });
-    });
-});

package/cypress/e2e/ILC/EssayResponse/essayResponseAdditionalSettingsBasic.js

@@ -1,134 +0,0 @@
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { essayResponsePage } from "../../../pages";
-import { ckEditorToolbar } from "../../../pages/components";
-const css = Cypress.env('css');
-
-let specialCharacters = [':', ')', '`']
-describe('Create question page - Essay Response: Additional Settings basic', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings accordion', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-        });
-
-        essayResponsePage.tests.verifyAdditionalSettingsAccordionProperties();
-    });
-
-    describe('\'Student response area and layout\' section', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        it('\'Student response area and layout\' label should be displayed', () => {
-            essayResponsePage.studentResponseAndLayoutLabel()
-                .verifyInnerText('Student response area and layout')
-                .should('be.visible');
-        });
-
-        it('CSS of \'Student response area and layout\' section', { tags: 'css' }, () => {
-            essayResponsePage.studentResponseAndLayoutLabel()
-                .verifyCSS(css.color.labels, css.fontSize.default, css.fontWeight.semibold);
-        });
-
-        it('Accessibility of \'Student response area and layout\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.studentResponseAndLayoutLabel())
-        });
-    });
-
-    //Failing due to https://redmine.zeuslearning.com/issues/551117
-    describe('Additional Settings: Custom special characters section', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        it('\'Custom special characters\' label and \'Custom special characters\' input field should be displayed, by default the input field should be empty and user should be able to enter \'Custom special characters', () => {
-            essayResponsePage.customSpecialCharacterLabel()
-                .verifyInnerText('Custom special characters');
-            essayResponsePage.customSpecialCharacterInputField()
-                .should('have.value', '');
-            essayResponsePage.customSpecialCharacterInputField()
-                .type(':)`')
-                .should('have.value', ':)`');
-        });
-
-        it('When the user has added the \'Custom special characters\' then in the preview tab, on clicking on the special character toolbar option, only the custom special characters should appear in the dialog box and the user should be able to enter custom special characters in the response field', () => {
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.previewTabToolbarOption('Special characters')
-                .click();
-            ckEditorToolbar.ckeDialogbox()
-                .should('be.visible');
-            specialCharacters.forEach((character, count) => {
-                essayResponsePage.specialCharacterFlyoutIcon(count)
-                    .should('have.text', character);
-            });
-        });
-
-        it('User should be able to add all special characters in the response field and word count should update accordingly.', () => {
-            for (let index = 0; index < specialCharacters.length; index++) {
-                essayResponsePage.specialCharacterFlyoutIcon(index)
-                    .click();
-            };
-            essayResponsePage.responseField()
-                .should('have.text', ':)`');
-            essayResponsePage.responseFieldWordCount()
-                .should('have.text', '1/10000');
-        });
-    });
-
-    describe('Additional Settings: Font Size dropdown', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-            essayResponsePage.steps.setWordLimit(2);
-        });
-        const fontsizes = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
-        const font = ['16px', '12px', '14px', '17px', '20px', '24px'];
-
-        essayResponsePage.tests.verifyFontSizeSectionContents();
-
-        fontsizes.forEach((option, count) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size for the entire question in the student player should be changed to ${option} in the \'Preview\' tab`, () => {
-                essayResponsePage.fontSizeDropdown()
-                    .click();
-                essayResponsePage.fontSizeListOptions(count)
-                    .click();
-                essayResponsePage.fontSizeDropdown()
-                    .verifyInnerText(`${option}`);
-                cy.log('Switching to Preview tab.');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.previewTabToolbarOption('Special characters')
-                    .should('have.css', 'font-size', font[count]);
-                essayResponsePage.responseField()
-                    .should('have.css', 'font-size', font[count]);
-                essayResponsePage.responseFieldWordCount()
-                    .should('have.css', 'font-size', font[count]);
-                cy.log('Reaching word limit to verify font size of warning message');
-                essayResponsePage.responseField()
-                    .type('Lorem Ipsum')
-                    .should('have.text', 'Lorem Ipsum');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('have.css', 'font-size', font[count]);
-                essayResponsePage.steps.switchToEditTab()
-            });
-        });
-    });
-
-    describe('Additional Settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response');
-            essayResponsePage.steps.expandAdditionalSettings();
-        });
-
-        essayResponsePage.tests.verifyDetailsSection();
-    });
-});