itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-repoUpdate3May-f180558.0

package/cypress/e2e/ILC/NumberLine/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js

@@ -0,0 +1,173 @@
+import { numberLinePage, correctAnswerViewPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import { gradingViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+let gradingAndCorrectAnsView = ['Grading view', 'Correct answer view']
+const selectedToolOption = ['Point', 'Segment', 'Segment left/down hollow pt', 'Segment right/up hollow pt', 'Segment both hollow pts'];
+const unselectedToolOption = ['Left/down ray', 'Right/up ray', 'Left/down ray w/ hollow pt', 'Right/up ray w/ hollow pt'];
+const controlOptions = ['Undo', 'Redo', 'Reset'];
+const toolOptions = [...selectedToolOption, ...unselectedToolOption];
+const views = utilities.getViews(gradingAndCorrectAnsView);
+var itemReferenceID = "";
+const css = Cypress.env('css');
+const range = 20.75;
+
+describe('Create item page - Number line vertical: Grading view, Correct answer view contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (views.includes('Grading view')) {
+        describe('Grading view contents', { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                numberLinePage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+                numberLinePage.steps.allotPoints(10);
+                numberLinePage.steps.selectToolOptions(unselectedToolOption);
+                numberLinePage.steps.selectOrientationToggleButton('Vertical');
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("vertical", range, 2);
+                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [2]);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Left/down ray');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("vertical", range, -7);
+                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [-7]);
+                numberLinePage.steps.verifyRayOnVerticalNumberLineSpecifyCorrectAnswer('left', range, -7);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("vertical", range, -4);
+                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [-4, -5]);
+                numberLinePage.steps.verifyLineSegmentOnVerticalNumberLineSpecifyCorrectAnswer(range, [{ y1: -5, y2: -4 }]);
+                numberLinePage.steps.clickOnSaveQuestionButton();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                //Global variable issue, not working inside before
+                itemPreviewPage.referenceID()
+                    .invoke('text')
+                    .then(($refID) => {
+                        itemReferenceID = $refID;
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment right/up hollow pt');
+                        numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, -4);
+                        numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [-4, -5]);
+                        numberLinePage.steps.verifyLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -5, y2: -4 }]);
+                        studentViewPage.steps.submitResponse();
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                    });
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(numberLinePage.questionInstructionsText(), 'Plot points on the number line');
+                utilities.verifyElementVisibilityState(numberLinePage.questionInstructionsText(), 'visible');
+            });
+
+            it('Tool and control options should not be displayed', () => {
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionPreviewTab(), 'notExist');
+                utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionPreviewTab(), 'notExist');
+            });
+
+            it('Correct answer label should be displayed', () => {
+                utilities.verifyInnerText(numberLinePage.correctAnswersLabel(), 'Correct answers');
+                utilities.verifyElementVisibilityState(numberLinePage.correctAnswersLabel(), 'visible');
+            });
+
+            it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
+                numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLinePreviewTab(range,  [-4, -5]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -5, y2: -4 }]);
+                numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLineCorrectAnswerSection(range, [2]);
+                numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLineCorrectAnswerSection(range,  [-4, -5]);
+                numberLinePage.steps.verifyCorrectRayOnVerticalNumberLineCorrectAnswerSection('left', range, -7);
+                numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLineCorrectAnswerSection(range, [{ y1: -5, y2: -4 }]);
+            });
+
+            it('Points and the total score should be displayed', () => {
+                gradingViewPage.steps.verifyGradingViewScore(0, 10);
+            });
+
+            it('CSS of grading view', { tags: 'css' }, () => {
+                utilities.verifyCSS(numberLinePage.numberLinePointPreviewTab(), {
+                    'fill': css.color.correctAnswer
+                });
+                utilities.verifyCSS(numberLinePage.numberLinePointCorrectAnswerSection(), {
+                    'fill': css.color.correctAnswer
+                });
+            });
+
+            it('Accessibility of grading view', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLinePage.numberLinePreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    }
+
+    if (views.includes('Correct answer view')) {
+        describe('Correct answer view contents', { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                numberLinePage.steps.navigateToCreateQuestion('Number line');
+                cy.barsPreLoaderWait();
+                numberLinePage.steps.addTextInQuestionInstructionsInputField('Plot points on the number line');
+                numberLinePage.steps.allotPoints(10);
+                numberLinePage.steps.selectOrientationToggleButton('Vertical');
+                numberLinePage.steps.selectToolOptions(unselectedToolOption);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Point');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("vertical",range,2);
+                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [ 2]);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Left/down ray');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("vertical", range, -7);
+                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [-7]);
+                numberLinePage.steps.verifyRayOnVerticalNumberLineSpecifyCorrectAnswer('left', range, -7);
+                numberLinePage.steps.selectNumberLineToolOptionSpecifyCorrectAnswer('Segment right/up hollow pt');
+                numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("vertical", range, -4);
+                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range,  [-4, -5]);
+                numberLinePage.steps.verifyLineSegmentOnVerticalNumberLineSpecifyCorrectAnswer(range, [{ y1: -5, y2: -4 }]);
+                numberLinePage.steps.clickOnSaveQuestionButton();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                //Global variable issue, not working inside before
+                itemPreviewPage.referenceID()
+                    .invoke('text')
+                    .then(($refID) => {
+                        itemReferenceID = $refID
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                    });
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(numberLinePage.questionInstructionsText(), 'Plot points on the number line');
+                utilities.verifyElementVisibilityState(numberLinePage.questionInstructionsText(), 'visible');
+            });
+
+            it('The toolbar options should be displayed in the preview tab and when the user hovers over the tool options then tooltips should be displayed', () => {
+                toolOptions.forEach((toolOption) => {
+                    utilities.verifyElementVisibilityState(numberLinePage.numberLineToolOptionPreviewTab(toolOption), 'exist');
+                    numberLinePage.numberLineToolOptionPreviewTab(toolOption)
+                        .verifyTooltip(toolOption);
+                });
+            });
+
+            it('Control options should be displayed in disabled state', () => {
+                controlOptions.forEach((controlOption) => {
+                    utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab(controlOption));
+                });
+            });
+
+            it('The correct answer set by user should be displayed in the correct answer view', () => {
+                numberLinePage.steps.verifyCorrectPointsOnVerticalNumberLinePreviewTab(range, [-4, -5, 2]);
+                numberLinePage.steps.verifyCorrectLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -5, y2: -4 }]);
+                numberLinePage.steps.verifyCorrectRayOnVerticalNumberLinePreviewTab('left', range, -7);
+            });
+
+            it('The points alloted to the question should be displayed', () => {
+                correctAnswerViewPage.steps.verifyAvailablePoints(10);
+            });
+
+            it('CSS of correct answer section', { tags: 'css' }, () => {
+                utilities.verifyCSS(numberLinePage.numberLinePointPreviewTab(), {
+                    'fill': css.color.correctAnswer
+                });
+            });
+
+            it('Accessibility of correct answer section', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLinePage.numberLinePreviewTab().parents('[class*="question-preview-wrapper"]'));
+            });
+        });
+    }
+});

package/cypress/e2e/ILC/NumberLine/verticalNumberLine/layoutSection.js

@@ -0,0 +1,211 @@
+import { numberLinePage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const range = 20.75;
+
+describe('Number line: Layout section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Layout section - Contents', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLinePage.tests.verifyLayoutSectionContent("Vertical");
+
+        it('\'Stack label\' label and checkbox should be displayed and by default it should be checked', () => {
+            utilities.verifyInnerText(numberLinePage.stackResponsesLabel(), 'Stack responses');
+            numberLinePage.steps.verifyCheckboxUnchecked('Stack responses')
+        });
+
+        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);
+        });
+    });
+
+    describe('Layout section - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        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("Vertical", 28);
+        });
+
+        numberLinePage.tests.verifyLayoutSectionEditTabFunctionality("Vertical");
+
+        //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("vertical", range, 2);
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [2]);
+        });
+
+        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("vertical", range, index);
+            };
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [0, 1, 2, 3, 4]);
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineNotExistSpecifyCorrectAnswer(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("vertical", range, index);
+            };
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [0, 1, 2, 3, 4, 5]);
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineNotExistSpecifyCorrectAnswer(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(), '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("vertical", range, index);
+            };
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLineSpecifyCorrectAnswer(range, [0, 1, 2, 3, 4, 5]);
+        });
+    });
+
+    describe('Layout section - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        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("Vertical", 28);
+        });
+
+        numberLinePage.tests.verifyLayoutSectionPreviewTabFunctionality("Vertical");
+
+        //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.switchToEditTab();
+            numberLinePage.steps.checkCheckbox('Stack responses');
+            numberLinePage.steps.switchToPreviewTab();
+        });
+
+        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("Stack responses");
+            numberLinePage.steps.switchToPreviewTab();
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 2);
+            numberLinePage.steps.plotPointOnNumberLinePreviewTab(range, [2]);
+        });
+
+        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("vertical", range, index);
+            };
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [0, 1, 2, 3, 4]);
+            numberLinePage.steps.verifyPointsNotExistOnVerticalNumberLinePreviewTab(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("vertical", range, index);
+            };
+            numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [0, 1, 2, 3, 4, 5]);
+            numberLinePage.steps.verifyPointsNotExistOnVerticalNumberLinePreviewTab(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("vertical", range, index);
+                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [index]);
+            };
+        });
+    });
+});

package/cypress/e2e/ILC/NumberLine/verticalNumberLine/numberLineSection.js

@@ -0,0 +1,75 @@
+import { numberLinePage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+
+describe('Create item - Number line : Number line section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Number line section - Contents', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLinePage.tests.verifyNumberLineSectionContent('Vertical');
+    });
+
+    describe('Number line section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLinePage.tests.verifyNumberLineTitlePopupContent();
+
+        numberLinePage.tests.verifyNumberLineTitlePopupEditTabFunctionality('Linear number scale');
+
+        numberLinePage.tests.verifyNumberLineSectionEditTabFunctionality();
+
+        numberLinePage.tests.verifyDisplayNumberSettingsFunctionalitySpecifyCorrectAnswerSection('Vertical');
+    });
+
+    describe('Number line section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLinePage.tests.verifyNumberLineTitlePopupPreviewTabFunctionality('Linear number scale');
+
+        numberLinePage.tests.verifyNumberLineSectionPreviewTabFunctionality('Vertical');
+    });
+
+    describe('Line settings and Display specific annotation (use semicolons to separate) - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLinePage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLinePage.steps.enterTextInIntervalInputField(2);
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLinePage.tests.verifyDisplaySpecificAnnotationAndLineSettingsEditTabFunctionality();
+    });
+
+    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);
+            numberLinePage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLinePage.tests.verifyDisplaySpecificAnnotationAndLineSettingsPreviewTabFunctionality();
+    });
+});