itemengine-cypress-automation 1.0.180-essayResponseLazyLoadingFix-3170a00.0 → 1.0.181

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

@@ -0,0 +1,530 @@
+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/Scoring/allOrNothingWithCorrectPointsGreaterThanAlternativePoints.js

@@ -176,7 +176,7 @@ describe('Create Item page - Number line: All or nothing with alternative answer
             numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
         });
 
-        it.only('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, the correctly attempted number line should be displayed correct and incorrectly attempted should be displayed for the alternative accordion number line, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, the correctly attempted number line should be displayed correct and incorrectly attempted should be displayed for the alternative accordion number line, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
             numberLinePage.steps.resetQuestionPreview();
             numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Point');
             numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 2);
@@ -212,7 +212,7 @@ describe('Create Item page - Number line: All or nothing with alternative answer
             numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
         });
 
-        it.only('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, the attempted response should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, the attempted response should be displayed correct, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion should be displayed', () => {
             numberLinePage.steps.resetQuestionPreview();
             numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment right/up hollow pt');
             numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, -4);
@@ -235,7 +235,7 @@ describe('Create Item page - Number line: All or nothing with alternative answer
             numberLinePage.steps.verifyCorrectAnswerSectionNotExist();
         });
 
-        it.only('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
             numberLinePage.steps.resetQuestionPreview();
             numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment');
             numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 8);