itemengine-cypress-automation 1.0.247 → 1.0.248

package/cypress/e2e/ILC/Matching/questionInstructionsAndPromptSection.js

@@ -56,7 +56,7 @@ describe('Create Item page - Matching : Question Instructions and prompt section
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             })
-            utilities.getNthElement(matchingPage.promptInputFieldWrapper(), 0)
+           utilities.getNthElement( matchingPage.promptInputFieldWrapper(),0)
                 .within(() => {
                     utilities.verifyCSS(matchingPage.dragHandleButton(), {
                         'color': css.color.secondaryBtnActive,
@@ -76,7 +76,7 @@ describe('Create Item page - Matching : Question Instructions and prompt section
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(utilities.getNthElement(matchingPage.promptInputField(), 0), {
+            utilities.verifyCSS(utilities.getNthElement( matchingPage.promptInputField(),0), {
                 'color': css.color.text,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular

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

@@ -0,0 +1,121 @@
+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'];
+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']
+
+describe('Create item page - Upload response : Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        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(1);
+                        uploadResponsePage.steps.expandSupportedFileTypesAccordion();
+                        uploadResponsePage.steps.selectSupportedFileTypeOption(23);
+                        uploadResponsePage.steps.selectSupportedFileTypeOption(24);
+                        uploadResponsePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID[0])}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID[0])}`);
+                        uploadResponsePage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID[0])}`);
+                        break;
+                };
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    uploadResponsePage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(uploadResponsePage.questionInstructionsText(), 'Question text');
+                utilities.verifyElementVisibilityState(uploadResponsePage.questionInstructionsText(), 'visible');
+            });
+
+            it('When user uploads file, then uploaded file name should be displayed, file count should get updated and thumb nail of the image should be visible', () => {
+                uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+                uploadResponsePage.steps.verifyThumbNailExistOrNotExist('highlightImage.jpg', 'visible');
+            });
+
+            it('CSS of Thumb nail and File name in preview tab', { tags: 'css' }, () => {
+                utilities.verifyCSS(uploadResponsePage.imageThumbNail(), {
+                    'box-sizing': 'border-box',
+                    'min-height': 'auto',
+                    'min-width': 'auto'
+                });
+                utilities.verifyCSS(uploadResponsePage.fileName(), {
+                    'color': 'rgb(0, 0, 255)',
+                    'font-size': '16px',
+                    'font-weight': '400'
+                });
+            });
+
+            //Failed due to https://weldnorthed.atlassian.net/browse/IEI-4343
+            it.skip('Accessibility of Preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(uploadResponsePage.questionWrapperPreviewTab());
+            });
+
+            it('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', () => {
+                uploadResponsePage.steps.clickOnImageThumbNail();
+                uploadResponsePage.steps.verifyImagePopUpDetail();
+                uploadResponsePage.steps.closeImagePopup();
+                uploadResponsePage.steps.verifyThumbNailExistOrNotExist('highlightImage.jpg', 'visible');
+                utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
+            });
+
+            it('When user clicks on the file name then popup should open, and on clicking the close button the popup should close and the uploaded files should be displayed', () => {
+                uploadResponsePage.steps.clickOnFileName();
+                uploadResponsePage.steps.verifyImagePopUpDetail();
+                uploadResponsePage.steps.closeImagePopup();
+                uploadResponsePage.steps.verifyThumbNailExistOrNotExist('highlightImage.jpg', 'visible');
+                utilities.verifyElementCount(uploadResponsePage.fileName(), 1);
+            });
+
+            it('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();
+                    uploadResponsePage.steps.clickAcceptButtonInPopup();
+                    uploadResponsePage.steps.uploadFile(`uploads/${filename[number]}`);
+                    uploadResponsePage.steps.verifyThumbNailExistOrNotExist(filename[number], fileThumbNail[number]);
+                }
+            });
+
+            it('When user uploads a file in .heif or .heic format then and info icon with tool tip should be present and image thumb nail should not be present', () => {
+                for (let number = 13; number < 15; number++) {
+                    uploadResponsePage.steps.deleteFile();
+                    uploadResponsePage.steps.clickAcceptButtonInPopup();
+                    uploadResponsePage.steps.uploadedFileContentsNotExistPreviewTab();
+                    uploadResponsePage.steps.uploadFile(`uploads/${filename[number]}`);
+                    uploadResponsePage.steps.verifyThumbNailExistOrNotExist(filename[number], fileThumbNail[number]);
+                    utilities.verifyElementVisibilityState(uploadResponsePage.unSupportedFileInfoIcon(), 'visible');
+                    uploadResponsePage.unSupportedFileInfoIcon()
+                        .verifyTooltip('The image format (HEIC/HEIF) is not supported on your current device or operating system version. Please click the link to download and view the image.');
+                }
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/VideoResponseNew/editTabBasicSection.js

@@ -162,7 +162,8 @@ describe('Create item page - Video response: Question instructions, Maximum reco
 
         it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
+            //Failing due to https://redmine.zeuslearning.com/issues/573549
+            // utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
             utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
         });
 
@@ -207,7 +208,8 @@ describe('Create item page - Video response: Question instructions, Maximum reco
 
         it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
+            //Failing due to https://redmine.zeuslearning.com/issues/573549
+            // utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
             utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
         });
 
@@ -221,7 +223,8 @@ describe('Create item page - Video response: Question instructions, Maximum reco
         it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message \'Error: Value must be greater than 0 mins.\' should be displayed', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(0);
             videoResponsePage.steps.verifyMaximumRecordingDuration(0);
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 mins.');
+            // Uncomment once https://redmine.zeuslearning.com/issues/583618 is resolved
+            // utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 mins.');
             utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
         });
 

package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js

@@ -32,8 +32,8 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
             toolType: 'dialog'
         },
         {
-            displayName: 'Upload image ',
-            tooltipText: 'The \'Upload image \' tool uploads an image.',
+            displayName: 'Insert image',
+            tooltipText: 'The \'Insert image\' tool uploads an image.',
             toolType: 'dialog'
         },
         {

package/cypress/pages/components/imageCanvasComponent.js

@@ -264,8 +264,7 @@ const steps = {
         imageCanvasComponent.canvasWidthInputField()
             .invoke('attr', 'value')
             .then((value) => {
-                imageCanvasComponent.canvasImage()
-                    .should('have.css', 'width', `${value}px`);
+                imageCanvasComponent.canvasImage().should('have.css', 'width', `${value}px`);
             });
     },
 
@@ -792,7 +791,7 @@ const tests = {
      * @param {"text container"|"dropzone"} response value for the error message
      */
     verifyInsertAndDeleteResponseAreaFunctionality: (response) => {
-        it(`When user clicks on close button for response container, then response container should be removed from canvas and error message should be displayed`, () => {
+        it(`When user clicks on close button for response container, then response container should be removed from canvas and error message should not be displayed`, () => {
             imageCanvasComponent.steps.removeResponseArea(0);
             utilities.verifyElementVisibilityState(imageCanvasComponent.responseAreaWrapper(), 'notExist');
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');