itemengine-cypress-automation 1.0.182-repoUpdate22April-92d01da.0 → 1.0.183-revert-48-repoUpdate22April-9974c66.0

package/cypress/e2e/ILC/NumberLine/LayoutSection.js

@@ -1,530 +0,0 @@
-import { numberLinePage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const range = 20.4472843;
-const orientationToggleButton = ['Horizontal', 'Vertical'];
-const labelCheckboxPairs = [
-    { getLabelElement: numberLinePage.showMinArrowLabel, label: 'Show min arrow', defaultChecked: false },
-    { getLabelElement: numberLinePage.showMaxArrowLabel, label: 'Show max arrow', defaultChecked: false },
-    { getLabelElement: numberLinePage.stackResponsesLabel, label: 'Stack responses', defaultChecked: false },
-    { getLabelElement: numberLinePage.staggerResponseLabel, label: 'Stagger response', defaultChecked: true },
-    { getLabelElement: numberLinePage.showLabelsLabel, label: 'Show labels', defaultChecked: true },
-    { getLabelElement: numberLinePage.showTicksLabel, label: 'Show ticks', defaultChecked: true },
-    { getLabelElement: numberLinePage.showMinLabel, label: 'Show min', defaultChecked: true },
-    { getLabelElement: numberLinePage.showMaxLabel, label: 'Show max', defaultChecked: true },
-    { getLabelElement: numberLinePage.limitNumbersOfResponsesLabel, label: 'Limit number of responses', defaultChecked: true },
-];
-
-describe('Number line: Layout section', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Layout section - Contents', () => {
-        abortEarlySetup();
-        before(() => {
-            numberLinePage.steps.navigateToCreateQuestion('Number line');
-            cy.barsPreLoaderWait();
-        });
-
-        it('Layout label should be displayed', () => {
-            utilities.verifyInnerText(numberLinePage.layoutLabel(), 'Layout');
-            utilities.verifyElementVisibilityState(numberLinePage.layoutLabel(), 'visible');
-        });
-
-        it('Layout accordion should be displayed in expanded form', () => {
-            numberLinePage.steps.verifyLayoutAccordionIsExpanded();
-        });
-
-        it('User should be able to collapse and expand the Layout accordion', () => {
-            numberLinePage.steps.collapseLayoutAccordion();
-            numberLinePage.steps.verifyLayoutAccordionIsCollapsed();
-            numberLinePage.steps.expandLayoutAccordion();
-            numberLinePage.steps.verifyLayoutAccordionIsExpanded();
-        });
-
-        it(`Orientation label and 2 toggle buttons ${orientationToggleButton} should be displayed and by default, ${orientationToggleButton[0]} should be selected`, () => {
-            utilities.verifyInnerText(numberLinePage.orientationLabel(), 'Orientation');
-            utilities.verifyElementVisibilityState(numberLinePage.orientationLabel(), 'visible');
-            utilities.verifyElementVisibilityState(numberLinePage.orientationToggleButton(), 'visible');
-            utilities.verifyElementCount(numberLinePage.orientationToggleButton(), 2);
-            orientationToggleButton.forEach((label) => {
-                utilities.verifyInnerText(numberLinePage.orientationToggleButton(label), label);
-                utilities.verifyElementVisibilityState(numberLinePage.orientationToggleButton().eq(label), 'visible');
-            });
-            numberLinePage.steps.verifyOrientationToggleButtonSelected(orientationToggleButton[0]);
-        });
-
-        it(`Width(px) label and input field should be displayed and by default, input field should have 640 and user should be able to update the value of input field`, () => {
-            utilities.verifyInnerText(numberLinePage.widthLabel(), 'Width (px)');
-            utilities.verifyElementVisibilityState(numberLinePage.widthLabel(), 'visible');
-            numberLinePage.steps.verifyTextInWidthInputField(640);
-            utilities.verifyElementVisibilityState(numberLinePage.widthInputField(), 'visible');
-            numberLinePage.steps.enterTextInWidthInputField(600);
-            numberLinePage.steps.verifyTextInWidthInputField(600);
-        });
-
-        it(`Margin (px) label and input field should be displayed and by default, input field should have 10 and user should be able to update the value of input field`, () => {
-            utilities.verifyInnerText(numberLinePage.marginLabel(), 'Margin (px)');
-            utilities.verifyElementVisibilityState(numberLinePage.marginLabel(), 'visible');
-            numberLinePage.steps.verifyTextInMarginInputField(10);
-            utilities.verifyElementVisibilityState(numberLinePage.marginInputField(), 'visible');
-            numberLinePage.steps.enterTextInMarginInputField(9);
-            numberLinePage.steps.verifyTextInMarginInputField(9);
-        });
-
-        it('Response spacing label and input field should be displayed and by default, input field should have 30 and user should be able to update the value of input field', () => {
-            utilities.verifyInnerText(numberLinePage.responseSpacingLabel(), 'Response spacing');
-            utilities.verifyElementVisibilityState(numberLinePage.responseSpacingLabel(), 'visible');
-            numberLinePage.steps.verifyTextInResponseSpacingInputField(30);
-            utilities.verifyElementVisibilityState(numberLinePage.responseSpacingInputField(), 'visible');
-            numberLinePage.steps.enterTextInResponseSpacingInputField(25);
-            numberLinePage.steps.verifyTextInResponseSpacingInputField(25);
-        });
-
-        it('Make responsive label and slider should be displayed and by default, slider should be checked', () => {
-            utilities.verifyInnerText(numberLinePage.makeResponsiveLabel(), 'Make responsive for mobile');
-            utilities.verifyElementVisibilityState(numberLinePage.makeResponsiveLabel(), 'visible');
-            numberLinePage.steps.verifyMakeResponsiveCheckboxChecked();
-        });
-
-        it('\'What is this?\' label should be displayed and when user hovers over it tooltip should be displayed', () => {
-            utilities.verifyInnerText(numberLinePage.whatIsThisLabel(), 'What is this?');
-        });
-
-        it('User should be able to uncheck Make responsive slider', () => {
-            numberLinePage.steps.uncheckMakeResponsiveCheckbox();
-        });
-
-        labelCheckboxPairs.forEach(({ getLabelElement, label, defaultChecked }) => {
-            it(`${label} label and checkbox should be displayed and by default, checkbox should be ${defaultChecked ? 'checked' : 'unchecked'}`, () => {
-                utilities.verifyInnerText(getLabelElement(), label);
-                utilities.verifyElementVisibilityState(getLabelElement(), 'visible');
-                if (defaultChecked) {
-                    numberLinePage.steps.verifyCheckboxChecked(label);
-                } else {
-                    numberLinePage.steps.verifyCheckboxUnchecked(label);
-                }
-            });
-        });
-
-        it('When Limit number of responses checkbox is checked then input field should be displayed beside the label and input field should have 5 pre-filled in it', () => {
-            numberLinePage.steps.verifyCheckboxChecked('Limit number of responses');
-            utilities.verifyElementVisibilityState(numberLinePage.limitNumbersOfResponsesInputField(), 'visible');
-            numberLinePage.steps.verifyTextInLimitNumberOfResponsesInputField(5);
-        });
-
-        it('CSS of layout section', { tags: 'css' }, () => {
-            utilities.verifyCSS(numberLinePage.layoutLabel(), {
-                'color': css.color.activeButtons,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(numberLinePage.layoutAccordionChevronButton(), {
-                'color': css.color.activeButtons,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(numberLinePage.widthLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(numberLinePage.widthInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(numberLinePage.makeResponsiveLabel().find('.title-casing'), {
-                'color': css.color.UnselectedToggleButton,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            numberLinePage.steps.checkMakeResponsiveCheckbox();
-            utilities.verifyCSS(numberLinePage.whatIsThisLabel(), {
-                'color': css.color.activeButtons,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(numberLinePage.makeResponsiveCheckbox().parents('.mobile-responsive-wrapper').find('.MuiSwitch-track'), {
-                'background-color': css.color.enabledSwitchBg,
-            });
-            numberLinePage.steps.uncheckMakeResponsiveCheckbox();
-            utilities.verifyCSS(numberLinePage.makeResponsiveCheckbox().parents('.mobile-responsive-wrapper').find('.MuiSwitch-track'), {
-                'background-color': css.color.secondaryBtn,
-            });
-            utilities.verifyCSS(numberLinePage.showMinArrowLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(numberLinePage.orientationLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(numberLinePage.orientationToggleButton(orientationToggleButton[0]), {
-                'background-color': css.color.activeButtons,
-                'color': css.color.primaryBtn,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(numberLinePage.orientationToggleButton(orientationToggleButton[1]), {
-                'background-color': css.color.transparent,
-                'color': css.color.closeIcon,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-        });
-
-        it('Accessibility of layout contents', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(numberLinePage.layoutLabel().parents('.ngie-accordion'));
-        });
-    });
-
-
-    describe('Layout section - Edit tab functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            numberLinePage.steps.navigateToCreateQuestion('Number line');
-            cy.barsPreLoaderWait();
-        });
-
-        it(`When ${orientationToggleButton[0]} orientation is selected then number line in Number line section and Specify correct answer section should be horizontal`, () => {
-            numberLinePage.steps.verifyOrientationToggleButtonSelected(orientationToggleButton[0]);
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeNumberLineSection(orientationToggleButton[0], '640');
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeSpecifyCorrectAnswerSection(orientationToggleButton[0], '640');
-        });
-
-        it(`When user selects Vertical orientation, then number line in Number line section and Specify correct answer section should be updated to vertical number line`, () => {
-            numberLinePage.steps.selectOrientationToggleButton(orientationToggleButton[1]);
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeNumberLineSection(orientationToggleButton[1], '640');
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeSpecifyCorrectAnswerSection(orientationToggleButton[1], '640');
-        });
-
-        it(`When user selects ${orientationToggleButton[0]} orientation again, then number line in Number line section and Specify correct answer section should be updated to horizontal number line`, () => {
-            numberLinePage.steps.selectOrientationToggleButton(orientationToggleButton[0]);
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeNumberLineSection(orientationToggleButton[0], '640');
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeSpecifyCorrectAnswerSection(orientationToggleButton[0], '640');
-        });
-
-        it('When user updates value for Width input field, it should get updated in Number line section and Specify correct answer section', () => {
-            numberLinePage.steps.enterTextInWidthInputField(600);
-            numberLinePage.steps.verifyTextInWidthInputField(600);
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeNumberLineSection(orientationToggleButton[0], '600');
-            numberLinePage.steps.verifyNumberLineOrientationAndSizeSpecifyCorrectAnswerSection(orientationToggleButton[0], '600');
-        });
-
-        it('When user updates value for Margin input field, it should get updated in Specify correct answer section', () => {
-            numberLinePage.steps.enterTextInMarginInputField(12);
-            numberLinePage.steps.verifyTextInMarginInputField(12);
-            numberLinePage.steps.verifyMarginForNumberLineSpecifyCorrectAnswerSection(12);
-        });
-
-        it('When user updates value for Response spacing input field, it should get updated in Number line section and Specify correct answer section', () => {
-            numberLinePage.steps.enterTextInResponseSpacingInputField(28);
-            numberLinePage.steps.verifyTextInResponseSpacingInputField(28);
-            numberLinePage.steps.verifyResponseSpacingSpecifyCorrectAnswerSection(orientationToggleButton[0], 28);
-        });
-
-        it('When user checks Show min arrow checkbox, then arrow should be displayed on left end of number line and arrow should not be displayed on right end of number line in number line section and specify correct answer section', () => {
-            cy.log('Entering 640 in width input field');
-            numberLinePage.steps.enterTextInWidthInputField(640);
-            numberLinePage.steps.checkCheckbox('Show min arrow');
-            numberLinePage.steps.verifyMinArrowVisibilitySpecifyCorrectAnswerSection('visible');
-            numberLinePage.steps.verifyMinArrowVisibilityNumberLineSection('visible');
-        });
-
-        it('When user unchecks Show min arrow checkbox, then arrow should not be displayed on left end of number line in number line section and specify correct answer section', () => {
-            numberLinePage.steps.uncheckCheckbox('Show min arrow');
-            numberLinePage.steps.verifyMinArrowVisibilitySpecifyCorrectAnswerSection('hidden');
-            numberLinePage.steps.verifyMinArrowVisibilityNumberLineSection('hidden');
-        });
-
-        it('When user checks Show max arrow checkbox, then arrow should be displayed on right end of number line and arrow should not be displayed on left end of number line in number line section and specify correct answer section', () => {
-            numberLinePage.steps.checkCheckbox('Show max arrow');
-            numberLinePage.steps.verifyMaxArrowVisibilitySpecifyCorrectAnswerSection('visible');
-            numberLinePage.steps.verifyMaxArrowVisibilityNumberLineSection('visible');
-        });
-
-        it('When user unchecks Show max arrow checkbox, then arrow should not be displayed on right end of number line in number line section and specify correct answer section', () => {
-            numberLinePage.steps.uncheckCheckbox('Show max arrow');
-            numberLinePage.steps.verifyMaxArrowVisibilitySpecifyCorrectAnswerSection('hidden');
-            numberLinePage.steps.verifyMaxArrowVisibilityNumberLineSection('hidden');
-        });
-
-        //Note: Unable to check on cypress, added to manual sheet
-        it('When user checks Stack responses checkbox, then points should be plotted above the number line in number line section and specify correct answer section', () => {
-            numberLinePage.steps.checkCheckbox('Stack responses');
-        });
-
-        it('When user unchecks Stack responses checkbox, then points should be plotted on the number line in number line section and specify correct answer section', () => {
-            numberLinePage.steps.uncheckCheckbox('Stack responses');
-            numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("horizontal", range, 2);
-            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [2]);
-        });
-
-        it('When user unchecks Show labels checkbox, then labels on number line should disappear in number line section and specify correct answer section', () => {
-            numberLinePage.steps.uncheckCheckbox('Show labels');
-            numberLinePage.steps.verifyLabelsNotVisibleOnNumberLineNumberLineSection();
-            numberLinePage.steps.verifyLabelsNotVisibleOnNumberLineSpecifyCorrectAnswerSection();
-        });
-
-        it('When Show labels checkbox is unchecked, then Line settings and Display numbers section should be in disabled state', () => {
-            numberLinePage.steps.verifyDisplayNumbersAndLineSettingsSectionDisabled();
-        });
-
-        it('When user checks Show labels checkbox, then labels on number line should be displayed in number line section and specify correct answer section', () => {
-            numberLinePage.steps.checkCheckbox('Show labels');
-            numberLinePage.steps.verifyLabelsVisibleOnNumberLineNumberLineSection(-10, 1);
-            numberLinePage.steps.verifyLabelsVisibleOnNumberLineSpecifyCorrectAnswerSection(-10, 1);
-        });
-
-        it('When Show labels checkbox is checked, then Line settings and Display numbers section should be in enabled state', () => {
-            numberLinePage.steps.verifyDisplayNumbersAndLineSettingsSectionEnabled();
-        });
-
-        //Note: Unable to check on cypress, added to manual sheet
-        it('When user unchecks Show ticks checkbox, then ticks on number line should disappear in number line section and specify correct answer section', () => {
-
-        });
-
-        //Note: Unable to check on cypress, added to manual sheet
-        it('When user checks Show ticks checkbox, then ticks on number line should be displayed in number line section and specify correct answer section', () => {
-
-        });
-
-        it('When Limit number of responses checkbox is checked then input field should be displayed beside the label and input field should have 5 pre-filled in it then user should be able to plot only 5 responses on number line in specify correct answer section', () => {
-            numberLinePage.steps.verifyTextInLimitNumberOfResponsesInputField(5);
-            for (let index = 0; index < 6; index++) {
-                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("horizontal", range, index);
-            };
-            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0, 1, 2, 3, 4]);
-            numberLinePage.steps.verifyPointsPlottedOnNumberLineNotExistSpecifyCorrectAnswer(range, [5]);
-        });
-
-        it('When user update the value in Limit number of responses input field then specified number of responses should be updated accordingly for number line in specify correct answer section and when user plots responses more than specified number then error \'Error: Only # answers are permitted.\'', () => {
-            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Reset');
-            numberLinePage.steps.confirmReset();
-            numberLinePage.steps.enterTextInLimitNumberOfResponsesInputField(6);
-            numberLinePage.steps.verifyTextInLimitNumberOfResponsesInputField(6);
-            for (let index = 0; index < 7; index++) {
-                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("horizontal", range, index);
-            };
-            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0, 1, 2, 3, 4, 5]);
-            numberLinePage.steps.verifyPointsPlottedOnNumberLineNotExistSpecifyCorrectAnswer(range, [6]);
-            utilities.verifyElementVisibilityState(numberLinePage.errorMessage(), 'visible');
-            utilities.verifyInnerText(numberLinePage.errorMessage().last(), 'Error: Only 6 answers are permitted.');
-        });
-
-        it('CSS of error message', { tags: 'css' }, () => {
-            utilities.verifyCSS(numberLinePage.errorMessage().last(), {
-                'color': css.color.errorText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(numberLinePage.errorMessage());
-        });
-
-        it('When user clicks outside the number line then error message should disappear', () => {
-            numberLinePage.steps.clickOnToolOptionsSpecifyCorrectAnswer();
-            utilities.verifyElementVisibilityState(numberLinePage.errorMessage().eq(2), 'notExist');
-        });
-
-        it('When user uncheck Limit number of responses checkbox then Limit number of responses input field should disappear and user should be able to plot any number of responses on number line in specify correct answer section', () => {
-            numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Reset');
-            numberLinePage.steps.confirmReset();
-            numberLinePage.steps.uncheckCheckbox('Limit number of responses');
-            utilities.verifyElementVisibilityState(numberLinePage.limitNumbersOfResponsesInputField(), 'notExist');
-            for (let index = 0; index < 6; index++) {
-                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("horizontal", range, index);
-            };
-            numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0, 1, 2, 3, 4, 5]);
-        });
-    });
-
-    describe('Layout section - Preview tab functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            numberLinePage.steps.navigateToCreateQuestion('Number line');
-            cy.barsPreLoaderWait();
-        });
-
-        it(`When ${orientationToggleButton[0]} orientation is selected then horizontal number line should be displayed in preview tab`, () => {
-            numberLinePage.steps.verifyOrientationToggleButtonSelected(orientationToggleButton[0]);
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyNumberLineOrientationAndSizePreviewTab(orientationToggleButton[0], '640');
-        });
-
-        it(`When user selects ${orientationToggleButton[1]} orientation, then vertical number line should be displayed in preview tab`, () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.selectOrientationToggleButton(orientationToggleButton[1]);
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyNumberLineOrientationAndSizePreviewTab(orientationToggleButton[1], '640');
-        });
-
-        it(`When user selects ${orientationToggleButton[0]} orientation again, then horizontal number line should be displayed in preview tab`, () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.selectOrientationToggleButton(orientationToggleButton[0]);
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyNumberLineOrientationAndSizePreviewTab(orientationToggleButton[0], '640');
-        });
-
-        it('When user updates value for Width input field, it should get updated in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.enterTextInWidthInputField(600);
-            numberLinePage.steps.verifyTextInWidthInputField(600);
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyNumberLineOrientationAndSizePreviewTab(orientationToggleButton[0], '600');
-        });
-
-        it('When user updates value for Margin input field, it should get updated in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.enterTextInMarginInputField(12);
-            numberLinePage.steps.verifyTextInMarginInputField(12);
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyMarginForNumberLinePreviewTab(12);
-        });
-
-        it('When user updates value for Response spacing input field, it should get updated in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.enterTextInResponseSpacingInputField(28);
-            numberLinePage.steps.verifyTextInResponseSpacingInputField(28);
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyResponseSpacingPreviewTab(orientationToggleButton[0], 28);
-        });
-
-        it('When user checks Show min arrow checkbox, then arrow should be displayed on left end of number line and arrow should not be displayed on right end of number line in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            cy.log('Entering 640 in width input field');
-            numberLinePage.steps.enterTextInWidthInputField(640);
-            numberLinePage.steps.checkCheckbox('Show min arrow');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyMinArrowVisibilityPreviewTab('visible');
-        });
-
-        it('When user unchecks Show min arrow checkbox, then arrow should not be displayed on left end of number line in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.uncheckCheckbox('Show min arrow');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyMinArrowVisibilityPreviewTab('hidden');
-        });
-
-        it('When user checks Show max arrow checkbox, then arrow should be displayed on right end of number line and arrow should not be displayed on left end of number line in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.checkCheckbox('Show max arrow');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyMaxArrowVisibilityPreviewTab('visible');
-        });
-
-        it('When user unchecks Show max arrow checkbox, then arrow should not be displayed on right end of number line in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.uncheckCheckbox('Show max arrow');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyMaxArrowVisibilityPreviewTab('hidden');
-        });
-
-        //Note: Unable to check on cypress, added to manual sheet
-        it('When user checks Stack responses checkbox, then points should be plotted above the number line in preview tab', () => {
-            numberLinePage.steps.checkCheckbox('Stagger response');
-        });
-
-        it('When user unchecks Stack responses checkbox, then points should be plotted on the number line in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.uncheckCheckbox('Stagger response');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 2);
-            numberLinePage.steps.plotPointOnNumberLinePreviewTab(range, [2]);
-        });
-
-        it('When user unchecks Show labels checkbox, then labels on number line should disappear in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.uncheckCheckbox('Show labels');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyLabelsNotVisibleOnNumberLinePreviewTab();
-        });
-
-        it('When user checks Show labels checkbox, then labels on number line should be displayed in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.checkCheckbox('Show labels');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyLabelsVisibleOnNumberLinePreviewTab(-10, 1);
-        });
-
-        //Note: Unable to check on cypress, added to manual sheet
-        it('When user unchecks Show ticks checkbox, then ticks on number line should disappear in preview tab', () => {
-
-        });
-        //Note: Unable to check on cypress, added to manual sheet
-        it('When user checks Show ticks checkbox, then ticks on number line should be displayed in preview tab', () => {
-
-        });
-
-        it('When Limit number of responses checkbox is checked then input field should be displayed beside the label and input field should have 5 pre-filled in it then user should be able to plot only 5 responses on number line in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.verifyTextInLimitNumberOfResponsesInputField(5);
-            numberLinePage.steps.switchToPreviewTab();
-            for (let index = 0; index < 6; index++) {
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, index);
-            };
-            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0, 1, 2, 3, 4]);
-            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab(range, [5]);
-        });
-
-        it('When user update the value in Limit number of responses input field then specified number of responses should be updated accordingly for number line in preview tab and when user plots responses more than specified number then error \'Only # answers are permitted.\'', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.enterTextInLimitNumberOfResponsesInputField(6);
-            numberLinePage.steps.verifyTextInLimitNumberOfResponsesInputField(6);
-            numberLinePage.steps.switchToPreviewTab();
-            for (let index = 0; index < 7; index++) {
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, index);
-            };
-            numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0, 1, 2, 3, 4, 5]);
-            numberLinePage.steps.verifyPointsNotExistOnNumberLinePreviewTab(range, [6]);
-            utilities.verifyElementVisibilityState(numberLinePage.warningMessage(), 'visible');
-            utilities.verifyInnerText(numberLinePage.warningMessage(), 'Only 6 answers are permitted.');
-        });
-
-        it('CSS of warning message', { tags: 'css' }, () => {
-            utilities.verifyCSS(numberLinePage.warningMessage(), {
-                'color': css.color.warningMessage,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(numberLinePage.warningMessageContainer().find('svg'), {
-                'color': css.color.warningMessage,
-            });
-            utilities.verifyCSS(numberLinePage.warningMessageContainer(), {
-                'border': `1px solid ${css.color.warningContainerBorder}`
-            });
-            utilities.verifyCSS(numberLinePage.warningMessageContainer(), {
-                'background-color': css.color.warningContainerBackground
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(numberLinePage.warningMessage());
-        });
-
-        it('When user clicks outside the number line then error message should disappear', () => {
-            numberLinePage.steps.clickOnToolOptionsPreviewTab();
-            utilities.verifyElementVisibilityState(numberLinePage.warningMessage(), 'notExist');
-        });
-
-        it('When user uncheck Limit number of responses checkbox then user should be able to plot any number of responses on number line in specify correct answer section', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.uncheckCheckbox('Limit number of responses');
-            utilities.verifyElementVisibilityState(numberLinePage.limitNumbersOfResponsesInputField(), 'notExist');
-            numberLinePage.steps.switchToPreviewTab();
-            for (let index = 0; index < 6; index++) {
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, index);
-                numberLinePage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, index);
-            };
-        });
-    });
-});

package/cypress/e2e/ILC/NumberLine/lineSettingsSection.js

@@ -1,119 +0,0 @@
-import { numberLinePage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-const lineSettingsOptions = ['Whole numbers', 'Decimals', 'Fractions', 'Mixed fractions'];
-const numbers = ['-10', '-10.00', "−\n10\n1", "−\n10\n0\n1"]
-
-describe('Create item - Number line : Line settings and Display specific annotation (use semicolons to separate) section', () => {
-
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Line settings and Display specific annotation (use semicolons to separate) - Contents and Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            numberLinePage.steps.navigateToCreateQuestion('Number line');
-            cy.barsPreLoaderWait();
-            numberLinePage.steps.enterTextInIntervalInputField(2);
-        });
-
-        it(`Line settings label and 4 options ${lineSettingsOptions} should be displayed and by default ${lineSettingsOptions[0]} should be selected`, () => {
-            utilities.verifyInnerText(numberLinePage.lineSettingsLabel(), 'Line settings');
-            utilities.verifyElementVisibilityState(numberLinePage.lineSettingsLabel(), 'visible');
-            utilities.verifyElementVisibilityState(numberLinePage.lineSettingsToggleButton(), 'visible');
-            utilities.verifyElementCount(numberLinePage.lineSettingsToggleButton(), 4);
-            lineSettingsOptions.forEach((label) => {
-                utilities.verifyInnerText(numberLinePage.lineSettingsToggleButton(label), label);
-                utilities.verifyElementVisibilityState(numberLinePage.lineSettingsToggleButton(label), 'visible');
-            });
-            numberLinePage.steps.verifyLineSettingsToggleButtonSelected(lineSettingsOptions[0]);
-        });
-
-        lineSettingsOptions.forEach((option, index) => {
-            it(`When user selects ${option} in line settings section, then number displayed on number line should be ${option} in number line section and specify correct answer section`, () => {
-                numberLinePage.steps.selectLineSettingsToggleButton(option);
-                numberLinePage.steps.verifyLineSettingsToggleButtonSelected(option);
-                numberLinePage.steps.verifyLabelOnNumberLineNumberLineSection([{ value: numbers[index], index: 0 }]);
-            });
-        });
-
-        it('Display specific annotation (use semicolons to separate) label and input field should be displayed and by default input field should be empty', () => {
-            utilities.verifyInnerText(numberLinePage.displaySpecificAnnotationLabel(), 'Display specific annotation (use semicolons to separate)');
-            utilities.verifyElementVisibilityState(numberLinePage.displaySpecificAnnotationLabel(), 'visible');
-            utilities.verifyElementVisibilityState(numberLinePage.displaySpecificAnnotationInputField(), 'visible');
-            numberLinePage.steps.verifyTextInDisplaySpecificAnnotationInputField('');
-        });
-
-        it('When user enters value in Display specific annotation (use semicolons to separate) input field then it should be displayed on number line in Number line section and Specify correct answer section', () => {
-            numberLinePage.steps.selectLineSettingsToggleButton(lineSettingsOptions[0]);
-            numberLinePage.steps.enterTextInDisplaySpecificAnnotationInputField('-9;');
-            numberLinePage.steps.verifyTextInDisplaySpecificAnnotationInputField('-9;');
-            numberLinePage.steps.verifyLabelOnNumberLineSpecifyCorrectAnswerSection([{ value: -9, index: 1 }]);
-            numberLinePage.steps.verifyLabelOnNumberLineNumberLineSection([{ value: -9, index: 1 }]);
-        });
-
-        it('CSS of number line section', { tags: 'css' }, () => {
-            utilities.verifyCSS(numberLinePage.displaySpecificAnnotationLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(numberLinePage.displaySpecificAnnotationInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(numberLinePage.lineSettingsLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(numberLinePage.lineSettingsToggleButton(lineSettingsOptions[1]), {
-                'background-color': css.color.transparent,
-                'color': css.color.closeIcon,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(numberLinePage.lineSettingsToggleButton(lineSettingsOptions[0]), {
-                'color': css.color.primaryBtn,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.bold,
-                'background-color': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of number line section contents', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(numberLinePage.numberLineNumberLineSection().parents('.number-line-grid-setting'));
-        });
-    });
-
-    describe('Line settings and Display specific annotation (use semicolons to separate) - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            numberLinePage.steps.navigateToCreateQuestion('Number line');
-            cy.barsPreLoaderWait();
-            numberLinePage.steps.enterTextInIntervalInputField(2);
-        });
-
-        lineSettingsOptions.forEach((option, index) => {
-            it(`When user selects ${option} in line settings section, then number displayed on number line should be ${option} in preview tab`, () => {
-                numberLinePage.steps.switchToEditTab();
-                numberLinePage.steps.selectLineSettingsToggleButton(option);
-                numberLinePage.steps.verifyLineSettingsToggleButtonSelected(option);
-                numberLinePage.steps.switchToPreviewTab();
-                numberLinePage.steps.verifyLabelOnNumberLinePreviewTab([{ value: numbers[index], index: 0 }]);
-            });
-        });
-
-        it('When user enters value in Display specific annotation (use semicolons to separate) input field then it should be displayed on number line in preview tab', () => {
-            numberLinePage.steps.switchToEditTab();
-            numberLinePage.steps.selectLineSettingsToggleButton(lineSettingsOptions[0]);
-            numberLinePage.steps.enterTextInDisplaySpecificAnnotationInputField('-9;');
-            numberLinePage.steps.verifyTextInDisplaySpecificAnnotationInputField('-9;');
-            numberLinePage.steps.switchToPreviewTab();
-            numberLinePage.steps.verifyLabelOnNumberLinePreviewTab([{ value: -9, index: 1 }]);
-        });
-    });
-});