itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/FeedbackScale/feedbackScaleColorPopup.js

@@ -1,237 +0,0 @@
-import { colorPopupComponent } from "../../../pages/components";
-import { feedbackScalePage } from "../../../pages/feedbackScalePage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-describe('Create item page: Feedback scale: Color popup', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Color popup contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-        });
-
-        it('When the user clicks on the color block present in an option accordion, a color popup should be displayed', () => {
-            colorPopupComponent.steps.clickOnColorBlock(0);
-            colorPopupComponent.steps.verifyColorPopupIsDisplayed();
-        });
-
-        it('A title \'Select color\' should be displayed on the color popup', () => {
-            colorPopupComponent.steps.verifyColorPopupSelectColorTitle();
-        });
-
-        it('A \'Color saturation palette\' should be displayed on the color popup along with a color picker and the color picker should be set on the selected color', () => {
-            colorPopupComponent.steps.verifyColorSaturationPaletteAndPicker();
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(230, 77, 26)');
-
-        });
-
-        it('A \'Color hue palette\' should be displayed on the color popup along with a color picker and the color picker should be set on the selected color', () => {
-            colorPopupComponent.steps.verifyColorHuePaletteAndPicker();
-            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 64, 0)');
-        });
-
-        it('A \'Selected color\' label and color block displaying the selected color should be displayed', () => {
-            colorPopupComponent.steps.verifySelectedColorLabelAndSelectedColorBlock();
-            colorPopupComponent.steps.verifySelectedColorBlock('rgb(229, 76, 25)');
-        });
-
-        it('A \'Hex\' label and input field with pre-filled hex code value of the selected color should be displayed', () => {
-            colorPopupComponent.steps.verifyHexLabelAndInputField();
-            colorPopupComponent.steps.verifyHexValue('#E54C19');
-        });
-
-        it('A \'Opacity\' label, a slider at 100% and an input field with pre-filled value - 100% should be displayed', () => {
-            colorPopupComponent.steps.verifyOpacityLabelSliderAndInputField();
-            colorPopupComponent.steps.verifyOpacityInputFieldValue('100');
-            colorPopupComponent.steps.verifyOpacitySliderValue('100');
-        });
-
-        it('A \'Recommended colors\' label along with recommended color blocks - Red, Yellow, Green, Black should be displayed', () => {
-            colorPopupComponent.steps.verifyRecommendedColorsLabel();
-            colorPopupComponent.steps.verifyRecommendedColorBlocksLabel();
-        });
-
-        it('When the selected color is one of the recommended color, then a \'selected\' icon should appear on the respective recommended color block', () => {
-            colorPopupComponent.steps.verifyRecommendedColorBlockSelectedState(0);
-        });
-
-        it('\'Cancel\' and \'Ok\' buttons should be displayed', () => {
-            colorPopupComponent.steps.verifyColorPopupCancelButton();
-            colorPopupComponent.steps.verifyColorPopupOkButton();
-        });
-
-        colorPopupComponent.tests.verifyCSSAnda11yOfColourPopupContents();
-    });
-
-    describe('Color popup - updating the selected color', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            colorPopupComponent.steps.clickOnColorBlock(0);
-        });
-
-        it('When the user moves the color picker in the color saturation palette, color in the selected color block and the hex code should change, color in the hue color palette and the opacity value should not change', () => {
-            colorPopupComponent.steps.clickInColorSaturationPalette();
-            colorPopupComponent.steps.verifySelectedColorBlock('rgb(122, 76, 61)');
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(122, 77, 62)');
-            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 64, 0)');
-            colorPopupComponent.steps.verifyHexValue('#7a4c3d');
-            colorPopupComponent.steps.verifyOpacityInputFieldValue('100');
-            colorPopupComponent.steps.verifyOpacitySliderValue('100');
-        });
-
-        it('When the user has set a custom color apart from the recommended colors, then the selected icon from the recommended color block should get removed', () => {
-            utilities.verifyElementVisibilityState(colorPopupComponent.recommendedColorBlockSelectedIcon(), 'notExist');
-        });
-
-        it('When the user moves the color picker in the color hue palette, color in the selected color block, the hex code and the saturation color palette should change and the opacity value should not change', () => {
-            colorPopupComponent.steps.clickInColorHuePalette();
-            colorPopupComponent.steps.verifySelectedColorBlock('rgb(61, 122, 122)');
-            colorPopupComponent.steps.verifyHuePaletteColor('rgb(0, 255, 255)');
-            colorPopupComponent.steps.verifyHexValue('#3d7a7a');
-            colorPopupComponent.steps.verifyOpacityInputFieldValue('100');
-            colorPopupComponent.steps.verifyOpacitySliderValue('100');
-        });
-
-        it('When the user changes the color using hex code, the color in color saturation palette and color hue palette should change and the opacity value should not change', () => {
-            colorPopupComponent.steps.addInputToHexInputField('#ff0000');
-            colorPopupComponent.steps.verifyHexValue('#ff0000');
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 0, 0)');
-            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
-            colorPopupComponent.steps.verifyOpacityInputFieldValue('100');
-            colorPopupComponent.steps.verifyOpacitySliderValue('100');
-        });
-        // failing due to https://redmine.zeuslearning.com/issues/541405
-        it('When the user changes the opacity slider value, value in the opacity input field and the opacity of the selected color should change and the color in color saturation palette and color hue palette should not change', () => {
-            colorPopupComponent.steps.clickOnOpacitySlider();
-            colorPopupComponent.steps.verifyOpacityInputFieldValue('50');
-            colorPopupComponent.steps.verifyOpacitySliderValue('50');
-            colorPopupComponent.steps.verifyHexValue('#ff0000');
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 0, 0)');
-            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
-            colorPopupComponent.steps.verifySelectedColorBlock('rgba(255, 0, 0, 0.5)')
-        });
-
-        it('When the user changes value in the opacity input field, the slider value and the opacity of the selected color should change and the color in color saturation palette and color hue palette should not change', () => {
-            colorPopupComponent.steps.addInputToOpacityInputField('20');
-            colorPopupComponent.steps.verifyOpacityInputFieldValue('20');
-            colorPopupComponent.steps.verifyOpacitySliderValue('20');
-            colorPopupComponent.steps.verifyHexValue('#ff0000');
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 0, 0)');
-            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
-            colorPopupComponent.steps.verifySelectedColorBlock('rgba(255, 0, 0, 0.2)');
-        });
-
-        it('When the user selects a color block from the recommended colors, the selected color should change, the opacity values should not change and the selected icon should be displayed on the newly selected recommended color', () => {
-            colorPopupComponent.steps.selectRecommendedColorBlock(1);
-            colorPopupComponent.steps.verifyRecommendedColorBlockSelectedState(1);
-            colorPopupComponent.steps.verifyOpacityInputFieldValue('20');
-            colorPopupComponent.steps.verifyOpacitySliderValue('20');
-            colorPopupComponent.steps.verifyHexValue('#FFF019');
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(255, 240, 26)');
-            colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 238, 0)');
-            colorPopupComponent.steps.verifySelectedColorBlock('rgba(255, 240, 25, 0.2)')
-        });
-    });
-
-    describe('Color popup - \'Cancel\' and \'Ok\' buttons', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            colorPopupComponent.steps.clickOnColorBlock(0);
-        });
-
-        it('When the user modifies the selected color in the color popup and clicks on \'Cancel\' button, then the popup should close, the color block should not change and the modifications in the color popup should not persist', () => {
-            colorPopupComponent.steps.addInputToHexInputField('#ff0000');
-            colorPopupComponent.steps.addInputToOpacityInputField('20');
-            colorPopupComponent.steps.clickOnCancelButton();
-            utilities.verifyElementVisibilityState(feedbackScalePage.dialogBox(), 'notExist');
-            colorPopupComponent.steps.verifyColorBlockInOptionAccordion(0, 'rgb(229, 76, 25)');
-        });
-
-        // failing due to https://redmine.zeuslearning.com/issues/541462
-        it('When the user modifies the selected color in the color popup and clicks on \'Ok\' button, then the popup should close, the color block should change to the new selected color and the modifications in the color popup should persist', () => {
-            cy.log('Pre-step: clicking on the color block to open color popup')
-            colorPopupComponent.steps.clickOnColorBlock(0);
-            colorPopupComponent.steps.addInputToHexInputField('#ff0000');
-            colorPopupComponent.steps.addInputToOpacityInputField('20');
-            colorPopupComponent.steps.clickOnOkButton();
-            utilities.verifyElementVisibilityState(feedbackScalePage.dialogBox(), 'notExist');
-            colorPopupComponent.steps.verifyColorBlockInOptionAccordion(0, 'rgba(255, 0, 0, 0.2)');
-        });
-    });
-
-    describe('Color popup - preview tab for \'Button\' layout', () => {
-        const newFeedbackColorBlock = 'rgba(255, 0, 0, 0.7)';
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            colorPopupComponent.steps.clickOnColorBlock(0);
-            colorPopupComponent.steps.addInputToHexInputField('#ff0000');
-            colorPopupComponent.steps.addInputToOpacityInputField('70');
-            colorPopupComponent.steps.clickOnOkButton();
-            feedbackScalePage.steps.switchToPreviewTab();
-        });
-
-        it('When the user modifies the selected color for a feedback option, then in the preview tab the color block that appears on the tooltip and the color block that appears in the more info accordion should be as per the newly selected color', () => {
-            feedbackScalePage.steps.verifyColorBlockOnFeedbackButtonTooltip(0, newFeedbackColorBlock);
-            feedbackScalePage.steps.expandMoreInfoAccordion();
-            feedbackScalePage.steps.verifyMoreInfoAccordionColorBlock(0, newFeedbackColorBlock);
-        });
-    });
-
-    describe('Color popup - preview tab for \'Star\' layout', () => {
-        const newFeedbackStarColor = 'rgba(255, 0, 0, 0.7)';
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            feedbackScalePage.steps.clickOnFeedbackStyleLayoutDropdown();
-            feedbackScalePage.steps.selectFeedbackStyleLayoutDropdown('Star');
-            colorPopupComponent.steps.clickOnColorBlock(0);
-            colorPopupComponent.steps.addInputToHexInputField('#ff0000');
-            colorPopupComponent.steps.addInputToOpacityInputField('70');
-            colorPopupComponent.steps.clickOnOkButton();
-            feedbackScalePage.steps.switchToPreviewTab();
-        });
-
-        it('When the user modifies the selected color for a feedback star option, then in the preview tab the color of that particular feedback star should change and feedback stars that appears in the more info accordion for that particular feedback star should be as per the newly selected color', () => {
-            utilities.verifyCSS(feedbackScalePage.feedbackStarButton().eq(0).find('svg'), {
-                'fill': css.color.defaultBackground,
-                'stroke': newFeedbackStarColor,
-            });
-            for (let index = 1; index < 5; index++) {
-                utilities.verifyCSS(feedbackScalePage.feedbackStarButton().eq(index).find('svg'), {
-                    'fill': css.color.defaultBackground,
-                    'stroke': css.color.feedbackStar,
-                });
-            };
-            feedbackScalePage.steps.expandMoreInfoAccordion();
-            feedbackScalePage.steps.verifyMoreInfoAccordionStarIconsColor(0, newFeedbackStarColor);
-            for (let index = 1; index < 5; index++) {
-                feedbackScalePage.steps.verifyMoreInfoAccordionStarIconsColor(index, css.color.feedbackStar);
-            };
-        });
-
-        it('When the user selects the feedback star with the new color, the feedback stars should get filled with the new color', () => {
-            feedbackScalePage.steps.clickOnFeedbackStarButton(0);
-            feedbackScalePage.steps.verifyFeedbackStarButtonSelectedState([0], newFeedbackStarColor);
-            feedbackScalePage.steps.verifyFeedbackStarButtonUnselectedState([1, 2, 3, 4]);
-        });
-
-        it('When the user selects the feedback star with the default set color, the feedback stars should get filled with the default set color', () => {
-            feedbackScalePage.steps.clickOnFeedbackStarButton(3);
-            feedbackScalePage.steps.verifyFeedbackStarButtonSelectedState([0, 1, 2, 3], css.color.feedbackStar);
-            feedbackScalePage.steps.verifyFeedbackStarButtonUnselectedState([4]);
-        });
-    });
-});

package/cypress/e2e/ILC/FeedbackScale/feedbackScaleEditTab.js

@@ -1,346 +0,0 @@
-import { colorPopupComponent } from "../../../pages/components";
-import { feedbackScalePage } from "../../../pages/feedbackScalePage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-describe('Create item page: Feedback scale: Edit tab - Question instructions, Feedback layout style dropdown, Default state of option accordions, Option accordion contents for \'Button\' and \'Star\' layout styles, Add, delete option accordion', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question instructions input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            cy.barsPreLoaderWait();
-        });
-
-        feedbackScalePage.tests.verifyQuestionInstructionsInputFieldEditTab();
-    });
-
-    describe('Question instructions input field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            cy.barsPreLoaderWait();
-        });
-
-        feedbackScalePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
-    });
-
-    describe('Feedback layout style dropdown', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Feedback layout style\' label and dropdown should be displayed and in the \'Feedback layout style\' dropdown, \'Button\' option should be selected by default', () => {
-            utilities.verifyInnerText(feedbackScalePage.feedbackLayoutStyleLabel(), 'Feedback layout style');
-            utilities.verifyElementVisibilityState(feedbackScalePage.feedbackLayoutStyleLabel(), 'visible');
-            utilities.verifyInnerText(feedbackScalePage.feedbackLayoutStyleDropdown(), 'Button');
-            utilities.verifyElementVisibilityState(feedbackScalePage.feedbackLayoutStyleDropdown(), 'visible');
-        });
-
-        it('CSS of \'Feedback layout style\' label and \'Feedback layout style\' dropdown in default state', { tags: 'css' }, () => {
-            utilities.verifyCSS(feedbackScalePage.feedbackLayoutStyleLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(feedbackScalePage.feedbackLayoutStyleDropdown(), {
-                'background-color': css.color.secondaryBtnBg,
-                'border': `1px solid ${css.color.defaultDropdownBorder}`
-            });
-            utilities.verifyCSS(feedbackScalePage.feedbackLayoutStyleDropdown().find('.dropdown-label-text'), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of \'Feedback layout style\' label and \'Feedback layout style\' dropdown in default state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(feedbackScalePage.feedbackLayoutStyleLabel().parents('[arialabel="feedback layout style"]'));
-        });
-
-        it('When the user clicks on \'Feedback layout style\' dropdown, a list of 2 layout options should open - \'Button\', \'Star\'', () => {
-            let dropdownOptions = ['Button', 'Star'];
-            feedbackScalePage.steps.clickOnFeedbackStyleLayoutDropdown();
-            utilities.verifyElementVisibilityState(feedbackScalePage.feedbackLayoutStyleDropdownOptions(), 'visible');
-            feedbackScalePage.steps.verifyFeedbackStyleLayoutOptions(dropdownOptions);
-        });
-
-        it('CSS of \'Feedback layout style\' label and \'Feedback layout style\' dropdown in active state', { tags: 'css' }, () => {
-            utilities.verifyCSS(feedbackScalePage.feedbackLayoutStyleDropdown(), {
-                'background-color': css.color.secondaryBtnBg,
-                'border': `1px solid ${css.color.activeComponentBorder}`,
-            });
-            utilities.verifyCSS(feedbackScalePage.feedbackLayoutStyleDropdownOptions('Button'), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-                'background-color': css.color.liTextSelectedBg,
-            });
-            utilities.verifyCSS(feedbackScalePage.feedbackLayoutStyleDropdownOptions('Star'), {
-                'color': css.color.liText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-                'background-color': css.color.transparent,
-            });
-        });
-
-        it('Accessibility of \'Feedback layout style\' label and \'Feedback layout style\' dropdown in active state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(feedbackScalePage.feedbackLayoutStyleLabel().parents('[arialabel="feedback layout style"]'));
-            cy.checkAccessibility(feedbackScalePage.feedbackLayoutStyleDropdownOptions().parents('.dropdown-list-ul'));
-        });
-    });
-
-    describe('Feedback scale - Default state of option accordions, add image, bold text in tooltip and description input fields', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Feedback scale\' label should be displayed', () => {
-            utilities.verifyInnerText(feedbackScalePage.feedbackScaleLabel(), 'Feedback scale');
-            utilities.verifyElementVisibilityState(feedbackScalePage.feedbackScaleLabel(), 'visible');
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/531554
-        it('By default, 3 option accordions should be displayed for \'Button\' layout style and \'Option 1\' accordion should be in expanded state and all other accordions should be in collapsed state', () => {
-            utilities.verifyElementCount(feedbackScalePage.optionAccordion(), 3);
-            feedbackScalePage.steps.verifyOptionAccordionInExpandedState(0);
-            feedbackScalePage.steps.verifyOptionAccordionInCollapsedState(1);
-            feedbackScalePage.steps.verifyOptionAccordionInCollapsedState(2);
-        });
-
-        it('All accordions should have an \'Option #\' label, \'delete option\' button and a chevron icon', () => {
-            for (let index = 0; index < 3; index++) {
-                feedbackScalePage.steps.verifyOptionAccordionPanelContents(index, `Option ${index + 1}`);
-            }
-        });
-
-        it('\'Label\' label and input field should be displayed', () => {
-            utilities.verifyInnerText(feedbackScalePage.labelsLabel(), 'Label');
-            utilities.verifyElementVisibilityState(feedbackScalePage.labelsLabel(), 'visible');
-            utilities.verifyElementVisibilityState(feedbackScalePage.labelsInputField(), 'visible');
-        });
-
-        it('\'Color\' label and a color block with pre filled color should be displayed', () => {
-            utilities.verifyInnerText(feedbackScalePage.colorLabel(), 'Color');
-            utilities.verifyElementVisibilityState(feedbackScalePage.colorLabel(), 'visible');
-            utilities.verifyElementVisibilityState(colorPopupComponent.colorBlock(), 'visible');
-        });
-
-        it('\'Tooltip\' label and input field should be displayed', () => {
-            utilities.verifyInnerText(feedbackScalePage.tooltipLabel(), 'Tooltip');
-            utilities.verifyElementVisibilityState(feedbackScalePage.tooltipLabel(), 'visible');
-            utilities.verifyElementVisibilityState(feedbackScalePage.tooltipInputField(), 'visible');
-        });
-
-        it('\'Description\' label and input field should be displayed', () => {
-            utilities.verifyInnerText(feedbackScalePage.descriptionLabel(), 'Description');
-            utilities.verifyElementVisibilityState(feedbackScalePage.descriptionLabel(), 'visible');
-            utilities.verifyElementVisibilityState(feedbackScalePage.descriptionInputField(), 'visible');
-        });
-
-        it('CSS of option accordion contents', { tags: 'css' }, () => {
-            const labels = [feedbackScalePage.labelsLabel, feedbackScalePage.colorLabel, feedbackScalePage.tooltipLabel, feedbackScalePage.descriptionLabel];
-            const inputFields = [feedbackScalePage.labelsInputField, feedbackScalePage.tooltipInputField, feedbackScalePage.descriptionInputField];
-            utilities.verifyCSS(feedbackScalePage.feedbackScaleLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(feedbackScalePage.optionAccordionLabel(), {
-                'color': css.color.panelLabel,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            feedbackScalePage.deleteOptionAccordionButton()
-                .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
-            labels.forEach((label) => {
-                utilities.verifyCSS(label(), {
-                    'color': css.color.labels,
-                    'font-size': css.fontSize.normal,
-                    'font-weight': css.fontWeight.semibold
-                });
-            });
-            inputFields.forEach((inputField) => {
-                utilities.verifyCSS(inputField(), {
-                    'color': css.color.text,
-                    'font-size': css.fontSize.default,
-                    'font-weight': css.fontWeight.regular
-                });
-            });
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/541472
-        it('Accessibility of option accordion contents', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(feedbackScalePage.feedbackScaleLabel());
-            cy.checkAccessibility(feedbackScalePage.optionAccordion().parents('.feedback-scale-panel'));
-        });
-
-        it('When the user expands another option accordion, \'Option 1\' accordion should still be in expanded state', () => {
-            feedbackScalePage.steps.expandOptionAccordion(1);
-            feedbackScalePage.steps.verifyOptionAccordionInExpandedState(0);
-            feedbackScalePage.steps.verifyOptionAccordionInExpandedState(1);
-        });
-
-        it('The user should be able to collapse an option accordion and state of another accordions should not change', () => {
-            feedbackScalePage.steps.collapseOptionAccordion(0);
-            feedbackScalePage.steps.verifyOptionAccordionInCollapsedState(0);
-            feedbackScalePage.steps.verifyOptionAccordionInExpandedState(1);
-            feedbackScalePage.steps.verifyOptionAccordionInCollapsedState(2);
-        });
-
-        it('\'Add option\' button should be present', () => {
-            utilities.verifyInnerText(feedbackScalePage.addOptionButton(), 'Add option');
-            utilities.verifyElementVisibilityState(feedbackScalePage.addOptionButton(), 'visible');
-        });
-
-        it('When user adds an image to the tooltip input field then it should be displayed in the tooltip input field', () => {
-            feedbackScalePage.steps.focusInTooltipInputField(1);
-            feedbackScalePage.steps.selectImageOptionFromCKEditorToolbar();
-            feedbackScalePage.steps.addImageToInputField();
-            feedbackScalePage.steps.verifyImageAndAltTextInTooltipInputField(1);
-        });
-
-        it('When user adds \'Bold\' text to the description input field then it should be displayed in the description input field', () => {
-            feedbackScalePage.steps.expandOptionAccordion(2);
-            feedbackScalePage.steps.focusInDescriptionInputField(1);
-            feedbackScalePage.steps.selectBoldOptionFromCKEditorToolbar();
-            feedbackScalePage.steps.addInputToDescriptionInputField(1, 'I\'m very comfortable with the learning target');
-            feedbackScalePage.steps.verifyBoldTextInDescriptionInputField(1, '​​​​​​​I\'m very comfortable with the learning target');
-        });
-    });
-
-    describe('Feedback scale - Option accordion contents for \'Button\' layout style', () => {
-        const options = ['Option 1', 'Option 2', 'Option 3'];
-        const optionsContent = [
-            {
-                'labels': 'Uncomfortable',
-                'color': 'rgb(229, 76, 25)',
-                'tooltip': 'Made me uneasy and unsettled.',
-                'description': 'I am uncomfortable with the learning target.'
-            },
-            {
-                'labels': 'Somewhat comfortable',
-                'color': 'rgb(255, 240, 25)',
-                'tooltip': 'I would like some help.',
-                'description': 'I am somewhat comfortable with the learning target.'
-            },
-            {
-                'labels': 'Comfortable',
-                'color': 'rgb(9, 179, 33)',
-                'tooltip': 'I\'m feeling confident.',
-                'description': 'I am comfortable with the learning target.'
-            }
-        ];
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            cy.barsPreLoaderWait();
-        });
-
-        options.forEach((option, optionIndex) => {
-            it(`Option accordion contents for \'${option}\' - \'Button\' layout style`, () => {
-                feedbackScalePage.steps.verifyOptionAccordionInputFieldContents(optionIndex, optionsContent[optionIndex]);
-            });
-        });
-    });
-
-    describe('Feedback scale - Option accordion contents for \'Star\' layout style', () => {
-        const options = ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5'];
-        const optionsContent = [
-            {
-                'labels': '20%',
-                'color': 'rgb(226, 121, 0)',
-                'tooltip': 'Needs improvement',
-                'description': 'Your attempt could be better. Keep practicing!'
-            },
-            {
-                'labels': '40%',
-                'color': 'rgb(226, 121, 0)',
-                'tooltip': 'Getting there',
-                'description': 'You\'ve made progress, but more effort is needed to pass.'
-            },
-            {
-                'labels': '60%',
-                'color': 'rgb(226, 121, 0)',
-                'tooltip': 'Good job',
-                'description': 'You tried well and made a good attempt.'
-            },
-            {
-                'labels': '80%',
-                'color': 'rgb(226, 121, 0)',
-                'tooltip': 'Great work',
-                'description': 'You did an outstanding job and answered all questions correctly!'
-            },
-            {
-                'labels': '100%',
-                'color': 'rgb(226, 121, 0)',
-                'tooltip': 'Excellent',
-                'description': 'Exceptional job! All answers are perfect. You\'re doing amazing!'
-            }
-        ];
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            cy.barsPreLoaderWait();
-            feedbackScalePage.steps.clickOnFeedbackStyleLayoutDropdown();
-            feedbackScalePage.steps.selectFeedbackStyleLayoutDropdown('Star');
-        });
-
-        it('By default, 5 option accordions should be displayed for \'Star\' layout style and \'Option 1\' accordion should be in expanded state and all other accordions should be in collapsed state', () => {
-            utilities.verifyElementCount(feedbackScalePage.optionAccordion(), 5);
-            feedbackScalePage.steps.verifyOptionAccordionInExpandedState(0);
-            for (let index = 1; index < 4; index++) {
-                feedbackScalePage.steps.verifyOptionAccordionInCollapsedState(index);
-            };
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/541449
-        options.forEach((option, optionIndex) => {
-            it(`Option accordion contents for \'${option}\' - \'Star\' layout style`, () => {
-                feedbackScalePage.steps.verifyOptionAccordionInputFieldContents(optionIndex, optionsContent[optionIndex]);
-            });
-        });
-    });
-
-    describe('Feedback scale - Add, delete option accordion - edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to Feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale');
-            cy.barsPreLoaderWait();
-        });
-
-        it('When the user clicks on \'Add option\' button, a new option accordion should get added and the added option accordion should be in collapsed state', () => {
-            feedbackScalePage.steps.addOption();
-            utilities.verifyElementCount(feedbackScalePage.optionAccordion(), 4);
-            utilities.verifyElementVisibilityState(feedbackScalePage.optionAccordion(), 'visible');
-            feedbackScalePage.steps.verifyOptionAccordionInCollapsedState(3);
-        });
-
-        it('By default all input fields of the newly added option should be empty and default color in color block should be #00007C', () => {
-            feedbackScalePage.steps.verifyOptionAccordionInputFieldContents(3, { 'labels': '', 'color': 'rgb(0, 0, 124)', 'tooltip': '', 'description': '' });
-        });
-
-        it('When the user deletes an option accordion, the option accordion should get removed and labels of existing option accordions should get updated accordingly', () => {
-            feedbackScalePage.steps.deleteOptionAccordion(1);
-            utilities.verifyElementCount(feedbackScalePage.optionAccordion(), 3);
-            for (let index = 0; index < 3; index++) {
-                feedbackScalePage.steps.verifyOptionAccordionPanelContents(index, `Option ${index + 1}`);
-            };
-        });
-    });
-});

package/cypress/e2e/ILC/FeedbackScale/feedbackScaleHeaderSection.js

@@ -1,72 +0,0 @@
-import { dialogBoxBase } from "../../../pages";
-import { feedbackScalePage } from "../../../pages/feedbackScalePage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-
-describe('Create question page - Feedback scale: Header section and Saving question', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Header section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale')
-        });
-
-        feedbackScalePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Feedback scale');
-    });
-
-    describe('Tabs section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale')
-        });
-
-        feedbackScalePage.tests.verifyTabsSection();
-    });
-
-    describe('Cancel button', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale')
-        });
-
-        feedbackScalePage.tests.verifyCancelButton('feedback scale');
-    });
-
-    describe('Save Question button', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to feedback scale question type');
-            feedbackScalePage.steps.navigateToCreateQuestion('feedback scale')
-            cy.barsPreLoaderWait();
-        });
-
-
-        describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
-
-            it('Validation error messages should be displayed below required input fields', () => {
-                feedbackScalePage.steps.verifyQuestionInstructionsErrorMessage()
-            });
-
-            it('Validation error messages should disappear when required input fields are filled', () => {
-                feedbackScalePage.steps.addQuestionInstructions();
-                feedbackScalePage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-            });
-
-            // Failing due to https://redmine.zeuslearning.com/issues/541472
-            feedbackScalePage.tests.verifya11yOfCreateItemWrapperContents();
-        });
-
-        describe('Saving a question', () => {
-            it('When user has filled all the mandatory fields then on clicking on Save question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
-                feedbackScalePage.steps.saveAQuestionAndVerifySnackbar();
-            });
-            feedbackScalePage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
-        });
-    });
-});