itemengine-cypress-automation 1.0.25 → 1.0.27

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

@@ -0,0 +1,160 @@
+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 leafHighlightRegion = [[54, 48], [54, 72], [82, 72], [82, 48]];
+const overlapHighlightRegion = [[24, 24], [56, 24], [61, 9], [34, 8]]
+
+describe('Create Item page - Highlight image: Tools functionality edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Pen\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
+            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
+        });
+
+        it('When the user selects the \'Pen\' tool, the user should be able to highlight a region on the highlight image canvas, highlight count field value should update and a highlight with a numeration should be visible in \'Set correct answer\' section  and \'Pen\' tool should be in selected state', () => {
+            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(1);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(0, flowerHighlightRegion)
+            highlightImagePage.steps.verifyHighlightNumerationSetCorrectAnswer(0);
+            highlightImagePage.steps.verifySelectedStateOfPenTool();
+        });
+
+        it('When the user highlights multiple regions on the highlight image canvas, highlight count field value should update and a new highlight with numeration should be visible in \'Set correct answer\' section', () => {
+            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(2);
+            highlightImagePage.steps.verifyHighlightRegionCountInSetCorrectAnswerSection(2);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(1, leafHighlightRegion)
+            highlightImagePage.steps.verifyHighlightNumerationSetCorrectAnswer(1)
+        });
+
+        it('The user should not be able to draw overlapping highlights on the highlight image canvas', () => {
+            highlightImagePage.steps.highlightRegionInImage(overlapHighlightRegion);
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(2);
+            highlightImagePage.steps.verifyHighlightRegionCountInSetCorrectAnswerSection(2);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(0, flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(1, leafHighlightRegion);
+        });
+    });
+
+    //TODO: Need to update script after https://redmine.zeuslearning.com/issues/544199 is answered
+    describe('\'Undo\' and \'Redo\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            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(leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(0, flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(1, leafHighlightRegion);
+        });
+
+        it('When the user clicks on the \'Undo\' tool, it should undo the latest action and tool should be in unselected state', () => {
+            highlightImagePage.steps.clickOnUndoTool();
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(1);
+            highlightImagePage.steps.verifyHighlightRegionCountInSetCorrectAnswerSection(1);
+            highlightImagePage.steps.verifyUnselectedStateOfUndoTool();
+        });
+
+        it('When the user clicks on the redo tool after performing an undo action, then the highlight region should be displayed again in the \'Set correct answer\' section and tool should be in unselected state', () => {
+            highlightImagePage.steps.clickOnRedoTool();
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(2);
+            highlightImagePage.steps.verifyHighlightRegionCountInSetCorrectAnswerSection(2);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(1, leafHighlightRegion);
+            highlightImagePage.steps.verifyUnselectedStateOfRedoTool();
+        });
+
+        it('User should be able to undo multiple highlight regions by using the \'Undo\' tool', () => {
+            for (var i = 0; i < 11; i++) {
+                highlightImagePage.steps.clickOnUndoTool();
+            };
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(0);
+            utilities.verifyElementVisibilityState(highlightImagePage.setCorrectAnswerSectionHighlight(), 'notExist')
+        });
+
+        it('When the user clicks on the \'Redo\' tool multiple times after performing an undo action, then all the highlight region should be displayed again in the \'Set correct answer\' section', () => {
+            for (var i = 0; i < 11; i++) {
+                highlightImagePage.steps.clickOnRedoTool();
+            };
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(2);
+            highlightImagePage.steps.verifyHighlightRegionCountInSetCorrectAnswerSection(2);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(0, flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(1, leafHighlightRegion);
+        });
+    });
+
+    describe('\'Item eraser\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            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(leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(0, flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(1, leafHighlightRegion);
+        });
+
+        it('When the user selects the \'Item eraser\' tool and clicks on a highlight region, the user should be able to delete the highlight and highlight count field value and numeration of highlight should change accordingly and deleted highlight should not be visible in \'Set correct answer\' section and the tool should be in selected state', () => {
+            highlightImagePage.steps.eraseAHighlightRegion([flowerHighlightRegion[0]]);
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(1);
+            highlightImagePage.steps.verifyHighlightRegionCountInSetCorrectAnswerSection(1);
+            highlightImagePage.steps.verifyHighlightNumerationSetCorrectAnswer(0)
+            highlightImagePage.steps.verifySelectedStateOfItemEraserTool()
+        });
+    });
+
+    describe('\'Clear all\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            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(leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(0, flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInSetCorrectAnswerSection(1, leafHighlightRegion);
+        });
+
+        it('When the user clicks on the \'Clear all\' tool, it should delete all the highlights present on the highlight image canvas and the highlight count field value should be equal to 0 and no highlights should be visible in \'Set correct answer\' section and \'Clear all\' tool should be in unselected state', () => {
+            highlightImagePage.steps.verifyHighlightRegionCountInSetCorrectAnswerSection(2);
+            highlightImagePage.steps.clickOnClearAllTool();
+            highlightImagePage.steps.verifyHighlightCountInHighlightImageSection(0);
+            utilities.verifyElementVisibilityState(highlightImagePage.setCorrectAnswerSectionHighlight(), 'notExist')
+            highlightImagePage.steps.verifyUnselectedStateOfClearAllTool();
+        });
+    });
+});

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

@@ -0,0 +1,163 @@
+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 leafHighlightRegion = [[54, 48], [54, 72], [82, 72], [82, 48]];
+const overlapHighlightRegion = [[24, 24], [56, 24], [61, 9], [34, 8]]
+
+describe('Create Item page - Highlight image: Tools functionality preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Pen\' tool functionality - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
+            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
+        });
+
+        it('When the user highlights a region on the highlight image canvas, it should be visible in \'Preview\' tab', () => {
+            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+        });
+
+        it('When the user highlights multiple regions on the highlight image canvas, a new highlight should be visible in \'Preview\' tab', () => {
+            cy.log('Switching to Edit Tab')
+            highlightImagePage.steps.switchToEditTab();
+            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+
+        it('The user should not be able to draw overlapping highlights on the highlight image canvas', () => {
+            cy.log('Switching to Edit Tab')
+            highlightImagePage.steps.switchToEditTab();
+            highlightImagePage.steps.highlightRegionInImage(overlapHighlightRegion);
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+    });
+
+    describe('\'Undo\' and \'Redo\' tool functionality - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            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(leafHighlightRegion);
+        });
+
+        it('When the user performs the undo action, it should undo the latest action and it should be visible in \'Preview\' tab', () => {
+            highlightImagePage.steps.clickOnUndoTool();
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.verifyHighlightRegionCountInPreviewTab(1);
+        });
+
+        it('When the user clicks on the redo tool after performing an undo action, then the highlight region should be displayed again in the \'Preview\' tab', () => {
+            cy.log('Switching to Edit Tab')
+            highlightImagePage.steps.switchToEditTab();
+            highlightImagePage.steps.clickOnRedoTool();
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+
+        it('User should be able to undo multiple highlight regions by using the \'Undo\' tool', () => {
+            cy.log('Switching to Edit Tab')
+            highlightImagePage.steps.switchToEditTab();
+            for (var i = 0; i < 11; i++) {
+                highlightImagePage.steps.clickOnUndoTool();
+            };
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(highlightImagePage.previewTabHighlight(), 'notExist')
+        });
+
+        it('When the user clicks on the \'Redo\' tool multiple times after performing an undo action, then all the highlight region should be displayed again in the \'Preview\' tab', () => {
+            cy.log('Switching to Edit Tab')
+            highlightImagePage.steps.switchToEditTab();
+            for (var i = 0; i < 11; i++) {
+                highlightImagePage.steps.clickOnRedoTool();
+            };
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            highlightImagePage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+    });
+
+    describe('\'Item eraser\' tool functionality - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            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(leafHighlightRegion);
+        });
+
+        it('When the user deletes the highlight using \'Item eraser\' tool, the deleted highlight should not be visible in \'Preview\' tab', () => {
+            highlightImagePage.steps.eraseAHighlightRegion([flowerHighlightRegion[0]]);
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            highlightImagePage.steps.verifyHighlightRegionCountInPreviewTab(1);
+        });
+    });
+
+    describe('\'Clear all\' tool functionality - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.log('Uploading an image');
+            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(leafHighlightRegion);
+        });
+
+        it('When the user deletes all the highlights using \'Clear all\' tool, no highlights should be visible in \'Preview\' tab', () => {
+            highlightImagePage.steps.clickOnClearAllTool();
+            cy.log('Switching to Preview Tab')
+            highlightImagePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(highlightImagePage.previewTabHighlight(), 'notExist')
+        });
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "",
   "main": "index.js",
   "scripts": {