itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/ReadingRuler/readingRulerPreviewTab.js

@@ -1,257 +0,0 @@
-import { readingRulerPage } from "../../../pages";
-import { createQuestionBasePage } from "../../../pages/components";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-describe('Create Item page - Reading ruler: Preview Tab', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('\'Conditional checkboxes\'- Preview Tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to \'Reading ruler\' resource tool');
-            readingRulerPage.steps.navigateToCreateResource('reading ruler');
-        });
-
-        it('When user checks the \'Display button to student\' checkbox then reading ruler button should be displayed in Preview tab', () => {
-            readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'visible')
-        });
-
-        it('When user unchecks the \'Display button to student\' checkbox then reading ruler button should not be displayed in Preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.uncheckDisplayButtonToStudentCheckbox();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'notExist')
-        });
-
-        it('Accessbility of preview tab when reading ruler button is not displayed', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(readingRulerPage.previewWrapper());
-        });
-
-        it('When user checks the \'Allow student to resize\' checkbox then the resize buttons on the reading ruler should be displayed in enabled state in Preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.checkDisplayButtonToStudentCheckbox();
-            readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            readingRulerPage.steps.verifyResizeButtonsEnabled();
-        });
-
-        // Failing due to https://redmine.zeuslearning.com/issues/528044
-        it('Accessbility of reading ruler and reading ruler button', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(readingRulerPage.readingRulerButton());
-            cy.checkAccessibility(readingRulerPage.readingRuler());
-        });
-
-        it('When user unchecks the \'Allow student to resize\' checkbox then the resize buttons on the reading ruler should be displayed in disabled state in Preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.uncheckAllowStudentToResizeCheckbox();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            readingRulerPage.steps.verifyResizeButtonDisabled();
-        });
-
-        // Failing due to https://redmine.zeuslearning.com/issues/528044
-        it('Accessbility of reading ruler when \'Allow student to resize\' checkbox is unchecked', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(readingRulerPage.readingRuler());
-        });
-
-        it('When user checks the \'Visible on landing\' checkbox then switches to Preview tab, reading ruler button should be in selected state and reading ruler should be displayed in the preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifySelectedStateOfReadingRulerButton();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'visible');
-        });
-
-        it('When user clicks on the \'Close\' button on the reading ruler then the reading ruler should close and reading ruler button should be in unselected state in the Preview tab', () => {
-            readingRulerPage.steps.clickOnCloseButtonInReadingRuler();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
-        });
-
-        it('When user unchecks the \'Visible on landing\' checkbox then the reading ruler should not be visible and reading ruler button should be in unselected state in the Preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.uncheckVisibleOnLandingCheckbox();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
-        });
-    });
-
-    describe('Preview Tab contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to \'Reading ruler\' resource tool');
-            readingRulerPage.steps.navigateToCreateResource('reading ruler');
-        });
-
-        it('When \'Display button to student\' and \'Allow student to resize\' checkbox are checked and when user switches to preview tab, reading ruler button should be displayed in unselected state', () => {
-            readingRulerPage.steps.verifyDisplayButtonToStudentCheckboxIsChecked();
-            readingRulerPage.steps.verifyAllowStudentToResizeCheckboxIsChecked();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRulerButton(), 'visible');
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
-        });
-
-        it('CSS of active and default state of \'ReadingRuler\' button in Preview tab', { tags: 'css' }, () => {
-            readingRulerPage.steps.hoverOnReadingRulerButton();
-            utilities.verifyCSS(readingRulerPage.readingRulerButton(), {
-                'border': `1px solid ${css.color.activeButtons}`,
-                'background-color': css.color.figActiveComponentBg
-            });
-            readingRulerPage.steps.hoverAwayFromReadingRulerButton();
-            utilities.verifyCSS(readingRulerPage.readingRulerButton(), {
-                'border': `1px solid ${css.color.secondaryBtnBorder}`,
-                'background-color': css.color.defaultBackground
-            });
-        });
-
-        it('When user clicks on the reading ruler button, reading ruler should be displayed in Preview Tab and reading ruler button should be in selected state', () => {
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'visible');
-            readingRulerPage.steps.verifySelectedStateOfReadingRulerButton();
-        });
-
-        it('Drag handle button, resize buttons, and close button should be visible and displayed in enabled state in Preview tab ', () => {
-            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
-            buttons.forEach(button => {
-                utilities.verifyElementVisibilityState(button(), 'visible');
-            });
-            readingRulerPage.steps.verifyResizeButtonsEnabled();
-            readingRulerPage.steps.verifyCloseButtonEnabled();
-            readingRulerPage.steps.verifyDragButtonEnabled();
-        });
-
-        it('CSS of Drag handle button, resize buttons, and close button in default state', { tags: 'css' }, () => {
-            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
-            buttons.forEach(button => {
-                utilities.verifyCSS(button(), {
-                    'color': css.color.primaryBtn,
-                    'font-weight': css.fontWeight.medium
-                });
-            });
-        });
-
-        // Failing due to https://redmine.zeuslearning.com/issues/542325
-        it('CSS of Drag handle button, resize buttons, and close button in hover state', { tags: 'css' }, () => {
-            const buttons = [readingRulerPage.dragButton, readingRulerPage.topResizeButton, readingRulerPage.bottomResizeButton, readingRulerPage.closeButton, readingRulerPage.resizeButton]
-            buttons.forEach(button => {
-                button()
-                    .realHover()
-                utilities.verifyCSS(button(), {
-                    'background-color': css.color.activeButtons
-                });
-            });
-        });
-
-        it('When user deselects the reading ruler button then the button should be displayed in unselected state and the reading ruler should not display in Preview tab', () => {
-            readingRulerPage.steps.clickOnReadingRulerButton();
-            readingRulerPage.steps.verifyUnselectedStateOfReadingRulerButton();
-            utilities.verifyElementVisibilityState(readingRulerPage.readingRuler(), 'notExist');
-        });
-    });
-
-    describe('Opacity section - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to \'Reading ruler\' resource tool');
-            readingRulerPage.steps.navigateToCreateResource('reading ruler');
-            cy.log('Checking visible on landing checkbox')
-            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/541338
-        it('When the opacity value is set to 88 percent by default then the opacity of the ruler should be set to 88 percent in the preview tab', () => {
-            readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab(0.88);
-        });
-
-        it('When the user changes the opacity value from the opacity slider in the edit tab then the opacity of ruler should also change accordingly in the preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.clickOnOpacitySlider();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab(0.5);
-        });
-
-        it('When the user changes the opacity value from the opacity input field in the edit tab then the opacity of ruler should also change accordingly in the preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.addInputToOpacityInputField('30');
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab(0.3);
-        });
-    });
-
-    describe('Color section- Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to \'Reading ruler\' resource tool');
-            readingRulerPage.steps.navigateToCreateResource('reading ruler');
-            cy.log('Checking visible on landing checkbox')
-            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
-        });
-
-        it('When the user has selected black in the color section then the color of the ruler should be set to black in the preview tab', () => {
-            readingRulerPage.steps.verifyColorBlockSelectedState(0);
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyReadingRulerColorInPreviewTab('#1A1A1A');
-        });
-
-        it('When the user changes the color of the ruler in the edit tab then the color of the ruler should also change accordingly in the preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.selectColorBlock(1);
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyReadingRulerColorInPreviewTab('#008699');
-        });
-    });
-
-    describe('Default number of lines section - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to \'Reading ruler\' resource tool');
-            readingRulerPage.steps.navigateToCreateResource('reading ruler');
-            cy.log('Checking visible on landing checkbox')
-            readingRulerPage.steps.checkVisibleOnLandingCheckbox();
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-        });
-
-        it('When the default number of lines value is set to 4 by default then the height and size of the ruler should be set to 168px and 68px respectively in the preview tab', () => {
-            readingRulerPage.steps.verifyHeightAndSizeOfReadingRuler(168, 68);
-        });
-
-        it('When user changes the value of default number of lines value in the edit tab then the height and size of ruler should also change accordingly in the preview tab', () => {
-            cy.log('Switching to Edit Tab')
-            createQuestionBasePage.steps.switchToEditTab();
-            readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField('5');
-            cy.log('Switching to Preview Tab')
-            createQuestionBasePage.steps.switchToPreviewTab();
-            readingRulerPage.steps.verifyHeightAndSizeOfReadingRuler(180, 80);
-        });
-    });
-});

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseAdditionalSettings.js

@@ -1,376 +0,0 @@
-import { shortTextResponsePage } from "../../../pages";
-import { commonComponents } from "../../../pages/components";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-
-describe('Short text response - Additional settings', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings: Student response area and layout', () => {
-        abortEarlySetup();
-        before(() => {
-            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-            shortTextResponsePage.steps.expandAdditonalSettings();
-        });
-
-        shortTextResponsePage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
-    });
-
-    describe('Additional Settings: ARIA label', () => {
-        abortEarlySetup();
-        before(() => {
-            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-            shortTextResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('CSS of \'ARIA label\' section', { tags: 'css' }, () => {
-            shortTextResponsePage.ariaLabelLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            shortTextResponsePage.ariaLabelInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        //Note: a11y covered in Additional settings accordion, verifyAdditonalSettingsAccordionProperties
-
-        it('By default, \'ARIA label\' label and empty \'ARIA label\' input field should be displayed', () => {
-            shortTextResponsePage.ariaLabelLabel()
-                .verifyInnerText('ARIA label');
-            shortTextResponsePage.ariaLabelInputField()
-                .should('have.value', '');
-        });
-
-        //ARIA label test cases for set correct answer section
-        it('When user has not set \'ARIA label\' input field then the default \'ARIA label\' should be displayed in the set correct answer section response field', () => {
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .should('have.attr', 'aria-label', 'Enter your response to the question here');
-        });
-
-        it('When the user has set \'ARIA label\' then it should be displayed in the response field in the set correct answer section.', () => {
-            shortTextResponsePage.ariaLabelInputField()
-                .type('Custom Aria Label')
-                .should('have.value', 'Custom Aria Label');
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .should('have.attr', 'aria-label', 'Custom Aria Label');
-        });
-
-        it('Accessibility of input field in set correct answer section when custom \'ARIA label\' is set and Custom label', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(shortTextResponsePage.setCorrectAnswerResponseField().parents('.short-text-response-input-field'))
-        });
-
-        it('When the user clears the set value in the ARIA label input field, then the default ARIA label should appear again in the set correct answer section', () => {
-            shortTextResponsePage.ariaLabelInputField()
-                .clear()
-                .should('have.value', '');
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .should('have.attr', 'aria-label', 'Enter your response to the question here');
-        });
-
-        //ARIA label test cases for preview tab
-        it('When user has not set \'ARIA label\' input field then in the preview tab default \'ARIA label\' should be displayed in the response field', () => {
-            cy.log('Pre step: Switch to Preview tab')
-            shortTextResponsePage.steps.switchToPreviewTab();
-            shortTextResponsePage.previewTabResponseField()
-                .should('have.attr', 'aria-label', 'Enter your response to the question here');
-        });
-
-        it('When the user has set \'ARIA label\' in the response accordion then it should be displayed in the preview tab response field', () => {
-            cy.log('Pre step: Switch to Edit tab')
-            shortTextResponsePage.steps.switchToEditTab();
-            shortTextResponsePage.ariaLabelInputField()
-                .type('Custom Aria Label')
-                .should('have.value', 'Custom Aria Label');
-            shortTextResponsePage.steps.switchToPreviewTab();
-            shortTextResponsePage.previewTabResponseField()
-                .should('have.attr', 'aria-label', 'Custom Aria Label');
-        });
-
-        it('Accessibility of input field in preview tab when custom \'ARIA label\' is set', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(shortTextResponsePage.previewTabResponseField().parents('.short-text-preview-response-input-field'))
-        });
-
-        it('When the user clears the set value in the ARIA label input field, then the default ARIA label should appear again in the preview tab response field', () => {
-            cy.log('Pre step: Switch to Edit tab')
-            shortTextResponsePage.steps.switchToEditTab();
-            shortTextResponsePage.ariaLabelInputField()
-                .clear()
-                .should('have.value', '');
-            shortTextResponsePage.steps.switchToPreviewTab();
-            shortTextResponsePage.previewTabResponseField()
-                .should('have.attr', 'aria-label', 'Enter your response to the question here');
-        });
-    });
-
-    describe('Additional Settings: Placeholder text', () => {
-        abortEarlySetup();
-        before(() => {
-            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-            shortTextResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Placeholder text\' label and input field should be displayed and by default, the input field should be empty', () => {
-            shortTextResponsePage.placeholderTextLabel()
-                .verifyInnerText('Placeholder text');
-            shortTextResponsePage.placeholderTextInputField()
-                .should('have.value', '');
-        });
-
-        it('CSS of \'Placeholder text\' section', { tags: 'css' }, () => {
-            shortTextResponsePage.placeholderTextLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            shortTextResponsePage.placeholderTextInputField()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        //Note: a11y covered in Additional settings accordion, verifyAdditonalSettingsAccordionProperties
-
-        //Placeholder test cases for Set correct answer section response field
-        it('When \'Placeholder text\' input field is empty then no \'Placeholder text\' should be displayed in the set correct answer response field', () => {
-            shortTextResponsePage.placeholderTextInputField()
-                .should('have.value', '');
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .should('have.attr', 'placeholder', '');
-        });
-
-        it('When the user adds a text in the Placeholder input field, the added placeholder should be displayed in the set correct answer response field', () => {
-            shortTextResponsePage.placeholderTextInputField()
-                .type('Lorem Ipsum')
-                .should('have.value', 'Lorem Ipsum');
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .should('have.attr', 'placeholder', 'Lorem Ipsum');
-        });
-
-        //Comment: 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\'', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(shortTextResponsePage.setCorrectAnswerResponseField().parents('.short-text-response-input-field'));
-        });
-
-        it('When the user starts typing 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 response field', () => {
-            //TODO: Need to update script after https://redmine.zeuslearning.com/issues/527580 is resolved
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .type('Response')
-                .should('have.value', 'Response')
-                .should('not.have.attr', 'placeholder');
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .clear()
-                .blur();
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .should('have.attr', 'placeholder', 'Lorem Ipsum');
-        });
-
-        //Placeholder test cases for Preview tab response field
-        it('When \'Placeholder text\' input field is empty then no \'Placeholder text\' should be displayed in the preview tab response field', () => {
-            cy.log('Pre step: Clearing the placeholder text and switching to Preview tab')
-            shortTextResponsePage.placeholderTextInputField()
-                .clear()
-                .should('have.value', '');
-            shortTextResponsePage.steps.switchToPreviewTab();
-            shortTextResponsePage.previewTabResponseField()
-                .should('have.attr', 'placeholder', '');
-        });
-
-        it('When the user adds a text in the Placeholder input field, the added placeholder should be displayed in the preview tab response field', () => {
-            cy.log('Pre step: Switch to Edit tab')
-            shortTextResponsePage.steps.switchToEditTab();
-            shortTextResponsePage.placeholderTextInputField()
-                .type('Lorem Ipsum')
-                .should('have.value', 'Lorem Ipsum');
-            shortTextResponsePage.steps.switchToPreviewTab();
-            shortTextResponsePage.previewTabResponseField()
-                .should('have.attr', 'placeholder', 'Lorem Ipsum');
-        });
-
-        //Comment: 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\'', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(shortTextResponsePage.previewTabResponseField().parents('.short-text-preview-response-input-field'))
-        });
-
-        it('When the user starts typing in the response field, then the placeholder text should disappear and on clearing the input field the placeholder text should re-appear for the preview tab response field', () => {
-            shortTextResponsePage.previewTabResponseField()
-                .type('Response')
-                .should('have.value', 'Response')
-                .should('not.have.attr', 'placeholder');
-            shortTextResponsePage.previewTabResponseField()
-                .clear()
-                .blur();
-            shortTextResponsePage.previewTabResponseField()
-                .should('have.attr', 'placeholder', 'Lorem Ipsum');
-        });
-    });
-
-    describe('Additional Settings: Type of answer input', () => {
-        const typeOfAnswers = ['Text', 'Number'];
-        abortEarlySetup();
-        before(() => {
-            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-            shortTextResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Type of answer\' label and dropdown should be displayed and in \'Type of answer\' dropdown \'Text\' option should be selected by default', () => {
-            shortTextResponsePage.typeOfAnswerInputLabel()
-                .verifyInnerText('Type of answer input');
-            shortTextResponsePage.typeOfAnswerInputDropdown()
-                .verifyInnerText('Text');
-        });
-
-        it('CSS of \'Type of answer\' dropdown', { tags: 'css' }, () => {
-            shortTextResponsePage.typeOfAnswerInputLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            shortTextResponsePage.typeOfAnswerInputDropdown()
-                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular);
-        });
-
-        //Note: a11y covered in Additional settings accordion, verifyAdditonalSettingsAccordionProperties
-
-        it(`Clicking on Type of answer dropdown should open a list of 2 options - ${typeOfAnswers}`, () => {
-            shortTextResponsePage.typeOfAnswerInputDropdown()
-                .click();
-            shortTextResponsePage.typeOfAnswerInputDropdownListOptions(0)
-                .should('be.visible');
-            typeOfAnswers.forEach((index, count) => {
-                shortTextResponsePage.typeOfAnswerInputDropdownListOptions(count)
-                    .verifyInnerText(index);
-            });
-        });
-
-        it('CSS of Type of answer dropdown in Active state', { tags: 'css' }, () => {
-            shortTextResponsePage.typeOfAnswerInputDropdownListOptions(0)
-                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular)
-                .should('have.css', 'background-color', css.color.liTextSelectedBg);
-            shortTextResponsePage.typeOfAnswerInputDropdownListOptions(1)
-                .should('have.css', 'background-color', css.color.transparent);
-        });
-
-        it('Accessibility of Type of answer dropdown in active state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(commonComponents.dropdownList());
-        });
-
-        //Type of answer input test cases for set correct answer section response field
-        it('When \'Text\' option is set in the dropdown, then user should be able to add alpha-numeric characters in the Set correct answer section', () => {
-            shortTextResponsePage.typeOfAnswerInputDropdown()
-                .verifyInnerText('Text');
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .type('Response 1')
-                .should('have.value', 'Response 1');
-        });
-
-        it('When user selects \'Number\' option from the dropdown the the user should be able to add only numeric characters in the set correct answer response field', () => {
-            shortTextResponsePage.typeOfAnswerInputDropdown()
-                .click();
-            shortTextResponsePage.typeOfAnswerInputDropdownListOptions(1)
-                .click();
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .type('Response 1')
-                .should('have.value', 'ee 1');
-        });
-
-        //Type of answer input test cases for preview tab response field
-        it('When \'Text\' option is set in the dropdown, then user should be able to add alpha-numeric characters in preview tab response field', () => {
-            shortTextResponsePage.typeOfAnswerInputDropdown()
-                .click();
-            shortTextResponsePage.typeOfAnswerInputDropdownListOptions(0)
-                .click();
-            shortTextResponsePage.steps.switchToPreviewTab()
-            shortTextResponsePage.previewTabResponseField()
-                .type('Response 1')
-                .should('have.value', 'Response 1');
-        });
-
-        it('When user selects \'Number\' option from the dropdown then the user should be able to add only numeric characters in the preview tab input field', () => {
-            shortTextResponsePage.steps.switchToEditTab()
-            shortTextResponsePage.typeOfAnswerInputDropdown()
-                .click();
-            shortTextResponsePage.typeOfAnswerInputDropdownListOptions(1)
-                .click();
-            shortTextResponsePage.steps.switchToPreviewTab()
-            shortTextResponsePage.previewTabResponseField()
-                .type('Response 1')
-                .should('have.value', 'ee 1');
-        })
-    });
-
-    describe('Additional Settings: Set character limit', () => {
-        abortEarlySetup();
-        before(() => {
-            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
-            shortTextResponsePage.steps.expandAdditonalSettings();
-        });
-
-        it('\'Set character limit\' label and input field should be displayed and in \'Set character limit\' input field the default value should be \'50\'', () => {
-            shortTextResponsePage.setCharacterLimitLabel()
-                .verifyInnerText('Set character limit')
-                .should('be.visible');
-            shortTextResponsePage.setCharacterLimitInputField()
-                .should('have.value', '50')
-                .and('be.visible');
-        });
-
-        it('When user tries to remove the default set characters limit then it should set to the default value \'50\'', () => {
-            shortTextResponsePage.steps.switchToEditTab()
-            shortTextResponsePage.setCharacterLimitInputField()
-                .clear()
-                .blur();
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .type('euismod quis viverra nibh cras pulvinar mattiseuises')
-                .should('have.value', 'euismod quis viverra nibh cras pulvinar mattiseuis');
-            cy.log('Post step: Clearing the input field and setting value to 50')
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .clear();
-            shortTextResponsePage.setCharacterLimitInputField()
-                .type('50')
-                .should('have.value', '50');
-        });
-
-        //Set character limit test cases for set correct answer section response field
-        it('User should not be able to add characters more than the default Set character limit value in the Set correct answer response field', () => {
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .type('mi proin sed libero enim sed faucibus turpis in eum')
-                .should('have.value', 'mi proin sed libero enim sed faucibus turpis in eu');
-        });
-
-        it('User should be able to edit the \'Set character limit\' input field', () => {
-            shortTextResponsePage.steps.switchToEditTab()
-            shortTextResponsePage.setCharacterLimitInputField()
-                .clear()
-                .type('45')
-                .should('have.value', '45');
-        });
-
-        it('User should not be able to add characters more than the Set character limit value in the Set correct answer response field', () => {
-            shortTextResponsePage.setCorrectAnswerResponseField()
-                .clear()
-                .type('ut placerat orci nulla pellentesque dignissim e')
-                .should('have.value', 'ut placerat orci nulla pellentesque dignissim');
-        });
-
-        //Type of answer input test cases for preview tab response field
-        it('User should not be able to add characters more than the default Set character limit value in the preview tab response field', () => {
-            shortTextResponsePage.setCharacterLimitInputField()
-                .clear()
-                .type('20')
-                .should('have.value', '20');
-            shortTextResponsePage.steps.switchToPreviewTab()
-            shortTextResponsePage.previewTabResponseField()
-                .type('ut placerat orci nulla')
-                .should('have.value', 'ut placerat orci nul');
-        });
-
-        it('User should be able to edit the \'Set character limit\' input field', () => {
-            shortTextResponsePage.steps.switchToEditTab()
-            shortTextResponsePage.setCharacterLimitInputField()
-                .clear()
-                .type('45')
-                .should('have.value', '45');
-        });
-
-        it('User should not be able to add characters more than the Set character limit value in the preview tab response field', () => {
-            shortTextResponsePage.steps.switchToPreviewTab()
-            shortTextResponsePage.previewTabResponseField()
-                .type('ut placerat orci nulla pellentesque dignissim e')
-                .should('have.value', 'ut placerat orci nulla pellentesque dignissim');
-        });
-    });
-});