itemengine-cypress-automation 1.0.78 → 1.0.79

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

@@ -1,558 +0,0 @@
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { essayResponsePage } from "../../../pages";
-import { commonComponents } from "../../../pages/components";
-const css = Cypress.env('css');
-
-describe('Create question page - Essay Response: Question Instructions, Set word limit, Display word limit dropdown, Show word count, Allow submission over word limit', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question Instructions input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Essay response question type');
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-        });
-
-        essayResponsePage.tests.verifyQuestionInstructionsInputFieldEditTab();
-
-    });
-
-    describe('Question Instructions input field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Essay response question type');
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-        });
-
-        essayResponsePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
-    });
-
-    describe('Set word limit, Display word limit, Show word count - Edit tab contents', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-            cy.barsPreLoaderWait();
-        });
-
-        it('CSS of \'Set word limit\' sections', { tags: 'css' }, () => {
-            essayResponsePage.setWordLimitLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            essayResponsePage.setWordLimitInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        it('Accessibility of \'Set word limit, Display word limit, Show word count\' sections', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.setWordLimitLabel().parents('.essay-response-question-word-limit-setting-wrapper'))
-        });
-
-        it('\'Set word limit\' label and input field should be displayed and in the \'Set word limit\' input field the default value should be \'10000\' words', () => {
-            essayResponsePage.setWordLimitLabel()
-                .verifyInnerText('Set word limit');
-            essayResponsePage.setWordLimitInputField()
-                .should('have.value', '10000')
-                .and('be.visible');
-        });
-
-        it('User should be able to edit the value in the \'Set word limit\' input field, also user should not be able to enter value greater than max limit i.e \'50000\' words and the updated word limit should be displayed in the format - 0/*word limit* in the preview tab', () => {
-            essayResponsePage.setWordLimitInputField()
-                .clear()
-                .type(50001)
-                .should('have.value', '5000')
-                .and('not.have.value', '50001');
-            //Comment: Need an alernative for this manual wait
-            cy.wait(1000);
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseFieldWordCount()
-                .should('have.text', '0/5000');
-        });
-
-        it('When the user keeps the \'Set word limit\' input field as blank and \'Show word count\' is selected, then the word limit should not be displayed and the word count should update as the user types in the response field', () => {
-            cy.log('Pre-step: Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab()
-            essayResponsePage.setWordLimitInputField()
-                .clear()
-                .should('have.value', '');
-            //Comment: Need an alernative for this manual wait
-            cy.wait(1000);
-            essayResponsePage.showWordCountCheckbox()
-                .should('be.checked');
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .type('Lorem Ipsum');
-            essayResponsePage.responseFieldWordCount()
-                .should('have.text', '2');
-        });
-
-        it('\'Show word count\' checkbox label and checkbox should be displayed and by default it should be selected', () => {
-            cy.log('Pre-step: Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab();
-            essayResponsePage.showWordCountLabel()
-                .verifyInnerText('Show word count');
-            essayResponsePage.showWordCountCheckbox()
-                .should('be.checked');
-        });
-
-        it('CSS of \'Show word count\' section', { tags: 'css' }, () => {
-            essayResponsePage.showWordCountLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            essayResponsePage.showWordCountCheckbox()
-                .parents('[data-ngie-testid="show-word-count-checkbox"]')
-                .find('svg g')
-                .eq(1)
-                .should('have.css', 'fill', css.color.activeButtons);
-        });
-
-        it('When the user keeps the \'Set word limit\' input field as blank and \'Show word count\' is deselected , then the word limit and the word count should not be displayed', () => {
-            essayResponsePage.showWordCountCheckbox()
-                .click()
-                .should('not.be.checked');
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .type('Lorem Ipsum');
-            essayResponsePage.responseFieldWordCount()
-                .should('not.exist');
-        });
-
-        it('CSS of \'Display word limit\' dropdown in default state', { tags: 'css' }, () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab()
-            essayResponsePage.displayWordLimitDropdown()
-                .should('have.css', 'background-color', css.color.secondaryBtnBg)
-                .and('have.css', 'border', `1px solid ${css.color.defaultDropdownBorder}`)
-                .find('.dropdown-label-text')
-                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular)
-                .verifyPseudoClassBeforeProperty('color', css.color.secondaryBtn);
-            essayResponsePage.steps.switchToPreviewTab()
-        });
-
-        it('\'Display word limit\' label and dropdown should be displayed and in \'Display word limit\' dropdown option \'Always displayed\' should be selected by default', () => {
-            cy.log('Switching to edit tab')
-            essayResponsePage.steps.switchToEditTab()
-            essayResponsePage.displayWordLimitLabel()
-                .verifyInnerText('Display word limit');
-            essayResponsePage.displayWordLimitDropdown()
-                .should('have.text', 'Always displayed')
-                .and('be.visible');
-        });
-
-        it('When user clicks on \'Display word limit\' dropdown, a list of 3 options should open - Always displayed, Display on limit, Off', () => {
-            essayResponsePage.displayWordLimitDropdown()
-                .click();
-            let dropdownOptions = ['Always displayed', 'Display on limit', 'Off']
-            dropdownOptions.forEach((option, count) => {
-                essayResponsePage.displayWordLimitDropdownListOptions(count)
-                    .should('have.text', option);
-            });
-        });
-
-        it('CSS of \'Display word limit\' dropdown and dropdown content in active state', { tags: 'css' }, () => {
-            essayResponsePage.displayWordLimitDropdown()
-                .should('have.css', 'background-color', css.color.secondaryBtnBg)
-                .and('have.css', 'border', `1px solid ${css.color.activeComponentBorder}`);
-            essayResponsePage.displayWordLimitDropdownListOptions(1)
-                .should('have.css', 'background-color', css.color.transparent);
-            essayResponsePage.displayWordLimitDropdownListOptions(0)
-                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular)
-                .should('have.css', 'background-color', css.color.liTextSelectedBg);
-        });
-
-        it('Accessibility of \'Display word limit\' dropdown and dropdown content in active state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.displayWordLimitDropdown());
-            cy.checkAccessibility(commonComponents.dropdownList());
-        });
-    });
-
-    describe('Display word limit and set word limit cases when show word count is selected', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-            cy.barsPreLoaderWait();
-            essayResponsePage.steps.setWordLimit(5);
-        });
-
-        describe('Case 1: Display word limit - Always displayed', () => {
-            it('When the user selects option \'Always displayed\' from the Display word limit dropdown, then in the Preview tab user should be able see the word count in the format 0/*word limit*', () => {
-                essayResponsePage.displayWordLimitDropdown()
-                    .should('have.text', 'Always displayed');
-                //Comment: Need an alernative for this manual wait
-                cy.wait(500)
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.responseFieldWordCount()
-                    .should('have.text', '0/5');
-            });
-
-            it('When the user types something in the response field, then the word count should update accordingly', () => {
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum');
-                essayResponsePage.steps.verifyResponseFieldWordCount('2/5');
-            });
-
-            it('When the user reaches the word limit, then the word count should be displayed in the format *word limit/*word limit* along with the \'word limit reached\' warning message', () => {
-                essayResponsePage.responseField()
-                    .type(' dolor sit amet')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet')
-                essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            //Failing due to https://redmine.zeuslearning.com/issues/547829
-            it('CSS of \'word limit\' section - preview tab', { tags: 'css' }, () => {
-                essayResponsePage.responseFieldWordCount()
-                    .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.regular)
-                    .should('have.css', 'background-color', css.color.textAreaErrorBg);
-            });
-
-            it('Accessibility of \'word limit\' section - preview tab', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(essayResponsePage.responseFieldWordCount());
-            });
-
-            it('CSS of \'word limit reached\' warning message and \'word count\' container', { tags: 'css' }, () => {
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .verifyCSS(css.color.errorText, css.fontSize.small, css.fontWeight.regular);
-                essayResponsePage.responseFieldWordCount()
-                    .should('have.css', 'border', `1px solid ${css.color.errorFieldBorder}`)
-                    .and('have.css', 'background-color', css.color.errorFieldBg);
-            });
-
-            it('Accessibility of \'word limit reached\' warning message and \'word count\' container', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(essayResponsePage.wordLimitReachedWarningMessage());
-                cy.checkAccessibility(essayResponsePage.responseFieldWordCount());
-            });
-
-            it('When the user removes/deletes some words, the warning message should disappear and the word count should also update accordingly', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(5))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-                essayResponsePage.steps.verifyResponseFieldWordCount('4/5');
-            });
-
-            it('When the user removes all the words, the word count displayed should be \'0\'', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(21), { delay: 50 });
-                essayResponsePage.steps.verifyResponseFieldWordCount('0/5');
-            });
-        });
-
-        describe('Case 2: Display word limit - Display on limit', () => {
-            it('When the user selects option \'Display on limit\' from the Display word limit dropdown, then in the preview tab only the word count should be displayed', () => {
-                cy.log('Switching to edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(1, 'Display on limit');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.responseFieldWordCount()
-                    .should('have.text', '0');
-            });
-
-            it('When the user types something in the response field, then the word limit should not be displayed, the word count should be displayed and the word count should update accordingly', () => {
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum');
-                essayResponsePage.steps.verifyResponseFieldWordCount('2');
-            });
-
-            it('When the user reaches the word limit, the word count should be displayed in the format *word limit*/*word limit* along with the \'word limit reached\' warning message', () => {
-                essayResponsePage.responseField()
-                    .type(' dolor sit amet')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes some words, the warning message should disappear and the word count should also update accordingly', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(5))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-                essayResponsePage.steps.verifyResponseFieldWordCount('4');
-            });
-        });
-
-        describe('Case 3: Display word limit - Off', () => {
-            it('When the user selects option \'Off\' from the Display word limit dropdown, then in the Preview tab the word limit should not be displayed and only the word count should be displayed', () => {
-                cy.log('Switching to edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(2, 'Off');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.responseFieldWordCount()
-                    .should('have.text', '0');
-            });
-
-            it('When the user types something in the response field, then the word limit should not be displayed, the word count should be displayed and the word count should update accordingly', () => {
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum');
-                essayResponsePage.steps.verifyResponseFieldWordCount('2');
-            });
-
-            it('When the user reaches the word limit, then the word count should be displayed along with the \'word limit reached\' warning message', () => {
-                essayResponsePage.responseField()
-                    .type(' dolor sit amet')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes some words, the warning message should disappear and the word count should also update accordingly', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(5))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-                essayResponsePage.steps.verifyResponseFieldWordCount('4');
-            });
-        });
-    });
-
-    describe('Display word limit and set word limit cases when show word count is deselected', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-            essayResponsePage.steps.setWordLimit(5);
-            essayResponsePage.showWordCountCheckbox()
-                .click()
-                .should('not.be.checked');
-            cy.barsPreLoaderWait();
-        });
-
-        describe('Case 1: Display word limit - Always displayed', () => {
-            it('When the user selects option \'Always displayed\' from the Display word limit dropdown, then in the Preview tab word limit should be displayed and word count should not be displayed', () => {
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(0, 'Always displayed');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.steps.verifyResponseFieldWordCount('5');
-            });
-
-            it('When the user types something in the response field, then the word count should not appear', () => {
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5');
-            });
-
-            it('When the user reaches the word limit, then the word limit should be displayed along with the \'word limit reached\' warning message', () => {
-                essayResponsePage.responseField()
-                    .type(' dolor sit amet')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes some words, the warning message should disappear', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(5))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-            });
-        });
-
-        describe('Case 2: Display word limit - Display on limit', () => {
-            it('When the user selects option \'Display on limit\' from the Display word limit dropdown, then in the preview tab the word limit and word count should not be displayed', () => {
-                cy.log('Switching to edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(1, 'Display on limit');
-                essayResponsePage.steps.switchToPreviewTab();
-            });
-
-            it('When the user types something in the response field, then the word limit and word count should not be displayed', () => {
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum');
-                essayResponsePage.responseFieldWordCount()
-                    .should('not.exist');
-            });
-
-            it('When the user reaches the word limit, the word limit should be displayed along with the \'word limit reached\' warning message', () => {
-                essayResponsePage.responseField()
-                    .type(' dolor sit amet')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes some words, the warning message and the word limit should disappear', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(5))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-            });
-        });
-
-        describe('Case 3: Display word limit - Off', () => {
-            it('When the user selects option \'Off\' from the Display word limit dropdown, then in the Preview tab the word limit should not be displayed', () => {
-                cy.log('Switching to edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(2, 'Off');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.responseFieldWordCount()
-                    .should('not.exist');
-            });
-
-            it('When the user types something in the response field, then the word limit and word count should not be displayed', () => {
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum');
-                essayResponsePage.responseFieldWordCount()
-                    .should('not.exist');
-            });
-
-            it('When the user reaches the word limit, then the word limit and word count should not be displayed and only the \'word limit reached\' warning message should be displayed', () => {
-                essayResponsePage.responseField()
-                    .type(' dolor sit amet')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet');
-                essayResponsePage.responseFieldWordCount()
-                    .should('not.exist');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes some words, the warning message should disappear', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(5))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-            });
-        });
-    });
-
-    describe('Allow submission over word limit section', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-            essayResponsePage.steps.setWordLimit(5);
-        });
-
-        it('\'Allow submission over word limit\' checkbox label and checkbox should be displayed and by default it should be deselected', () => {
-            essayResponsePage.allowSubmissionOverWordLimitLabel()
-                .verifyInnerText('Allow submission over word limit');
-            essayResponsePage.allowSubmissionOverWordLimitCheckbox()
-                .should('not.be.checked');
-        });
-
-        it('CSS of \'Allow submission over word limit\' section', { tags: 'css' }, () => {
-            essayResponsePage.allowSubmissionOverWordLimitLabel()
-                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            essayResponsePage.allowSubmissionOverWordLimitCheckbox()
-                .parent()
-                .find('svg')
-                .should('have.css', 'fill', css.color.uncheckedCheckbox);
-        });
-
-        it('Accessibility of \'Allow submission over word limit\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.setWordLimitInputField().parents('.essay-response-question-word-limit-setting-wrapper'));
-        });
-
-        it('When the \'Allow submission over word limit\' checkbox is deselected, then in the Preview tab the user should not be able to type above the word limit', () => {
-            essayResponsePage.steps.switchToPreviewTab();
-            essayResponsePage.responseField()
-                .type('Lorem Ipsum dolor sit amet c')
-            essayResponsePage.responseField()
-                .should('have.text', 'Lorem Ipsum dolor sit amet ')
-                .and('not.have.text', 'Lorem Ipsum dolor sit amet c');
-            essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-        });
-
-        it('When the user reaches the word limit, the \'word limit reached\' warning message should be displayed and the word count should not increase above the word limit', () => {
-            essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-        });
-
-        it('When the user removes/deletes some words, the warning message should disappear and the word count should also update accordingly', () => {
-            essayResponsePage.responseField()
-                .type('{backspace}'.repeat(5))
-                .should('have.text', 'Lorem Ipsum dolor sit');
-            essayResponsePage.wordLimitReachedWarningMessage()
-                .should('not.exist');
-        });
-    });
-
-    describe('\'Display word limit\' and \'Allow submission over word limit\' cases when \'Allow submission over word limit\' is selected', () => {
-        abortEarlySetup();
-        before(() => {
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-            essayResponsePage.steps.setWordLimit(5);
-            essayResponsePage.allowSubmissionOverWordLimitCheckbox()
-                .click()
-                .should('be.checked');
-        });
-
-        describe('Case 1: Display word limit - Always displayed', () => {
-            it('When \'Always displayed\' option is selected from the \'Display word limit\' dropdown, then in the preview tab when the user reaches word limit, word count should be displayed in the format *word limit*/*word limit* along with \'word limit reached\' warning message', () => {
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(0, 'Always displayed');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum dolor sit amet');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user exceeds the word limit, the word count should increase above the word limit and the warning message should be displayed', () => {
-                essayResponsePage.responseField()
-                    .clear();
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum dolor sit amet cons');
-                essayResponsePage.steps.verifyResponseFieldWordCount('6/5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes words till the word count is less the word limit, the warning message should disappear and the word count should also update accordingly', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(10))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.steps.verifyResponseFieldWordCount('4/5');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-            });
-        });
-
-        describe('Case 2: Display word limit - Display on limit', () => {
-            it('When \'Display on limit\' option is selected from the \'Display word limit\' dropdown, then in the preview tab when the user reaches word limit, word limit should be displayed in the format *word limit*/*word limit* along with \'word limit reached\' warning message', () => {
-                cy.log('switching to edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(1, 'Display on limit');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum dolor sit amet');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5/5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user exceeds the word limit, the word count should increase above the word limit and the warning message should be displayed', () => {
-                essayResponsePage.responseField()
-                    .type(' cons')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet cons')
-                essayResponsePage.steps.verifyResponseFieldWordCount('6/5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes words till the word count is less the word limit, the warning message should disappear and the word count should also update accordingly', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(10))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.steps.verifyResponseFieldWordCount('4');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-            });
-        });
-
-        describe('Case 3: Display word limit - Off', () => {
-            it('When \'Off\' option is selected from the \'Display word limit\' dropdown, then in the preview tab when the user reaches word limit, word limit should not be displayed only word count should be displayed along with \'word limit reached\' warning message', () => {
-                cy.log('switching to edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                essayResponsePage.steps.openAndSelectOptionFromDisplayWordLimitDropdown(2, 'Off');
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.steps.enterTextInResponseField('Lorem Ipsum dolor sit amet');
-                essayResponsePage.steps.verifyResponseFieldWordCount('5');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user exceeds the word limit, the word count should increase above the word limit and the warning message should be displayed', () => {
-                essayResponsePage.responseField()
-                    .type(' cons')
-                    .should('have.text', 'Lorem Ipsum dolor sit amet cons')
-                essayResponsePage.steps.verifyResponseFieldWordCount('6');
-                essayResponsePage.steps.verifyWordLimitReachedWarningMessage();
-            });
-
-            it('When the user removes/deletes words till the word count is less the word limit, the warning message should disappear and the word count should also update accordingly', () => {
-                essayResponsePage.responseField()
-                    .type('{backspace}'.repeat(10))
-                    .should('have.text', 'Lorem Ipsum dolor sit');
-                essayResponsePage.steps.verifyResponseFieldWordCount('4');
-                essayResponsePage.wordLimitReachedWarningMessage()
-                    .should('not.exist');
-            });
-        });
-    });
-});