itemengine-cypress-automation 1.0.185-repoUpdate26April-b17eb46.0 → 1.0.185

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

@@ -1,173 +0,0 @@
-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 - Graphing: 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

@@ -1,183 +0,0 @@
-import { numberLinePage } from "../../../../pages";
-import abortEarlySetup from "../../../../support/helpers/abortEarly";
-import utilities from "../../../../support/helpers/utilities";
-const css = Cypress.env('css');
-const range = 20.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")
-    });
-
-    describe('Layout section - Edit tab functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            numberLinePage.steps.navigateToCreateQuestion('Number line');
-            cy.barsPreLoaderWait();
-            numberLinePage.steps.selectOrientationToggleButton("Vertical");
-        });
-
-        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");
-        });
-
-        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

@@ -1,73 +0,0 @@
-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('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();
-    });
-});

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

@@ -1,204 +0,0 @@
-import { itemPreviewPage,  numberLinePage } from "../../../../pages";
-import abortEarlySetup from "../../../../support/helpers/abortEarly";
-import utilities from "../../../../support/helpers/utilities";
-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 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 - 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':
-                        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('down', 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.enterTextInLimitNumberOfResponsesInputField(10);
-                        numberLinePage.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)}`);
-                        numberLinePage.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') {
-                    numberLinePage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                }
-            });
-
-            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('By default, the point option should be in selected state and all other options should be unselected', () => {
-                numberLinePage.steps.verifyToolOptionSelectedPreviewTab('Point');
-                numberLinePage.steps.verifyToolOptionNotSelectedPreviewTab(toolOptions.splice(1, toolOptions.length));
-            });
-
-            it('By default, all controls should be in disabled state', () => {
-                controlOptions.forEach((controlOption) => {
-                    utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab(controlOption));
-                });
-            });
-
-            it('User should be able to plot point using the \'Point\' tool options', () => {
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 0);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [0]);
-            });
-
-            it('User should be able to draw a segment using the \'Segment\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 2);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [1, 2]);
-                numberLinePage.steps.verifyLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: 2, y2: 1 }]);
-            });
-
-            it('User should be able to draw a segment using the \'Segment left/down hollow pt\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment left/down hollow pt');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, -1);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [-2, -1]);
-                numberLinePage.steps.verifyLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -2, y2: -1 }]);
-            });
-
-            it('User should be able to draw a segment using the \'Segment right/up hollow pt\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment right/up hollow pt');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 4);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [3, 4]);
-                numberLinePage.steps.verifyLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: 3, y2: 4 }]);
-            });
-
-            it('User should be able to draw a segment using the \'Segment both hollow pts\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Segment both hollow pts');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, -3);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [-4, -3]);
-                numberLinePage.steps.verifyLineSegmentOnVerticalNumberLinePreviewTab(range, [{ y1: -4, y2: -3 }]);
-            });
-
-            it('User should be able to draw a ray using the \'Left/down ray\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Left/down ray');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, -6);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [-6]);
-                numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('down', range, -6);
-            });
-
-            it('User should be able to draw a ray using the \'Right/up ray\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Right/up ray');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 6);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [6]);
-                numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('up', range, 6);
-            });
-
-            it('User should be able to draw a ray using the \'Left/down ray w/ hollow pt\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Left/down ray w/ hollow pt');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, -8);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [-8]);
-                numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('down', range, -8);
-            });
-
-            it('User should be able to draw a ray wave using the \'Right/up ray w/ hollow pt\' tool option', () => {
-                numberLinePage.steps.selectNumberLineToolOptionPreviewTab('Right/up ray w/ hollow pt');
-                numberLinePage.steps.plotPointOnNumberLinePreviewTab("vertical", range, 8);
-                numberLinePage.steps.verifyPointsPlottedOnVerticalNumberLinePreviewTab(range, [8]);
-                numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('up', range, 8);
-            });
-
-            it('When the user clicks on the \'Undo\' control option then the latest action should be reversed', () => {
-                numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Undo');
-                numberLinePage.steps.verifyRayOnVerticalNumberLineNotExistPreviewTab('up', range, 8);
-            });
-
-            it('By default, the control options should be in displayed and when the user hovers over the tool options then tooltips should be displayed', () => {
-                controlOptions.forEach((controlOption) => {
-                    utilities.verifyElementVisibilityState(numberLinePage.numberLineControlOptionPreviewTab(controlOption), 'exist');
-                    numberLinePage.numberLineControlOptionPreviewTab(controlOption)
-                        .verifyTooltip(controlOption);
-                });
-            });
-
-            it('CSS of preview content', { tags: 'css' }, () => {
-                utilities.verifyCSS(numberLinePage.numberLineToolOptionPreviewTab('Right/up ray w/ hollow pt'), {
-                    'background-color': css.color.secondaryBtn,
-                    'color': css.color.secondaryBtnBg,
-                });
-                utilities.verifyCSS(numberLinePage.numberLineToolOptionPreviewTab('Point').find('g circle'), {
-                    'color': css.color.UnselectedToggleButton,
-                    'fill': css.color.activeButtons
-                });
-                utilities.verifyCSS(numberLinePage.numberLineControlOptionPreviewTab('Undo').find('svg'), {
-                    'fill': css.color.activeButtons
-                });
-                utilities.verifyCSS(numberLinePage.numberLinePointPreviewTab(), {
-                    'fill': css.color.activeButtons
-                });
-            });
-
-            it('Accessibility of preview content', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(numberLinePage.numberLinePreviewTab().parents('[class*="question-preview-wrapper"]'));
-            });
-
-            it('When the user clicks on the \'Redo\' control option then the latest action should be displayed again and the button should be disabled again', () => {
-                numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Redo');
-                numberLinePage.steps.verifyRayOnVerticalNumberLinePreviewTab('up', range, 8);
-            });
-
-            it('When the user clicks on the \'Reset\' control option then all the actions on the preview tab should be reset', () => {
-                numberLinePage.steps.selectNumberLineControlOptionPreviewTab('Reset');
-                numberLinePage.steps.confirmReset();
-                utilities.verifyElementVisibilityState(numberLinePage.numberLinePointPreviewTab(), 'notExist');
-                utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Undo'));
-                utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Redo'));
-                utilities.verifyElementDisabled(numberLinePage.numberLineControlOptionPreviewTab('Reset'));
-            });
-        });
-    });
-});