itemengine-cypress-automation 1.0.210-1stJulyFixes-e873781.0 → 1.0.211-2ndJulyFixes-2aec8c8.0

package/cypress/e2e/ILC/ChartsLine/additionalSettings.js

@@ -0,0 +1,153 @@
+import { chartsLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+
+describe('Create Item page : Charts - Line : Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    //Note : Covered 'Additional Settings accordion' in Bar charts.
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.expandAdditionalSettings();
+        });
+
+        chartsLinePage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - Select chart type and Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addQuestionInstructions();
+            chartsLinePage.steps.allotPoints(10);
+            chartsLinePage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the specify correct answer section should change to ${fontSizes[option]} accordingly`, () => {
+                chartsLinePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(chartsLinePage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(chartsLinePage.specifyCorrectAnswerPointLabel(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsLinePage.yAxisCoordinate(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsLinePage.yAxisCoordinateSpecifyCorrectAnswer(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsLinePage.selectChartTypeGraphTitleButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.selectChartTypeXAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.selectChartTypeYAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.graphTitleSpecifyCorrectAnswer(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.xAxisLabelSpecifyCorrectAnswer(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.yAxisLabelSpecifyCorrectAnswer(), {
+                    'font-size': fontSizes[option]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addQuestionInstructions();
+            chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 0, value: 1, range: 10 });
+            chartsLinePage.steps.allotPoints(10);
+            chartsLinePage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                chartsLinePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(chartsLinePage.fontSizeDropdown(), `${option}`);
+                chartsLinePage.steps.switchToPreviewTab();
+                utilities.verifyCSS(chartsLinePage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.previewTabPointLabel(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsLinePage.previewTabYAxisCoordinate(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsLinePage.previewTabGraphTitle(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.previewTabXAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.previewTabYAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                chartsLinePage.steps.switchToGradingView();
+                utilities.verifyCSS(chartsLinePage.graphTitleCorrectAnswerSection(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.xAxisLabelCorrectAnswerSection(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.yAxisLabelCorrectAnswerSection(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.correctAnswersLabel(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsLinePage.correctIncorrectStatusMessageText(), {
+                    'font-size': fontSizes[option]
+                });
+                chartsLinePage.steps.switchToStudentView();
+                chartsLinePage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Setting tab: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.expandAdditionalSettings();
+        });
+
+        chartsLinePage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.expandAdditionalSettings();
+        });
+
+        chartsLinePage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/ChartsLine/editTabScoringSection.js

@@ -0,0 +1,210 @@
+import { chartsLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Charts - Line: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        chartsLinePage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        chartsLinePage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.allotPoints(10);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown and penalty scoring dropdown should be displayed in the scoring section', () => {
+            chartsLinePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsLinePage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+        });
+
+        chartsLinePage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addTextInQuestionInstructionsInputField('Line');
+        });
+
+        chartsLinePage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        chartsLinePage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addTextInQuestionInstructionsInputField('Line');
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user has switched to \'Partial - equal weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' label and dropdown should be displayed in the \'Scoring\' section, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            chartsLinePage.steps.verifyPointsPerResponseLabel();
+            chartsLinePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsLinePage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            chartsLinePage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(chartsLinePage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+
+        chartsLinePage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addTextInQuestionInstructionsInputField('Line');
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        chartsLinePage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            chartsLinePage.steps.verifyPointsPerResponseLabel();
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
+            chartsLinePage.steps.allotPoints(12);
+            chartsLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('When the user adds one more point, then points per response should get updated accordingly', () => {
+            chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('3');
+        });
+
+        it('When the user sets a point value then the points per response should not be updated', () => {
+            chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 0, value: 1, range: 10});
+            chartsLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('3');
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(chartsLinePage.pointsPerResponseLabel(), 'notExist');
+            chartsLinePage.steps.verifyPointsFieldValue(12);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            chartsLinePage.steps.allotPoints(20);
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            chartsLinePage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsLinePage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addTextInQuestionInstructionsInputField('Line');
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' labels and dropdowns, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            chartsLinePage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsLinePage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            chartsLinePage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(chartsLinePage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+
+        chartsLinePage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addTextInQuestionInstructionsInputField('Line');
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        chartsLinePage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then dot columns numeration labels should be displayed and input field should be displayed below each label', () => {
+            utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.partialDifferentWeightsPointsInputFieldLabel(), 0), 'Bar 1');
+            utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.partialDifferentWeightsPointsInputFieldLabel(), 1), 'Bar 2');
+            utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.partialDifferentWeightsPointsInputFieldLabel(), 2), 'Bar 3');
+            utilities.verifyElementCount(chartsLinePage.partialDifferentWeightsPointsInputFieldLabel(), 3);
+            utilities.verifyElementCount(chartsLinePage.pointsInputField(), 3);
+        });
+
+        it('When user adds one more point, then points input field should be added with the respective label', () => {
+            chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.partialDifferentWeightsPointsInputFieldLabel(), 3), 'Bar 4');
+            utilities.verifyElementVisibilityState(utilities.getNthElement(chartsLinePage.pointsInputField(), 3), 'visible');
+            chartsLinePage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+
+        it('User should be able to set points in the \'Points\' input fields', () => {
+            chartsLinePage.steps.allotPartialDifferentWeightsPoints([1, 2, 3, 4]);
+        });
+
+        it('CSS of \'Points\' label and \'Points\' input fields', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsLinePage.pointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(chartsLinePage.pointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the \'All or nothing scoring\' points input field', () => {
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            chartsLinePage.steps.verifyPointsFieldValue(10);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            chartsLinePage.steps.allotPoints(12);
+            cy.wait(250)
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            chartsLinePage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([3, 3, 3, 3]);
+        });
+    });
+});

package/cypress/e2e/ILC/ChartsLine/headerSection.js

@@ -0,0 +1,109 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { chartsLinePage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Charts - Bar: Header section and saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        chartsLinePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Charts');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        chartsLinePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        it('When user has made some edits/changes and clicks on cancel button, a popup should be displayed with message \'Are you sure you want to leave this page? Your changes have not been saved.\'', () => {
+            chartsLinePage.steps.addTextInQuestionInstructionsInputField('Edited');
+            chartsLinePage.steps.allotPoints(20);
+            chartsLinePage.steps.clickOnCancelButton();
+            utilities.verifyElementVisibilityState(chartsLinePage.dialogBox(), 'visible');
+            utilities.verifyInnerText(chartsLinePage.dialogBoxContentText(), 'Are you sure you want to leave this page? Your changes have not been saved.');
+            utilities.verifyInnerText(chartsLinePage.buttonAccept(), 'Yes, I want to leave this page');
+            utilities.verifyInnerText(chartsLinePage.buttonReject(), 'No, I\'d like to go back');
+        });
+
+        it('CSS of popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsLinePage.dialogBox(), {
+                'background-color': css.color.defaultBackground
+            })
+
+            utilities.verifyCSS(chartsLinePage.dialogBoxContent(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.buttonAccept(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.primaryBtnBg
+            });
+            utilities.verifyCSS(chartsLinePage.buttonReject(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessibility of popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsLinePage.dialogBox());
+        });
+
+        it(`Clicking on \'No, I'd like to go back\' button should close the popup and user should remain on the edit interface of the question`, () => {
+            chartsLinePage.steps.clickOnRejectButtonInDialogBox();
+            chartsLinePage.steps.verifyEditTabSelectedState();
+            utilities.verifyTextContent(chartsLinePage.questionInstructionsInputField(), 'Edited');
+        });
+
+        it(`Clicking on \'Yes, I want to leave this page\' button should should discard all changes and direct the user to the \'Select a question\' page.`, () => {
+            chartsLinePage.steps.clickOnCancelButton();
+            chartsLinePage.steps.clickOnAcceptButtonInDialogBox();
+            utilities.verifyElementVisibilityState(chartsLinePage.selectAQuestionHeaderText(), 'visible');
+            utilities.verifyElementVisibilityState(chartsLinePage.questionTypeOptionTitle(), 'visible');
+        });
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        chartsLinePage.tests.verifyCreateItemWrapperContentsA11y();
+
+        it('When user clicks on "Save question" button, then the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            chartsLinePage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        chartsLinePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+});