itemengine-cypress-automation 1.0.166 → 1.0.169-uploadResponseMigration-83ab996.0

package/cypress/e2e/ILC/TextSelection/checkAnswerFunctionalityForAllViews.smoke.js

@@ -1,142 +0,0 @@
-import { textSelectionPage, itemPreviewPage, studentViewPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-var itemReferenceID = "";
-const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
-const views = utilities.getViews(checkAnswerViews);
-const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.'];
-
-describe('Create item page - Matching - Check answer functionality', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    views.forEach((view) => {
-        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
-        const checkAnswer = (view) => {
-            switch (view) {
-                case 'Question preview':
-                case 'Item preview':
-                    textSelectionPage.steps.checkAnswer();
-                    break;
-                case 'Student view':
-                    studentViewPage.steps.checkAnswer();
-                    break;
-                default:
-                    throw new Error(`Unsupported page identifier: ${view}`);
-            }
-        };
-
-        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        textSelectionPage.steps.navigateToCreateQuestion('text selection');
-                        cy.barsPreLoaderWait();
-                        textSelectionPage.steps.addTextInQuestionInstructionsInputField('Highlight the correct statements.');
-                        textSelectionPage.steps.clearQuestionInputField();
-                        paragraphTextArray.forEach((paragraphText) => {
-                            textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-                        });
-                        textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
-                        textSelectionPage.steps.switchTextSelectionMode('Paragraph');
-                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[0]);
-                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[1]);
-                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[2]);
-                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
-                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[1]);
-                        textSelectionPage.steps.allotPoints(20);
-                        textSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
-                        textSelectionPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
-                        textSelectionPage.steps.resetQuestionPreview();
-                        break;
-                    case 'Item preview':
-                        textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
-                        itemPreviewPage.steps.resetQuestionPreview();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    textSelectionPage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons, correct/incorrect answer status message and  correct answer section should not be displayed', () => {
-                checkAnswer(view);
-                textSelectionPage.steps.verifyCorrectIncorrectIconsNotExist();
-                textSelectionPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
-            });
-
-            it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
-                checkAnswer(view);
-                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[0]);
-                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
-                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[2]);
-                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[3]);
-                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
-            });
-
-            it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should be displayed besides correct responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-                checkAnswer(view);
-                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
-                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
-                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
-                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
-                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
-            });
-
-            it('When the user attempts the question partially correct with an incorrect response, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
-                checkAnswer(view);
-                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
-                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
-                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[2]);
-                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
-                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
-            });
-
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
-                checkAnswer(view);
-                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
-                textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
-                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
-                textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
-                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
-                textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
-            });
-        });
-    });
-});

package/cypress/e2e/ILC/TextSelection/previewContentsForAllViews.js

@@ -1,137 +0,0 @@
-import { textSelectionPage, itemPreviewPage, studentViewPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
-const views = utilities.getViews(previewContentViews);
-var itemReferenceID = "";
-
-const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.'];
-
-describe('Create item page - Text selection : Preview contents', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    views.forEach((view) => {
-        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        textSelectionPage.steps.navigateToCreateQuestion('text selection');
-                        cy.barsPreLoaderWait();
-                        textSelectionPage.steps.addTextInQuestionInstructionsInputField('Select the correct statements.');
-                        textSelectionPage.steps.clearQuestionInputField();
-                        paragraphTextArray.forEach((paragraphText) => {
-                            textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-                        });
-                        textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
-                        textSelectionPage.steps.switchTextSelectionMode('Paragraph');
-                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[0]);
-                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[1]);
-                        textSelectionPage.steps.clickOnOptionInHighlightOptionsSection(paragraphTextArray[2]);
-                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
-                        textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[1]);
-                        textSelectionPage.steps.allotPoints(20);
-                        textSelectionPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item view':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        textSelectionPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                    case 'Correct answer view':
-                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                    default:
-                        throw new Error('Invalid view');
-                }
-            });
-
-            after(() => {
-                if (view === 'Question preview') {
-                    textSelectionPage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                }
-                if (view === 'Student view') {
-                    studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
-                }
-            });
-
-            it('Question instructions should be visible', () => {
-                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Highlight the correct statements.');
-                utilities.verifyElementVisibilityState(textSelectionPage.questionInstructionsText(), 'visible');
-            });
-
-            it('The added text in Question input field should be displayed in the preview tab question', () => {
-                paragraphTextArray.forEach((paragraphText, index) => {
-                    utilities.verifyInnerText(utilities.getNthElement(textSelectionPage.questionTextPreviewTab(), index), `${paragraphText}`);
-                });
-            });
-
-            it('The text which is not available as option should not be interactive in preview tab', () => {
-                textSelectionPage.steps.verifyNonOptionTextIsNotInteractiveInPreviewTab(paragraphTextArray[3]);
-            });
-
-            if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it('The selected options in specify possible options section should be displayed and by default all options should not be selected', () => {
-                    for (let index = 0; index < 3; index++) {
-                        utilities.verifyInnerText(utilities.getNthElement(textSelectionPage.optionPreviewTab(), index), paragraphTextArray[index]);
-                        utilities.verifyElementVisibilityState(utilities.getNthElement(textSelectionPage.optionPreviewTab(), index), 'visible');
-                        textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[index]);
-                    };
-                    utilities.verifyElementCount(textSelectionPage.optionPreviewTab(), 3);
-                });
-
-                it('When user hovers on the available options, then those options should be displayed in hover state highlight', () => {
-                    for (let index = 0; index < 3; index++) {
-                        textSelectionPage.steps.verifyHoverStateOfOptionInPreviewTab(paragraphTextArray[index], "blue");
-                    };
-                });
-
-                it('When user selects an option, then that option should be displayed in selected state', () => {
-                    textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifySelectedStateOptionInPreviewTab(paragraphTextArray[0], "blue");
-                    textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
-                    textSelectionPage.steps.verifySelectedStateOptionInPreviewTab(paragraphTextArray[1], "blue");
-                });
-
-                it('When user clicks on a selected option, then that option should be deselected', () => {
-                    textSelectionPage.steps.deselectOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyDeselectedStateOptionInPreviewTab(paragraphTextArray[0]);
-                });
-            } else if (view === 'Grading view') {
-                it('The question text should be displayed with the selected correct options and status message \' Your answer is correct\' should be displayed', () => {
-                    textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
-                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
-                });
-
-                it('The submitted answer options should not be editable', () => {
-                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[2]);
-                    textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
-                });
-            } else {
-                it('The question text should be displayed with the selected correct options', () => {
-                    for (let index = 0; index < 2; index++) {
-                        textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[index]);
-                    };
-                    textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
-                });
-            }
-        });
-    });
-});

package/cypress/pages/brainingCampManipulativePage.js

@@ -1,122 +0,0 @@
-import { questionInstructionsComponent, createQuestionBasePage, scoringSectionBaseEditTab, commonComponents, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolSettingsComponent } from "./components"
-
-const selectors = {
-    ...questionInstructionsComponent,
-    ...commonComponents,
-    ...scoringSectionBaseEditTab,
-    ...additionalSettingsPanel,
-    addManipulativeLabel: () => cy.get('[class*="BrainingcampManipulativestyle__GroupNavigationWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
-    selectAManipulativeToggleButton: () => cy.get('[data-ngie-testid="select-a-manipulative-toggle-button"]'),
-    enterShareCodeToggleButton: () => cy.get('[data-ngie-testid="enter-share-code-toggle-button"]'),
-    selectAManipulativeToggleButtonLabel: () => cy.get('.ngie-toggle-button-label').eq(0),
-    enterShareCodeToggleButtonLabel: () => cy.get('.ngie-toggle-button-label').eq(1),
-    manipulativeOptionToggleButton: (ariaLabel = null) => {
-        if (ariaLabel) {
-            return cy.get(`[class*="BrainingcampManipulativestyle__ManipulativeCard"][role="button"][aria-label*="${ariaLabel}"]`)
-        } else {
-            return cy.get('[class*="BrainingcampManipulativestyle__ManipulativeCard"][role="button"]')
-        }
-    },
-    selectAManipulativeLabel: () => cy.get('[class*="SelectManipulativeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
-    enterAShareCodeLabel: () => cy.get('[class*="EnterShareCodeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
-    enterAShareCodeInputField: () => cy.get('[class*="EnterShareCodeWrapper"] input'),
-    previewTabCanvas: () => cy.get('.canvas'),
-}
-
-const steps = {
-    ...createQuestionBasePage.steps,
-    ...questionInstructionsComponent.steps,
-    ...scoringSectionBaseEditTab.steps,
-    ...commonComponents.steps,
-    ...additionalSettingsPanel.steps,
-    ...toolSettingsComponent.steps,
-
-    verifySelectAManipulativeToggleButtonIsSelected: () => {
-        brainingCampManipulativePage.selectAManipulativeToggleButton()
-            .should('have.attr', 'aria-pressed', 'true');
-    },
-
-    verifySelectAManipulativeToggleButtonIsNotSelected: () => {
-        brainingCampManipulativePage.selectAManipulativeToggleButton()
-            .should('have.attr', 'aria-pressed', 'false');
-    },
-
-    verifyEnterShareCodeToggleButtonIsSelected: () => {
-        brainingCampManipulativePage.enterShareCodeToggleButton()
-            .should('have.attr', 'aria-pressed', 'true');
-    },
-
-    verifyEnterShareCodeToggleButtonIsNotSelected: () => {
-        brainingCampManipulativePage.enterShareCodeToggleButton()
-            .should('have.attr', 'aria-pressed', 'false');
-    },
-
-    /**
-     * @description Select a manipulative in edit tab
-     * @param {string} manipulativeName Name of the manipulative 
-     */
-    selectAManipulative: (manipulativeName) => {
-        brainingCampManipulativePage.manipulativeOptionToggleButton(manipulativeName)
-            .click()
-            .should('have.attr', 'aria-label', `${manipulativeName} pressed toggle`);
-    },
-
-    /**
-     * @description Verify a manipulative is selected
-     * @param {string} manipulativeName Name of the manipulative 
-     */
-    verifyAManipulativeOptionIsSelected: (manipulativeName) => {
-        brainingCampManipulativePage.manipulativeOptionToggleButton(manipulativeName)
-            .should('have.attr', 'aria-label', `${manipulativeName} pressed toggle`);
-    },
-
-    /**
-     * @description Verify a manipulative is not selected
-     * @param {string} manipulativeName Name of the manipulative 
-     */
-    verifyAManipulativeOptionIsNotSelected: (manipulativeName) => {
-        brainingCampManipulativePage.manipulativeOptionToggleButton(manipulativeName)
-            .should('have.attr', 'aria-label', `${manipulativeName} not pressed toggle`);
-    },
-
-    selectEnterShareCodeToggleButton: () => {
-        brainingCampManipulativePage.enterShareCodeToggleButton()
-            .click()
-            .should('have.attr', 'aria-pressed', 'true');
-    },
-
-    selectSelectAManipulativeToggleButton: () => {
-        brainingCampManipulativePage.selectAManipulativeToggleButton()
-            .click()
-            .should('have.attr', 'aria-pressed', 'true');
-    },
-
-    focusInAndFocusOutOfEnterAShareCodeInputField: () => {
-        brainingCampManipulativePage.enterAShareCodeInputField()
-            .click()
-            .blur();
-    },
-
-    addShareCodeInEnterAShareCodeInputField: (shareCode) => {
-        brainingCampManipulativePage.enterAShareCodeInputField()
-            .clear()
-            .type(shareCode)
-            .blur();
-    },
-}
-
-const tests = {
-    ...createQuestionBasePage.tests,
-    ...questionInstructionsComponent.tests,
-    ...commonComponents.tests,
-    ...scoringSectionBaseEditTab.tests,
-    ...additionalSettingsPanel.tests,
-    ...additionalSettingsAccessibilitySectionComponent.tests,
-    ...toolSettingsComponent.steps,
-}
-
-export const brainingCampManipulativePage = {
-    ...selectors,
-    steps,
-    tests
-}

package/cypress/pages/components/defaultToolDropdown.js

@@ -1,77 +0,0 @@
-import utilities from "../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const selectors = {
-    defaultToolDropdownLabel: () => cy.get('#Default-tool-dropdown-label'),
-    defaultToolDropdown: () => cy.get('#Default-tool-select'),
-    defaultToolDropdownOptions: (dropdownOption = null) => {
-        if (dropdownOption) {
-            return cy.get(`[aria-labelledby*="Default-tool"] [role="option"][aria-label*="${dropdownOption}"]`)
-        } else {
-            return cy.get('[aria-labelledby*="Default-tool"] [role="option"]')
-        }
-    },
-}
-
-const steps = {
-    expandDefaultToolDropdown: () => {
-        defaultToolDropdown.defaultToolDropdown()
-            .click();
-    },
-
-    /**
-    * This function selects dropdown option from default tool dropdown
-    * @param {string} dropdownOption aria-label of the dropdown option
-    */
-    selectOptionFromDefaultToolDropdown: (dropdownOption) => {
-        defaultToolDropdown.defaultToolDropdownOptions(dropdownOption)
-            .eq(0)
-            .click();
-    },
-}
-
-const tests = {
-    verifyDefaultToolDropdown:(toolOptionsArray)=>{
-        it('\'Default tool\' label and dropdown should be displayed with \'Point\' option selected by default', () => {
-            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdownLabel(), 'Default tool');
-            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), toolOptionsArray[0]);
-        });
-    
-        it(`${toolOptionsArray} options should be displayed when the user expands the \'Default tool\' dropdown`, () => {
-            defaultToolDropdown.steps.expandDefaultToolDropdown();
-            toolOptionsArray.forEach((dropdownOption) => {
-                utilities.verifyElementVisibilityState(defaultToolDropdown.defaultToolDropdownOptions(dropdownOption), 'exist');
-            });
-            utilities.verifyElementCount(defaultToolDropdown.defaultToolDropdownOptions(), toolOptionsArray.length);
-            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown(toolOptionsArray[0]);
-        });
-    
-        it('CSS of default tool dropdown', { tags: 'css' }, () => {
-            defaultToolDropdown.steps.expandDefaultToolDropdown();
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Point'), {
-                'color': css.color.liText,
-                'background-color': css.color.liTextSelectedBg,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Segment'), {
-                'color': css.color.liText,
-                'background-color': css.color.transparent,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown('Point');
-        });
-    }
-}
-
-export const defaultToolDropdown = {
-    ...selectors,
-    steps,
-    tests
-}

package/cypress/pages/components/resetPopupComponent.js

@@ -1,74 +0,0 @@
-import utilities from "../../support/helpers/utilities";
-import { dialogBoxBase } from "../dialogBoxBase";
-const css = Cypress.env('css');
-
-const selectors = {
-    resetPopupConfirmResetButton: () => cy.get('.accept-button'),
-    resetPopupCancelButton: () => cy.get('.reject-button'),
-}
-
-const steps = {
-    confirmReset: () => {
-        resetPopupComponent.resetPopupConfirmResetButton()
-            .click();
-    },
-
-    cancelReset: () => {
-        resetPopupComponent.resetPopupCancelButton()
-            .click();
-    }
-}
-
-const tests = {
-    verifyResetPopupContentWithCSSAndA11y: () => {
-        it('When the user clicks on the \'Reset\' button then a dialog box should appear with title \'Reset\'', () => {
-            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'exist');
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Reset');
-        });
-
-        it('The dialog box should have content \'Are you sure you want to reset the graph? This will clear all objects and revert all settings to their default values.\' with \'Cancel\' and \'Confirm reset\' buttons should be displayed', () => {
-            utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Are you sure you want to reset the graph? This will clear all objects and revert all settings to their default values.');
-            utilities.verifyInnerText(resetPopupComponent.resetPopupConfirmResetButton(), 'Confirm reset');
-            utilities.verifyInnerText(resetPopupComponent.resetPopupCancelButton(), 'Cancel');
-        });
-
-        it('CSS of Reset dialog box', { tags: 'css' }, () => {
-            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(resetPopupComponent.resetPopupCancelButton().find('p'), {
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(resetPopupComponent.resetPopupCancelButton(), {
-                'background-color': css.color.transparent
-            });
-            utilities.verifyCSS(resetPopupComponent.resetPopupConfirmResetButton().find('p'), {
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(resetPopupComponent.resetPopupConfirmResetButton(), {
-                'background-color': css.color.editTableDeleteButton
-            });
-        });
-
-        it('Accessibility of Reset dialog box', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-        });
-    }
-}
-
-export const resetPopupComponent = {
-    ...selectors,
-    steps,
-    tests
-}

package/cypress/pages/components/toolsAndControlsComponent.js

@@ -1,69 +0,0 @@
-const selectors = {
-    toolsLabel: () => cy.get('[class*="CustomizedToolBarOptionsstyles__ToolbarLabel"]').eq(0),
-    toolOptions: (toolOptionAriaLabel = null) => {
-        if (toolOptionAriaLabel) {
-            return cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(0).find(`.icon-button-custom-format[aria-label*="${toolOptionAriaLabel}"]`).eq(0)
-        } else {
-            return cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(0).find(`.icon-button-custom-format`)
-        }
-    },
-    controlsLabel: () => cy.get('[class*="CustomizedToolBarOptionsstyles__ToolbarLabel"]').eq(1),
-    controlOptions: (toolOptionAriaLabel = null) => {
-        if (toolOptionAriaLabel) {
-            return cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(1).find(`.icon-button-custom-format[aria-label*="${toolOptionAriaLabel}"]`)
-        } else {
-            return cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(1).find('.icon-button-custom-format')
-        }
-    },
-    toolOptionsLabel: () => cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(0).find(`[class*="DragItemstyles__LabelWrapper"]`),
-    toolOptionsTickIcon: () => cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(0).find(`.tick-icon-wrapper`),
-    controlsOptionsLabel: () => cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(1).find(`[class*="DragItemstyles__LabelWrapper"]`),
-    controlsTickIcon: () => cy.get('[class*="CustomizedToolBarOptionsstyles__DragAndDropWrapper"]').eq(1).find(`.tick-icon-wrapper`)
-}
-
-const steps = {
-    /**
-     * This function selects tool options
-     * @param {string[]} toolOptionAriaLabelArray array aria-label of tool options
-     */
-    selectToolOptions: (toolOptionAriaLabelArray) => {
-        toolOptionAriaLabelArray.forEach((toolOptionAriaLabel) => {
-            toolsAndControlsComponent.toolOptions(toolOptionAriaLabel)
-                .click();
-        });
-    },
-
-    /**
-     * This function de-selects tool options
-     * @param {string[]} toolOptionAriaLabelArray array aria-label of tool options
-     */
-    deselectToolOptions: (toolOptionAriaLabelArray) => {
-        toolOptionAriaLabelArray.forEach((toolOptionAriaLabel) => {
-            toolsAndControlsComponent.toolOptions(toolOptionAriaLabel)
-                .click();
-        });
-    },
-
-    /**
-     * This function selects tool options
-     * @param {string[]} controlOptionAriaLabel array aria-label of tool options
-     */
-    selectControl: (controlOptionAriaLabel) => {
-        toolsAndControlsComponent.controlOptions(controlOptionAriaLabel)
-            .click();
-    },
-
-    /**
-     * This function de-selects tool options
-     * @param {string[]} controlOptionAriaLabel array aria-label of tool options
-     */
-    deselectControl: (controlOptionAriaLabel) => {
-        toolsAndControlsComponent.controlOptions(controlOptionAriaLabel)
-            .click();
-    }
-}
-
-export const toolsAndControlsComponent = {
-    ...selectors,
-    steps
-}