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

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

@@ -0,0 +1,57 @@
+import { graphingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const penaltyScoringTypeArray = ['No penalty points', 'Penalty points for the entire question'];
+
+describe('Create item page - Graphing: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.allotPoints(10);
+        });
+
+        graphingPage.tests.verifyMinimumScoringDropdown();
+
+        graphingPage.tests.verifyMinimumPointsLabelAndInputField();
+
+        graphingPage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.allotPoints(10);
+        });
+
+        graphingPage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        graphingPage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        graphingPage.tests.verifyPenaltyPointsErrorState();
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.allotPoints(10);
+        });
+
+        it('\'Rounding\' label and dropdown should not be displayed', () => {
+            utilities.verifyElementVisibilityState(graphingPage.roundingLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(graphingPage.roundingDropdown(), 'notExist');
+        });
+
+        graphingPage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});

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

@@ -83,7 +83,7 @@ describe('Create item page - Graphing - Preview contents in all views', () => {
                 graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
             });
 
-            it('By default, the point option should be in selected state and all other options should be de-selected', () => {
+            it('By default, the point option should be in selected state and all other options should be unselected', () => {
                 graphingPage.steps.verifyToolOptionSelectedPreviewTab('Point');
                 graphingPage.steps.verifyToolOptionNotSelectedPreviewTab(toolOptions.splice(1, toolOptions.length));
             });

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

@@ -0,0 +1,72 @@
+import { graphingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - Graphing: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            graphingPage.steps.addTextInQuestionInstructionsInputField('Plot the graph');
+            graphingPage.steps.selectToolOptions(['Circle']);
+            graphingPage.steps.checkPatternBackground();
+            graphingPage.steps.checkSnapToGridCheckbox();
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('graphing');
+
+        graphingPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.selectToolOptions(['Circle']);
+        });
+
+        graphingPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+
+        it('When user has added points and given input in response accordion answer input field in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Line');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.allotPoints(10);
+            graphingPage.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', () => {
+            graphingPage.steps.verifyCorrectAnswerAccordionIsCollapsed();
+            graphingPage.steps.verifyAlternateAnswerAccordionIsExpanded(0);
+        });
+
+        graphingPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
+            graphingPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        graphingPage.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 name 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');
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Ray');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 1, xRange: 20, y: 2, yRange: 20 }, { x: 1, xRange: 20, y: 4, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 1, xRange: 20, y: 2, yRange: 20 }, { x: 1, xRange: 20, y: 4, yRange: 20 }]);
+            graphingPage.steps.allotPoints(5);
+            graphingPage.steps.deleteAlternativeAnswerAccordion(0);
+            graphingPage.steps.verifyAlternativeAnswerAccordionNotExists(1);
+            graphingPage.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', () => {
+            graphingPage.steps.expandCorrectAnswerAccordion();
+            graphingPage.steps.verifyAlternateAnswerAccordionIsCollapsed(0);
+        });
+    });
+});

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

@@ -0,0 +1,120 @@
+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: Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Allow students to check answer: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+        });
+
+        graphingPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
+
+        graphingPage.tests.verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked();
+
+        graphingPage.tests.verifyMaxCheckAnswerAttemptsDropdown();
+
+        graphingPage.tests.verifyAllowStudentsToCheckAnswerContentsCSSAndA11y();
+    });
+
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.addTextInQuestionInstructionsInputField('Plot the graph');
+            graphingPage.steps.selectToolOptions(['Polygon', 'Circle']);
+            graphingPage.steps.checkSnapToGridCheckbox();
+            graphingPage.steps.checkPatternBackground();
+            graphingPage.steps.selectGraphToolOptionEditTab('Line');
+            graphingPage.steps.plotPointsOnGraphEditTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnEditTabGraph([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionEditTab('Circle');
+            graphingPage.steps.plotPointsOnGraphEditTab([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnEditTabGraph([{ x: 0, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Polygon');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            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.allotPoints(20);
+        });
+
+        it('When the user has added options and specified correct answer and points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            graphingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            graphingPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(graphingPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user enters answer in the response area and checks the answer then an icon should be displayed beside the selected option and the check answer button should be in enabled state', () => {
+            graphingPage.steps.switchToPreviewTab();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Vector');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.checkAnswer();
+            graphingPage.steps.verifyCorrectPointsPlottedOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.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', () => {
+            graphingPage.steps.switchToEditTab();
+            graphingPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            graphingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            graphingPage.steps.switchToPreviewTab();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Vector');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.checkAnswer();
+        });
+
+        it('When the user reaches maximum check answer attempts, then the \'Check Answer\' button should become disabled', () => {
+            graphingPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        it('CSS of disabled \'Check Answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(graphingPage.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(graphingPage.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', () => {
+            graphingPage.steps.switchToEditTab();
+            graphingPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            graphingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            graphingPage.steps.switchToPreviewTab();
+            graphingPage.steps.verifyCheckAnswerButtonEnabled();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Vector');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.checkAnswer();
+            graphingPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
+            graphingPage.steps.switchToEditTab();
+            graphingPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            graphingPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            graphingPage.steps.switchToPreviewTab();
+            graphingPage.steps.verifyCheckAnswerButtonEnabled();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Vector');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 6, xRange: 20, y: 0, yRange: 20 }, { x: 6, xRange: 20, y: 5, yRange: 20 }]);
+            graphingPage.steps.checkAnswer();
+            graphingPage.steps.verifyCheckAnswerButtonEnabled();
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Polygon');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: -6, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 7, yRange: 20 }, { x: -4, xRange: 20, y: 9, yRange: 20 }, { x: -6, xRange: 20, y: 9, yRange: 20 }]);
+            graphingPage.steps.checkAnswer();
+            graphingPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});