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

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

@@ -0,0 +1,51 @@
+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.tests.verifyNumberLineSectionContent('Horizontal');
+    });
+
+    describe('Number line section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+        });
+
+        numberLineLabelPage.tests.verifyNumberLineTitlePopupContent();
+
+        numberLineLabelPage.tests.verifyNumberLineTitlePopupEditTabFunctionality('Linear number scale');
+
+        numberLineLabelPage.tests.verifyNumberLineSectionEditTabFunctionality('Horizontal');
+
+        numberLineLabelPage.tests.verifyDisplayNumberSettingsFunctionalitySpecifyCorrectAnswerSection('Horizontal');
+    });
+
+    describe('Number line section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+        });
+
+        numberLineLabelPage.tests.verifyNumberLineTitlePopupPreviewTabFunctionality('Linear number scale');
+
+        numberLineLabelPage.tests.verifyNumberLineSectionPreviewTabFunctionality('Horizontal');
+
+        numberLineLabelPage.tests.verifyDisplayNumberSettingsFunctionalityPreviewTab('Horizontal');
+    });
+});

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

@@ -0,0 +1,120 @@
+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.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', 'horizontal', range, 0);
+                        numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Solve the following', 'horizontal', range, 9);
+                        numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('This is a bold option', 'horizontal', range, -9);
+                        numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(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', 'horizontal', range, 0);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'horizontal', range, 9);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('This is a bold option', 'horizontal', range, -9);
+            });
+
+            it('The labels on the plotted points should be displayed on the number line', () => {
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+            });
+
+            it('The user should be able to change the plotted label on the number line', () => {
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'horizontal', range, 7);
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [7]);
+                numberLineLabelPage.steps.verifyPointsNotExistOnNumberLinePreviewTab(range, [9]);
+            });
+
+            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/NumberLineLabel/specifyCorrectAnswerSection.js

@@ -0,0 +1,74 @@
+import { numberLineLabelPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const range = 20.75;
+
+describe('Create Item page - Number line: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+            numberLineLabelPage.steps.addLabel();
+            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+        });
+
+        numberLineLabelPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('number line - label');
+
+        numberLineLabelPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+            numberLineLabelPage.steps.addLabel();
+            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+        });
+
+        numberLineLabelPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+
+        it('When user has added points and plots points on number line in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 1', 'horizontal', range, 0);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+            numberLineLabelPage.steps.allotPoints(10);
+            numberLineLabelPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('When user has added an alternative answer accordion, then the newly added alternative answer accordion should be in expanded state and the correct answer accordion should be in collapsed state', () => {
+            numberLineLabelPage.steps.verifyCorrectAnswerAccordionIsCollapsed();
+            numberLineLabelPage.steps.verifyAlternateAnswerAccordionIsExpanded(0);
+        });
+
+        numberLineLabelPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the label for this new accordion should be \'Alternative 2\'', () => {
+            numberLineLabelPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        numberLineLabelPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion();
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the label of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 2', 'horizontal', range, 4);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [4]);
+            numberLineLabelPage.steps.allotPoints(5);
+            numberLineLabelPage.steps.deleteAlternativeAnswerAccordion(0);
+            numberLineLabelPage.steps.verifyAlternativeAnswerAccordionNotExists(1);
+            numberLineLabelPage.steps.verifyAlternativeAnswerAccordionLabel(0);
+        });
+
+        it('When correct answers and points are set in alternative answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternative answer accordion should be collapsed', () => {
+            numberLineLabelPage.steps.expandCorrectAnswerAccordion();
+            numberLineLabelPage.steps.verifyAlternateAnswerAccordionIsCollapsed(0);
+        });
+    });
+});

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

@@ -0,0 +1,183 @@
+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('Create Item page - Number line : Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.allotPoints(10);
+            numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+            numberLineLabelPage.steps.addLabel();
+            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+            numberLineLabelPage.steps.allotPoints(5);
+        });
+
+        numberLineLabelPage.tests.verifyStudentViewSettingsLabelAndCSS();
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(numberLineLabelPage.randomizeOptionsLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(numberLineLabelPage.randomizeOptionsCheckbox(), 'exist');
+            numberLineLabelPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        numberLineLabelPage.tests.verifyRandomizeOptionsCheckboxAndLabelUncheckedCSS();
+
+        it('When the \'Randomize options\' functionality is disabled, the options in the specify correct answer section should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            numberLineLabelPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            numberLineLabelPage.steps.verifyDraggableLabelInContainerSpecifyCorrectAnswerSection(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options in the specify correct answer section should be in the order in which the user has set them in the \'Options\' section', () => {
+            numberLineLabelPage.steps.checkRandomizeOptionsCheckbox();
+            numberLineLabelPage.steps.verifyDraggableLabelInContainerSpecifyCorrectAnswerSection(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+        });
+
+        numberLineLabelPage.tests.verifyRandomizeOptionsCheckboxCheckedCSSAndA11y();
+    });
+
+    describe('Randomize options : Preview tab', () => {
+        let optionsArray = [];
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.allotPoints(10);
+            numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+            numberLineLabelPage.steps.addLabel();
+            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+            numberLineLabelPage.steps.allotPoints(5);
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, options in the preview tab should be displayed in the order in which the user has set them in the \'Draggable options\' section', () => {
+            numberLineLabelPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyDraggableLabelInContainerPreviewTab(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then options in preview tab should be displayed in a random order', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.checkRandomizeOptionsCheckbox();
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyRandomizeOptionOrder(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+            optionsArray = numberLineLabelPage.steps.getOptionsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the options should not change in the preview tab', () => {
+            numberLineLabelPage.steps.resetQuestionPreview();
+            numberLineLabelPage.steps.verifyDraggableLabelInContainerPreviewTab(optionsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the options should change from the previous random order', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.allotPoints(12);
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyRandomizeOptionOrder(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+            numberLineLabelPage.steps.verifyOptionsAreRerandomized(optionsArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the options in the preview tab should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            numberLineLabelPage.steps.switchToEditTab()
+            numberLineLabelPage.steps.uncheckRandomizeOptionsCheckbox();
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyDraggableLabelInContainerPreviewTab(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+        });
+    });
+
+    //Note - Allow student to check answer: specify correct answer section covered in Number line plot
+
+    describe('Allow student to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            cy.barsPreLoaderWait();
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            numberLineLabelPage.steps.allotPoints(10);
+            numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Plot labels on the number line');
+            numberLineLabelPage.steps.addLabel();
+            numberLineLabelPage.steps.enterTextInMultipleLabelInputFields(['Label 1', 'Label 2', 'Label 3', 'Label 4']);
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 1', 'horizontal', range, 0);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+        });
+
+        it('When the user has specified correct answer and points then on checking the \'Allow student to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            numberLineLabelPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            numberLineLabelPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(numberLineLabelPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user plots point on number line and checks the answer then correct icon should be displayed beside the plotted point and the check answer button should be in enabled state', () => {
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 1', 'horizontal', range, 0);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
+            numberLineLabelPage.steps.checkAnswer();
+            numberLineLabelPage.steps.verifyCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
+            numberLineLabelPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects an option from the Maximum check answer attempts dropdown then the user should be able to check answer only those many times in the preview tab', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            numberLineLabelPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'horizontal', range, 4);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [4]);
+            numberLineLabelPage.steps.checkAnswer();
+            numberLineLabelPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        it('When the user reaches maximum check answer attempts, then the \'Check Answer\' button should become disabled', () => {
+            utilities.verifyElementDisabled(numberLineLabelPage.checkAnswerButton());
+        });
+
+        it('CSS of disabled \'Check Answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(numberLineLabelPage.checkAnswerButton(), {
+                'color': css.color.primaryBtnDisabled,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of disabled Check Answer button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(numberLineLabelPage.checkAnswerButton().parents('.check-answer-and-status-wrapper'));
+        });
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            numberLineLabelPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyCheckAnswerButtonEnabled();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'horizontal', range, 5);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [5]);
+            numberLineLabelPage.steps.checkAnswer();
+            numberLineLabelPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
+            numberLineLabelPage.steps.switchToEditTab();
+            numberLineLabelPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            numberLineLabelPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
+            numberLineLabelPage.steps.switchToPreviewTab();
+            numberLineLabelPage.steps.verifyCheckAnswerButtonEnabled();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'horizontal', range, 4);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [4]);
+            numberLineLabelPage.steps.checkAnswer();
+            numberLineLabelPage.steps.verifyCheckAnswerButtonEnabled();
+            numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'horizontal', range, 5);
+            numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [5]);
+            numberLineLabelPage.steps.checkAnswer();
+            numberLineLabelPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});

package/cypress/e2e/ILC/NumberLineLabel/toolSettings.js

@@ -0,0 +1,76 @@
+import { toolSettingsComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+import { dialogBoxBase, numberLineLabelPage, rulerPage } from "../../../pages";
+
+const css = Cypress.env('css');
+
+describe('Create Item page: Tool settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Tool settings: Contents', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+        });
+
+        numberLineLabelPage.tests.verifyToolSettingsContent();
+    });
+
+    //Failing due to https://redmine.zeuslearning.com/issues/568938
+    describe('Tool settings: Edit tool settings', () => {
+        abortEarlySetup();
+        before(() => {
+            numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+            numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+            toolSettingsComponent.steps.expandToolSettingsAccordion();
+        });
+
+        it('When user clicks on edit icon for ruler tool, then popup for ruler tool settings should be displayed', () => {
+            toolSettingsComponent.steps.clickOnToolEditIcon(0);
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+        });
+
+        it('When user modifies the settings for the ruler tool and clicks the \'Ok\' button, then ruler tool should enter selected state.', () => {
+            rulerPage.steps.expandUnitOfMeasurementDropdown();
+            rulerPage.steps.selectOptionFromUnitOfMeasurementDropdown('Inch');
+            rulerPage.steps.selectOptionFromLengthOfRulerOptions('12 in');
+            rulerPage.steps.selectColorBlock(1);
+            rulerPage.steps.expandRotationDropdown();
+            rulerPage.steps.selectOptionFromRotationDropdown('Allow rotation and display angle');
+            rulerPage.steps.enterInputToOpacityInputField(60);
+            rulerPage.steps.checkAddShowHideButtonCheckbox();
+            toolSettingsComponent.steps.clickOnOkButton();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+            toolSettingsComponent.steps.verifyToolSelectedState(0);
+        });
+
+        it('When user has made changes for ruler tool in edit tab then changes should be reflected in the ruler tool in the preview tab', () => {
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Show');
+            rulerPage.steps.clickOnRulerVisibilityButton();
+            utilities.verifyElementVisibilityState(rulerPage.rulerPreviewTab(), 'visible');
+            rulerPage.steps.verifyLengthOfRulerInPreview('12in');
+            rulerPage.steps.verifyColorOfRulerInPreview(1);
+            rulerPage.steps.verifyRulerOpacityInPreview('0.6');
+            rulerPage.steps.verifyRotationButtonWithDegreeVisible();
+        });
+
+        it('CSS of the \'Hide ruler\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(rulerPage.rulerVisibilityButtonPreviewTab(), {
+                'border': `1px solid ${css.color.activeButtons}`,
+                'background-color': css.color.defaultBackground,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of \'Hide ruler\' button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(rulerPage.rulerVisibilityButtonPreviewTab().parents('[class*="ItemEnginestyles__MainWrapper"]'));
+        });
+    });
+});