itemengine-cypress-automation 1.0.133-7thMarchFixes-0e78080.0 → 1.0.134-14MarchUpdates-0b00629.0

package/cypress/e2e/ILC/Graphing/additionalSettingsBasic.js

@@ -0,0 +1,84 @@
+import { graphingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
+
+describe('Create item page - Graphing: Additional Settings accordion', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.expandAdditonalSettings();
+        });
+
+        graphingPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size functionality edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.expandAdditonalSettings();
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the edit tab graph resource should not change`, () => {
+                graphingPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
+                utilities.verifyInnerText(graphingPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(graphingPage.graphSpecifyCorrectAnswerSection(), {
+                    'font-size': css.fontSize.normal
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size functionality preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.expandAdditonalSettings();
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab graph resource should change`, () => {
+                graphingPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
+                utilities.verifyInnerText(graphingPage.fontSizeDropdown(), `${option}`);
+                graphingPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(graphingPage.graphPreviewTab(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                graphingPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.expandAdditonalSettings();
+        });
+
+        graphingPage.tests.verifyDetailsSection();
+    });
+});

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

@@ -0,0 +1,105 @@
+import { graphingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Graphing: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        it('\'All or nothing\', \'Partial - equal weights\' and \'Partial - different weights\' labels and radio buttons should not be displayed', () => {
+            utilities.verifyElementVisibilityState(graphingPage.allOrNothingRadioButtonLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.partialEqualWeightsRadioButtonLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.partialDifferentWeightsRadioButtonLabel(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            graphingPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        graphingPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Manually scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
+            graphingPage.steps.expandScoringTypeDropdown();
+            graphingPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+        });
+
+        it('When the user has selected \'Manually scored\' scoring type, then the specify correct answer section should not be displayed', () => {
+            utilities.verifyElementVisibilityState(graphingPage.specifyCorrectAnswerLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.specifyCorrectAnswerSectionWrapper(), 'notExist');
+        });
+
+        graphingPage.tests.verifyScoringSectionContentsForManuallyScoredScoringType();
+
+        graphingPage.tests.verifyPointsFieldErrorState();
+
+        it('When user has selected \'Manually scored\' scoring type, then in scoring section \'Minimum scoring\' label and dropdown should be visible', () => {
+            graphingPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            graphingPage.steps.expandScoringTypeDropdown();
+            graphingPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        graphingPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.expandScoringTypeDropdown();
+            graphingPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        graphingPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        graphingPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});

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

@@ -0,0 +1,77 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, graphingPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create item page - Graphing: Header section and saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Graphing');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyCancelButton('Graphing')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                graphingPage.steps.verifyQuestionInstructionsErrorMessage();
+                graphingPage.steps.verifyPointsFieldErrorMessage();
+                utilities.verifyInnerText(utilities.getNthElement(graphingPage.errorMessage(), 2), 'Error: Please set a correct answer.');
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                graphingPage.steps.addTextInQuestionInstructionsInputField('Question instruction');
+                graphingPage.steps.allotPoints(10);
+                graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Vector');
+                graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+                graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+                graphingPage.steps.verifyErrorMessageIsNotDisplayed();
+                graphingPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            graphingPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                graphingPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            graphingPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});