itemengine-cypress-automation 1.0.189-e2e-execution-crash-fbb0d92.0 → 1.0.189

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

@@ -0,0 +1,360 @@
+import { numberLineLabelPage } 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(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLineLabelPage.tests.verifyLayoutSectionContent("Vertical");
+
+        it('\'Snap to ticks\' label and checkbox should be displayed and by default it should be checked', () => {
+            utilities.verifyInnerText(numberLineLabelPage.snapToTicksLabel(), 'Snap to ticks');
+            numberLineLabelPage.steps.verifySnapToTicksCheckboxChecked()
+        });
+    });
+
+    describe('Layout section - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+            for (let i = 0; i < 4; i++) {
+                numberLineLabelPage.steps.addLabel();
+            }
+            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['1', '2', '3', '4', '5', '6', '7']);
+        });
+
+        it(`When user has selected vertical orientation, then number line in Number line section and Specify correct answer section should be updated to vertical number line`, () => {
+            numberLineLabelPage.steps.verifyNumberLineOrientationAndSizeNumberLineSection('vertical', '640');
+            numberLineLabelPage.steps.verifyVerticalNumberLineOrientationAndSizeSpecifyCorrectAnswerSection(640);
+        });
+
+        it('When user updates value for Height input field, it should get updated in Number line section and Specify correct answer section', () => {
+            numberLineLabelPage.steps.enterTextInHeightInputField(600);
+            numberLineLabelPage.steps.verifyTextInHeightInputField(600);
+            numberLineLabelPage.steps.verifyNumberLineOrientationAndSizeNumberLineSection('vertical', '600');
+            numberLineLabelPage.steps.verifyVerticalNumberLineOrientationAndSizeSpecifyCorrectAnswerSection(600);
+            numberLineLabelPage.steps.enterTextInHeightInputField(640);
+        });
+
+        it('When user updates value for Margin input field, it should get updated in Specify correct answer section', () => {
+            numberLineLabelPage.steps.enterTextInMarginInputField(12);
+            numberLineLabelPage.steps.verifyTextInMarginInputField(12);
+            numberLineLabelPage.steps.verifyMarginForNumberLineSpecifyCorrectAnswerSection(12);
+            numberLineLabelPage.steps.enterTextInMarginInputField(10);
+        });
+
+        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', () => {
+            numberLineLabelPage.steps.checkCheckbox('Show min arrow');
+            numberLineLabelPage.steps.verifyMinArrowVisibilitySpecifyCorrectAnswerSection('visible');
+            numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.uncheckCheckbox('Show min arrow');
+            numberLineLabelPage.steps.verifyMinArrowVisibilitySpecifyCorrectAnswerSection('hidden');
+            numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.checkCheckbox('Show max arrow');
+            numberLineLabelPage.steps.verifyMaxArrowVisibilitySpecifyCorrectAnswerSection('visible');
+            numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.uncheckCheckbox('Show max arrow');
+            numberLineLabelPage.steps.verifyMaxArrowVisibilitySpecifyCorrectAnswerSection('hidden');
+            numberLineLabelPage.steps.verifyMaxArrowVisibilityNumberLineSection('hidden');
+        });
+
+        //Note: Only for Label number line
+        it('When user unchecks Stagger response checkbox', () => {
+            numberLineLabelPage.steps.uncheckCheckbox('Stagger response');
+        });
+
+        //Note: Only for Label number line
+        it('When user uncheck Stagger response checkbox', () => {
+            numberLineLabelPage.steps.checkCheckbox('Stagger response');
+        });
+
+        it('When user unchecks Show labels checkbox, then labels on number line should disappear in number line section and specify correct answer section', () => {
+            numberLineLabelPage.steps.uncheckCheckbox('Show labels');
+            numberLineLabelPage.steps.verifyLabelsNotVisibleOnNumberLineNumberLineSection();
+            numberLineLabelPage.steps.verifyLabelsNotVisibleOnNumberLineSpecifyCorrectAnswerSection();
+        });
+
+        it('When Show labels checkbox is unchecked, then Line settings and Display numbers section should be in disabled state', () => {
+            numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.checkCheckbox('Show labels');
+            numberLineLabelPage.steps.verifyLabelsVisibleOnNumberLineNumberLineSection(-10, 1);
+            numberLineLabelPage.steps.verifyLabelsVisibleOnNumberLineSpecifyCorrectAnswerSection(-10, 1);
+        });
+
+        it('When Show labels checkbox is checked, then Line settings and Display numbers section should be in enabled state', () => {
+            numberLineLabelPage.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 user unchecks \'Snap to ticks\' checkbox user should be able to attempt labels at decimal numbers', () => {
+            numberLineLabelPage.steps.uncheckSnapToTicksCheckbox();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('1', 'vertical', range, 1.5);
+        });
+
+        it('When user checks \'Snap to ticks\' checkbox user should not be able to attempt labels at decimal numbers', () => {
+            numberLineLabelPage.steps.checkSnapToTicksCheckbox();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('2', 'vertical', range, 8.75);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);
+        });
+
+        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 in specify correct answer section', () => {
+            numberLineLabelPage.steps.verifyTextInLimitNumberOfResponsesInputField(5);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('3', 'vertical', range, -9);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [-9]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('4', 'vertical', range, 6);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [6]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('5', 'vertical', range, -6);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [-6]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('6', 'vertical', range, 4);
+            numberLineLabelPage.steps.verifyVerticalPointsNotExistOnNumberLineSpecifyCorrectAnswer(range, [4]);
+        });
+
+        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.\'', () => {
+            numberLineLabelPage.steps.enterTextInLimitNumberOfResponsesInputField(6);
+            numberLineLabelPage.steps.verifyTextInLimitNumberOfResponsesInputField(6);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('6', 'vertical', range, 4);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [4]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('7', 'vertical', range, 2);
+            numberLineLabelPage.steps.verifyPointsNotExistOnNumberLineSpecifyCorrectAnswer(range, [2]);
+            utilities.verifyElementVisibilityState(numberLineLabelPage.errorMessage(), 'visible');
+            utilities.verifyInnerText(numberLineLabelPage.errorMessage(), 'Error: Only 6 answers are permitted.');
+        });
+
+        numberLineLabelPage.tests.verifyErrorMessageCSSAndA11y()
+
+        it('When user clicks outside the number line then error message should disappear', () => {
+            numberLineLabelPage.steps.focusInLabelInputField(4);
+            numberLineLabelPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        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', () => {
+            numberLineLabelPage.steps.uncheckCheckbox('Limit number of responses');
+            utilities.verifyElementVisibilityState(numberLineLabelPage.limitNumbersOfResponsesInputField(), 'notExist');
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('7', 'vertical', range, 2);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [2]);
+        });
+    });
+
+    describe('Layout section - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+            for (let i = 0; i < 4; i++) {
+                numberLineLabelPage.steps.addLabel();
+            }
+            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['1', '2', '3', '4', '5', '6', '7']);
+        });
+
+        it(`When user selects vertical orientation, then vertical number line should be displayed in preview tab`, () => {
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyVerticalNumberLineOrientationAndSizePreviewTab(640);
+        });
+
+        it('When user updates value for Height input field, it should get updated in preview tab', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.enterTextInHeightInputField(600);
+            numberLineLabelPage.steps.verifyTextInHeightInputField(600);
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyVerticalNumberLineOrientationAndSizePreviewTab(600);
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.enterTextInHeightInputField(640);
+        });
+
+        it('When user updates value for Margin input field, it should get updated in preview tab', () => {
+            numberLineLabelPage.steps.enterTextInMarginInputField(12);
+            numberLineLabelPage.steps.verifyTextInMarginInputField(12);
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyMarginForNumberLinePreviewTab(12);
+        });
+
+        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', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.enterTextInMarginInputField(10);
+            numberLineLabelPage.steps.checkCheckbox('Show min arrow');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.uncheckCheckbox('Show min arrow');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.checkCheckbox('Show max arrow');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.uncheckCheckbox('Show max arrow');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyMaxArrowVisibilityPreviewTab('hidden');
+        });
+
+        it('When user unchecks Show labels checkbox, then labels on number line should disappear in preview tab', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.uncheckCheckbox('Show labels');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyLabelsNotVisibleOnNumberLinePreviewTab();
+        });
+
+        it('When user checks Show labels checkbox, then labels on number line should be displayed in preview tab', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.checkCheckbox('Show labels');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.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 user unchecks \'Snap to ticks\' checkbox user should be able to attempt labels at decimal numbers', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.uncheckSnapToTicksCheckbox();
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('1', 'vertical', range, 1.5);
+        });
+
+        it('When user checks \'Snap to ticks\' checkbox user should not be able to attempt labels at decimal numbers', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.checkSnapToTicksCheckbox();
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('2', 'vertical', range, 8.75);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [9]);
+        });
+
+        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', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.verifyTextInLimitNumberOfResponsesInputField(5);
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('1', 'vertical', range, 0);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('2', 'vertical', range, 9);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [9]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('3', 'vertical', range, -9);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('4', 'vertical', range, 6);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [6]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('5', 'vertical', range, -6);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-6]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('6', 'vertical', range, 4);
+            numberLineLabelPage.steps.verifyVerticalPointsNotExistOnNumberLinePreviewTab(range, [4]);
+        });
+
+        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.\'', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.enterTextInLimitNumberOfResponsesInputField(6);
+            numberLineLabelPage.steps.verifyTextInLimitNumberOfResponsesInputField(6);
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('1', 'vertical', range, 0);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('2', 'vertical', range, 9);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [9]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('3', 'vertical', range, -9);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('4', 'vertical', range, 6);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [6]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('5', 'vertical', range, -6);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-6]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('6', 'vertical', range, 4);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [4]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('7', 'vertical', range, 2);
+            numberLineLabelPage.steps.verifyPointsNotExistOnNumberLinePreviewTab(range, [2]);
+            utilities.verifyElementVisibilityState(numberLineLabelPage.warningMessage(), 'visible');
+            utilities.verifyInnerText(numberLineLabelPage.warningMessage(), 'Only 6 answers are permitted.');
+        });
+
+        it('CSS of warning message', { tags: 'css' }, () => {
+            utilities.verifyCSS(numberLineLabelPage.warningMessage(), {
+                'color': css.color.warningMessage,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(numberLineLabelPage.warningMessageContainer().find('svg'), {
+                'color': css.color.warningMessage,
+            });
+            utilities.verifyCSS(numberLineLabelPage.warningMessageContainer(), {
+                'border': `1px solid ${css.color.warningContainerBorder}`
+            });
+            utilities.verifyCSS(numberLineLabelPage.warningMessageContainer(), {
+                'background-color': css.color.warningContainerBackground
+            });
+        });
+
+        it('Accessibility of error message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(numberLineLabelPage.warningMessage());
+        });
+
+        it('When user clicks outside the number line then error message should disappear', () => {
+            numberLineLabelPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(numberLineLabelPage.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', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.uncheckCheckbox('Limit number of responses');
+            utilities.verifyElementVisibilityState(numberLineLabelPage.limitNumbersOfResponsesInputField(), 'notExist');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('2', 'vertical', range, 9);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [9]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('3', 'vertical', range, -9);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('4', 'vertical', range, 6);
+            numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [6]);
+            utilities.verifyElementVisibilityState(numberLineLabelPage.warningMessage(), 'notExist');
+        });
+    });
+});

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

@@ -0,0 +1,80 @@
+import { numberLineLabelPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Number line: Number line section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Number line section - Contents', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLineLabelPage.tests.verifyNumberLineSectionContent('Vertical');
+    });
+
+    describe('Number line section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLineLabelPage.tests.verifyNumberLineTitlePopupContent();
+
+        numberLineLabelPage.tests.verifyNumberLineTitlePopupEditTabFunctionality('Linear number scale');
+
+        numberLineLabelPage.tests.verifyNumberLineSectionEditTabFunctionality('Vertical');
+
+        numberLineLabelPage.tests.verifyDisplayNumberSettingsFunctionalitySpecifyCorrectAnswerSection('Vertical');
+    });
+
+    describe('Number line section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLineLabelPage.tests.verifyNumberLineTitlePopupPreviewTabFunctionality('Linear number scale');
+
+        numberLineLabelPage.tests.verifyNumberLineSectionPreviewTabFunctionality('Vertical');
+
+        numberLineLabelPage.tests.verifyDisplayNumberSettingsFunctionalityPreviewTab('Vertical');
+    });
+
+    describe('Line settings and Display specific annotation (use semicolons to separate) - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.enterTextInIntervalInputField(2);
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLineLabelPage.tests.verifyDisplaySpecificAnnotationAndLineSettingsEditTabFunctionality();
+    });
+
+    describe('Line settings and Display specific annotation (use semicolons to separate) - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.enterTextInIntervalInputField(2);
+            numberLineLabelPage.steps.selectOrientationToggleButton("Vertical");
+        });
+
+        numberLineLabelPage.tests.verifyDisplaySpecificAnnotationAndLineSettingsPreviewTabFunctionality();
+    });
+});

package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/previewContentsForAllViews.smoke.js

@@ -0,0 +1,111 @@
+import { itemPreviewPage, numberLineLabelPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view'];
+const views = utilities.getViews(previewContentViews);
+const css = Cypress.env('css');
+var itemReferenceID = "";
+const range = 20.75;
+
+describe('Create item page: Number line label - Preview contents in all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                        cy.barsPreLoaderWait();
+                        numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                        numberLineLabelPage.steps.selectOrientationToggleButton('Vertical');
+                        numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Label the number line');
+                        numberLineLabelPage.steps.addLabel();
+                        cy.log('Add image to label input field')
+                        numberLineLabelPage.steps.focusInLabelInputField(0);
+                        numberLineLabelPage.steps.selectImageOptionFromCKEditorToolbar()
+                        numberLineLabelPage.steps.addImageToInputField();
+                        numberLineLabelPage.steps.enterTextInLabelInputField(0, 'Fox image');
+                        cy.log('Add bold text to label input field')
+                        numberLineLabelPage.steps.focusInLabelInputField(1);
+                        numberLineLabelPage.steps.selectBoldOptionFromCKEditorToolbar();
+                        numberLineLabelPage.steps.enterTextInLabelInputField(1, 'This is a bold option');
+                        cy.log('Add equation to label input field')
+                        numberLineLabelPage.steps.enterTextInLabelInputField(2, 'Solve the following');
+                        numberLineLabelPage.steps.focusInLabelInputField(2);
+                        numberLineLabelPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        numberLineLabelPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        numberLineLabelPage.steps.enterTextInLabelInputField(3, 'This is a normal text');
+                        numberLineLabelPage.steps.allotPoints(10);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Fox image', 'vertical', range, 0);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Solve the following', 'vertical', range, 9);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('This is a bold option', 'vertical', range, -9);
+                        numberLineLabelPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        numberLineLabelPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        cy.log('Adding wait because number line wasn\'t loaded properly')
+                        cy.wait(4000);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    numberLineLabelPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+            });
+
+            it('Question instructions should be visible and number line should be displayed', () => {
+                utilities.verifyInnerText(numberLineLabelPage.questionInstructionsText(), 'Label the number line');
+                utilities.verifyElementVisibilityState(numberLineLabelPage.questionInstructionsText(), 'visible');
+                utilities.verifyElementVisibilityState(numberLineLabelPage.numberLinePreviewTab(), 'visible');
+            });
+
+            it(`When the user has added image, bold text and equation to the label input they should be displayed in the ${view}`, () => {
+                numberLineLabelPage.steps.verifyImageInPreviewTab(0);
+                numberLineLabelPage.steps.verifyBoldTextInPreviewTab(1);
+                numberLineLabelPage.steps.verifyEquationTextInPreviewTab(2);
+                numberLineLabelPage.steps.verifyLabelTextContentPreviewTab(3, 'This is a normal text');
+            });
+
+            it('User should be able to drag and drop image, bold text and equation options on the number line', () => {
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Fox image', 'vertical', range, 0);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'vertical', range, 9);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('This is a bold option', 'vertical', range, -9);
+            });
+
+            it('The user should be able to change the plotted label on the number line', () => {
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'vertical', range, 7);
+                numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [7]);
+            });
+
+            it('CSS of number line label', { tags: 'css' }, () => {
+                utilities.verifyCSS(numberLineLabelPage.draggableLabelsPreviewTab(), {
+                    'color': css.color.primaryBtn,
+                    'background-color': css.color.primaryBtnBg,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+
+            it('Accessibility of number line label', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLineLabelPage.numberLinePreviewTab().parents('.ngie-jxgbox'));
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/Protractor/protractorPreviewContents.smoke.js

@@ -54,7 +54,7 @@ describe('Preview tab contents for all views', () => {
                 }
                 if (view === 'Student view') {
                     studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'exist');
                 }
             });
 

package/cypress/e2e/ILC/ReadingRuler/readingRulerEditTabBasicsSection.js

@@ -195,7 +195,55 @@ describe('Create Item page - Reading ruler: Edit Tab', () => {
             readingRulerPage.steps.verifyColorPopupIsDisplayed();
         });
 
-        readingRulerPage.tests.verifyColorPopupSelectColorTitle();
+        it('A title \'Select color\' should be displayed on the color popup', () => {
+            readingRulerPage.steps.verifyColorPopupSelectColorTitle();
+        });
+
+        it('A \'Selected color\' label and color block displaying the selected color should be displayed', () => {
+            readingRulerPage.steps.verifySelectedColorLabelAndSelectedColorBlock();
+        });
+
+        it('\'Cancel\' and \'Ok\' buttons should be displayed', () => {
+            utilities.verifyInnerText(readingRulerPage.cancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(readingRulerPage.cancelButton(), 'visible');
+            utilities.verifyInnerText(readingRulerPage.okButton(), 'OK');
+            utilities.verifyElementVisibilityState(readingRulerPage.okButton(), 'visible');
+        });
+
+        it('CSS of color popup contents', { tags: 'css' }, () => {
+            const labels = [readingRulerPage.selectedColorLabel, readingRulerPage.hexLabel]
+            const inputFields = [readingRulerPage.hexInputField];
+            labels.forEach(label => {
+                utilities.verifyCSS(label(), {
+                    'color': css.color.labels,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.semibold
+                });
+            });
+            inputFields.forEach(inputField => {
+                utilities.verifyCSS(inputField(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+            utilities.verifyCSS(readingRulerPage.okButton(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.primaryBtnBg
+            });
+            utilities.verifyCSS(readingRulerPage.cancelButton(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessibility of color popup contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(readingRulerPage.dialogBoxContent());
+        });
 
         readingRulerPage.tests.verifySaturationAndOpacityGradientPalette('rgb(255, 255, 255)');
 

package/cypress/e2e/ILC/ShortTextResponseNew/studentViewSettings.js

@@ -318,7 +318,7 @@ describe('Create Item page - Short text response : Student view settings', () =>
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
             shortTextResponsePage.steps.switchToEditTab();
             shortTextResponsePage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             shortTextResponsePage.steps.switchToPreviewTab();
             shortTextResponsePage.steps.verifyCheckAnswerButtonEnabled();
             shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower');

package/cypress/e2e/ILC/SingleSelectionGridNew/studentViewSettings.js

@@ -172,7 +172,7 @@ describe('Create item page - single selection grid: Student view settings', () =
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer single times', () => {
             singleSelectionGridPage.steps.switchToEditTab();
             singleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             singleSelectionGridPage.steps.switchToPreviewTab();
             singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
             singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });