itemengine-cypress-automation 1.0.324 → 1.0.326-IEI-4285-168e56f.0

package/cypress/e2e/ILC/UploadResponse/gradingViewAndCorrectAnswerViewContents.smoke.js

@@ -2,6 +2,7 @@ import { correctAnswerViewPage, uploadResponsePage, itemPreviewPage, studentView
 import { gradingViewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
+import { largeFileName } from './thumbNail.smoke';
 const css = Cypress.env('css');
 let gradingAndCorrectAnsView = ['Grading view', 'Correct answer view']
 const views = utilities.getViews(gradingAndCorrectAnsView);
@@ -70,6 +71,46 @@ describe('Create item page - Upload response: Grading view, Correct answer view
                 cy.verifyUploadFilePreviewDownload('highlightImage.jpg');
             });
         });
+
+        describe('Upload file with a very large name', { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to Upload response question type');
+                uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+                cy.barsPreLoaderWait();
+                uploadResponsePage.steps.allotPoints(10);
+                uploadResponsePage.steps.addTextInQuestionInstructionsInputField('Question text');
+                uploadResponsePage.steps.setMaximumNumberOfFiles(3);
+                uploadResponsePage.steps.clickOnSaveQuestionButton();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                //Global variable issue, not working inside before
+                itemPreviewPage.referenceID()
+                    .invoke('text')
+                    .then(($refID) => {
+                        itemReferenceID = $refID;
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+
+                        uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
+                        utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'exist');
+                        uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField(largeFileName);
+                        uploadResponsePage.steps.verifyTextInEditDisplayTextPopupInputField(largeFileName);
+                        uploadResponsePage.steps.clickAcceptButtonInPopup();
+                        uploadResponsePage.steps.verifyUploadedFileName(0, largeFileName);
+                        studentViewPage.steps.submitResponse();
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                    });
+            });
+
+            it('Thumbnail should not get compressed', () => {
+                uploadResponsePage.imageThumbnailGradingPage()
+                .invoke('css', ['width', 'height'])
+                .then(({ width, height }) => {
+                  expect(Math.round(parseFloat(width))).to.be.closeTo(80, 1);
+                  expect(Math.round(parseFloat(height))).to.be.closeTo(80, 1);
+                });
+            });
+        });
     }
 
     if (views.includes('Correct answer view')) {

package/cypress/e2e/ILC/UploadResponse/thumbNail.smoke.js

@@ -2,11 +2,12 @@ import { uploadResponsePage, itemPreviewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view'];
+let previewContentViews = ['Question preview'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
 const filename = ['sample.csv', 'sample.xlsx', 'sample.gif', 'sample.jpg', 'sample.pdf', 'image.png', 'sample.ppt', 'sample.pub', 'sample.rtf', 'sample.txt', 'sample.doc', 'sample.xps', 'sample.zip', 'sample.heif', 'sample.heic'];
 const fileThumbNail = ['notExist', 'notExist', 'visible', 'visible', 'notExist', 'visible', 'notExist', 'notExist', 'notExist', 'notExist', 'notExist', 'notExist', 'notExist', 'notExist', 'notExist']
+export const largeFileName = 'nature imagenature imagenature imagenature imagenature imagenature imagenature imagenature imagenature imagenature imagenature imagenature imagenature';
 
 describe('Create item page - Upload response : Preview contents', () => {
     before(() => {
@@ -88,7 +89,7 @@ describe('Create item page - Upload response : Preview contents', () => {
             });
 
             it(`${view} - When user clicks on the thumbnail then popup should open, and on clicking the close button the popup should close and the uploaded files should be displayed`, () => {
-                utilities.verifyElementCount(uploadResponsePage.imageThumbNail(), 2);
+                utilities.verifyElementCount(uploadResponsePage.imageThumbNail(), 1);
                 uploadResponsePage.steps.clickOnImageThumbNail();
                 uploadResponsePage.steps.verifyImagePopUpDetail();
                 cy.eyesCheckWindow(`${view} - Thumbnail popup`);
@@ -105,6 +106,21 @@ describe('Create item page - Upload response : Preview contents', () => {
                 utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
             });
 
+            it(`${view} - When user uploads file with a very large name then thumbnail should not get compressed`, () => {
+                uploadResponsePage.steps.clickOnEditDisplayTextIcon(0);
+                utilities.verifyElementVisibilityState(uploadResponsePage.dialogBox(), 'exist');
+                uploadResponsePage.steps.enterTextInEditDisplayTextPopupInputField(largeFileName);
+                uploadResponsePage.steps.verifyTextInEditDisplayTextPopupInputField(largeFileName);
+                uploadResponsePage.steps.clickAcceptButtonInPopup();
+                uploadResponsePage.steps.verifyUploadedFileName(0, largeFileName);
+                uploadResponsePage.imageThumbNail()
+                .invoke('css', ['width', 'height'])
+                .then(({ width, height }) => {
+                  expect(Math.round(parseFloat(width))).to.be.closeTo(80, 1);
+                  expect(Math.round(parseFloat(height))).to.be.closeTo(80, 1);
+                });
+            });
+
             it(`${view} - When user uploads different file types then only image files should be displayed with thumbnail`, () => {
                 for (let number = 0; number < 13; number++) {
                     uploadResponsePage.steps.deleteFile();

package/cypress/pages/uploadResponsePage.js

@@ -90,13 +90,14 @@ const selectors = {
     maximumFileSize: () => cy.get('[class*="UploadQuestionPreviewstyle__MaxFileLimitDesc"]'),
     unSupportedFileInfoIcon: () => cy.get('[class*="UploadedDocumentsstyle__UnSupportedFileIcon"]'),
     //Thumb nail
-    imageThumbNail: () => cy.get('[class*="UploadedDocumentsstyle__ImageContainer"]'),
+    imageThumbNail: () => cy.get('img[class*="UploadedDocumentsstyle__ImageContainer"]'),
     imageThumbNailButton: () => cy.get('[class*="UploadedDocumentsstyle__ImageContainerButton"]'),
     popUpWrapper: () => cy.get('[class*="UploadedDocumentsstyle__ImagePopupDiv"]'),
     imageDisplayedInsidePopUp: () => cy.get('.image-upload-popup-wrapper'),
     downloadIconOfPopUp: () => cy.get('.download-icon'),
     downloadTextOfPopUp: () => cy.get('[class*="UploadedDocumentsstyle__DownloadTextWrapper"]'),
     closePopUpButton: () => cy.get('.close-popup-btn'),
+    imageThumbnailGradingPage: () => cy.get('img[class*="UploadQuestionPreviewstyle__ImageContainer"]'),
 }
 
 const steps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.324",
+  "version": "1.0.326-IEI-4285-168e56f.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -52,4 +52,4 @@
   "devDependencies": {
     "@applitools/eyes-cypress": "^3.47.0"
   }
-}
+}