itemengine-cypress-automation 1.0.26 → 1.0.27

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

@@ -0,0 +1,86 @@
+import constants from "../../../fixtures/constants";
+import { highlightImagePage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - Highlight image: Supported file types', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Supported file types functionality: device popup', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.barsPreLoaderWait();
+        });
+
+        const supportedFormatFiles = {
+            jpg: 'highlightImage.jpg',
+            jpeg: 'sample.jpeg',
+            png: 'image.png',
+            gif: 'sample.gif',
+            heic: 'sample.heic',
+            heif: 'sample.heif',
+            svg: 'sample.svg'
+        };
+
+        Object.keys(supportedFormatFiles).forEach((fileType) => {
+            it(`User should be able to upload ${fileType} file in the upload section using link text \'device\' and it should be displayed in the \'Set correct answer\' section and \'Preview tab\'`, () => {
+                uploadImageSectionComponent.steps.uploadFile(supportedFormatFiles[fileType]);
+                uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+                highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
+                highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
+                highlightImagePage.steps.verifyUploadedImageFormatInSetCorrectAnswerSection(fileType);
+                cy.log('Checking in preview tab')
+                highlightImagePage.steps.switchToPreviewTab();
+                highlightImagePage.steps.verifyUploadedImageFormatInPreviewTab(fileType);
+                highlightImagePage.steps.switchToEditTab();
+                cy.log('Post step: Delete the image')
+                uploadImageSectionComponent.steps.clickOnDeleteImageButton();
+                highlightImagePage.steps.clickOnAcceptButtonInDialogBox();
+            });
+        });
+    });
+
+    describe('Supported file types functionality: Source URL popup', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
+            cy.barsPreLoaderWait();
+        });
+
+        const supportedFormatFiles = {
+            jpg: constants.foxImageLink,
+            jpeg: constants.sampleJPEGLink,
+            png: constants.samplePNGLink,
+            gif: constants.sampleGIFLink,
+            svg: constants.sampleSVGLink
+        };
+
+        Object.keys(supportedFormatFiles).forEach((fileType) => {
+            it(`User should be able to upload ${fileType} file in the upload section using link text \'device\' and it should be displayed in the \'Set correct answer\' section and \'Preview tab\'`, () => {
+                uploadImageSectionComponent.steps.clickOnSourceURL();
+                uploadImageSectionComponent.steps.uploadImageUsingSourceURL(supportedFormatFiles[fileType]);
+                uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+                highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
+                highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
+                highlightImagePage.steps.verifyUploadedImageFormatInSetCorrectAnswerSection(fileType);
+                cy.log('Checking in preview tab')
+                highlightImagePage.steps.switchToPreviewTab();
+                highlightImagePage.steps.verifyUploadedImageFormatInPreviewTab(fileType);
+                highlightImagePage.steps.switchToEditTab();
+                cy.log('Post step: Delete the image')
+                uploadImageSectionComponent.steps.clickOnDeleteImageButton();
+                highlightImagePage.steps.clickOnAcceptButtonInDialogBox();
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/HighlightImage/{highlightImageToolsFunctionality.js → highlightImageToolsFunctionalityEditTab.js}

@@ -7,7 +7,7 @@ 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', () => {
+describe('Create Item page - Highlight image: Tools functionality edit tab', () => {
     before(() => {
         cy.loginAs('admin');
     });
@@ -51,49 +51,6 @@ describe('Create Item page - Highlight image: Tools functionality', () => {
         });
     });
 
-    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);
-        });
-    });
-
     //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();
@@ -147,64 +104,6 @@ describe('Create Item page - Highlight image: Tools functionality', () => {
         });
     });
 
-    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 - Edit tab, Set correct answer section', () => {
         abortEarlySetup();
         before(() => {
@@ -232,30 +131,6 @@ describe('Create Item page - Highlight image: Tools functionality', () => {
         });
     });
 
-    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 - Edit tab, Set correct answer section', () => {
         abortEarlySetup();
         before(() => {
@@ -282,28 +157,4 @@ describe('Create Item page - Highlight image: Tools functionality', () => {
             highlightImagePage.steps.verifyUnselectedStateOfClearAllTool();
         });
     });
-
-    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/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.26",
+  "version": "1.0.27",
   "description": "",
   "main": "index.js",
   "scripts": {