itemengine-cypress-automation 1.0.25 → 1.0.27

package/cypress/e2e/ILC/HighlightImage/highlightImagePartialEqualWeightsScoring.js

@@ -0,0 +1,208 @@
+import { highlightImagePage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const flowerHighlightRegion = [[24, 6], [24, 24], [56, 24], [56, 6]];
+const branchesHighlightRegion = [[36, 36], [36, 46], [58, 46], [58, 36]];
+const leafHighlightRegion = [[54, 48], [54, 72], [82, 72], [82, 48]];
+const rootsHighlightRegion = [[28, 84], [28, 98], [74, 98], [74, 84]];
+
+describe('Create Item page - Highlight image: Preview tab Scoring Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.barsPreLoaderWait();
+            highlightImagePage.steps.addQuestionInstructions();
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
+            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
+            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
+            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
+            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
+            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
+            highlightImagePage.steps.checkMultipleSelectionCheckbox();
+            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
+            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(3);
+            highlightImagePage.steps.selectPartialEqualWeightsCheckbox();
+            highlightImagePage.steps.allotPoints(20);
+            highlightImagePage.steps.expandAdditonalSettings();
+            highlightImagePage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            highlightImagePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct tab regions should be highlighted and border should not be displayed, and correct answer container should not be displayed', () => {
+            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
+            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
+            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightImagePage.steps.uncheckShowCorrectAnswerCheckbox();
+        });
+
+        it('When user selects Check answer button without attempting the question, correct/incorrect answer border for the question and label should not be displayed below the question preview and correct answer container should not be displayed', () => {
+            highlightImagePage.steps.checkAnswer();
+            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
+        });
+
+        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and incorrect regions should be displayed with red cross-mark icons and red background, label and border should not be displayed below the question preview and the correct answer container with \'Correct answers:\' label and all correct answers along with numeration should be displayed', () => {
+            highlightImagePage.steps.highlightARegionInPreviewTab(1);
+            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
+            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
+            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
+            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
+            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
+            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
+            utilities.verifyInnerText(highlightImagePage.correctAnswerContainerLabel(), 'Correct answers:');
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question incorrectly and clicks on the \'Check answer\' button, the user should be awarded 0 points and incorrect regions should be displayed with red cross-mark icons and red background, label and border should not be displayed below the question preview and the correct answer container should not be displayed')
+            highlightImagePage.steps.checkAnswer();
+            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
+            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+
+        it('When user attempts the question partially correct by selecting some correct regions and incorrect regions then on selecting \'Show correct answer\' checkbox, the user should be awarded points of the correct highlight region, green check-mark icons and green background should be displayed for the correct regions, red cross-mark icons and red background should be displayed for the incorrect selected regions, label and border should not be displayed below the question preview and the correct answer container with the unattempted correct tab answer along with numeration should be displayed', () => {
+            highlightImagePage.steps.resetQuestionPreview();
+            highlightImagePage.steps.highlightARegionInPreviewTab(0);
+            highlightImagePage.steps.highlightARegionInPreviewTab(1);
+            highlightImagePage.steps.verifyPreviewTabScoreText(10, 20);
+            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
+            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
+            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
+            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
+            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 4'], [1]);
+            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question partially correct and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed beside the correct regions, red cross-mark icons and red background should be displayed beside the incorrect selected regions, label and border should not be displayed below the question preview and the correct answer container should not be displayed')
+            highlightImagePage.steps.checkAnswer();
+            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
+            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+
+        it('When user attempts the question correctly then on selecting \'Show correct answer\' checkbox, the user should be awarded full points and green check-mark icons and green background should be displayed in all correct highlight regions, label and border should not be displayed below the question preview and the correct answer container should not be displayed', () => {
+            highlightImagePage.steps.resetQuestionPreview();
+            highlightImagePage.steps.highlightARegionInPreviewTab(0);
+            highlightImagePage.steps.highlightARegionInPreviewTab(3);
+            highlightImagePage.steps.verifyPreviewTabScoreText(20, 20);
+            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
+            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
+            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
+
+            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, the user should be awarded full points and green check-mark icons and green background should be displayed in all correct highlight regions, label and border should not be displayed below the question preview and the correct answer container should not be displayed')
+            highlightImagePage.steps.checkAnswer();
+            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
+            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
+            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
+            highlightImagePage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+
+        highlightImagePage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(20);
+
+        highlightImagePage.tests.verifyPenaltyPointsFunctionalityForIncorrectAnswer(7, 20);
+
+        highlightImagePage.tests.verifyMinimumScoreIfAttemptedAndPenaltyPointsFunctionalityForIncorrectAnswer([1, 7, 12], 12, 20);
+    });
+
+    describe('Partial equal weights: Round down score', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.barsPreLoaderWait();
+            highlightImagePage.steps.addQuestionInstructions();
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
+            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
+            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
+            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
+            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
+            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
+            highlightImagePage.steps.checkMultipleSelectionCheckbox();
+            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
+            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(1);
+            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(3);
+            highlightImagePage.steps.selectPartialEqualWeightsCheckbox();
+            highlightImagePage.steps.allotPoints(6.3)
+            highlightImagePage.steps.expandAdditonalSettings();
+            highlightImagePage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            highlightImagePage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Round down score\' checkbox is selected, then in Preview tab when user enters partially or fully correct answers responses the score displayed should be rounded down to the nearest whole number', () => {
+            highlightImagePage.steps.verifyCheckedStateOfRoundDownScoreCheckbox();
+            highlightImagePage.steps.highlightARegionInPreviewTab(0);
+            highlightImagePage.steps.verifyPreviewTabScoreText(2, 6.3);
+            highlightImagePage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            highlightImagePage.steps.highlightARegionInPreviewTab(1);
+            highlightImagePage.steps.highlightARegionInPreviewTab(3);
+            highlightImagePage.steps.verifyPreviewTabScoreText(6, 6.3);
+            highlightImagePage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+        });
+
+        it('When the \'Round down score\' checkbox is not selected, then in Preview tab when user selects partially or fully correct answers the points should be displayed in decimal points if applicable as per the options selected by the user', () => {
+            highlightImagePage.steps.switchToEditTab()
+            highlightImagePage.steps.uncheckRoundDownScoreCheckbox()
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.highlightARegionInPreviewTab(3);
+            highlightImagePage.steps.verifyPreviewTabScoreText(2.1, 6.3);
+            highlightImagePage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            highlightImagePage.steps.highlightARegionInPreviewTab(0);
+            highlightImagePage.steps.highlightARegionInPreviewTab(1);
+            highlightImagePage.steps.verifyPreviewTabScoreText(6.3, 6.3);
+            highlightImagePage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+        });
+    });
+});