itemengine-cypress-automation 1.0.68 → 1.0.70

package/cypress/e2e/ILC/UploadResponse/uploadResponsePreview.js

@@ -1,6 +1,6 @@
-import { uploadResponsePage, dialogBoxBase } from "../../../pages";
-import { commonComponents } from "../../../pages/components";
+import { uploadResponsePage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
 let fileTypes = ['CSV', 'Excel', 'GIF', 'JPG', 'PDF', 'PNG', 'Powerpoint', 'Publisher', 'RTF', 'TXT', 'Word', 'XPS', 'ZIP'];
 let fileTypesString = fileTypes.toString().replaceAll(',', ', ')
 let infoIconTooltipText = 'Supported file formats:  ' + fileTypesString + '.';
@@ -19,69 +19,72 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('In the Preview tab, the upload response area should have a Cloud icon and text \"Drag & Drop files here or browse files on your device, Google Drive or capture an image\" should be displayed', () => {
-            uploadResponsePage.uploadCloudIcon()
-                .should('be.visible');
-            uploadResponsePage.dragAndDropFilesText()
-                .verifyInnerText('Drag & Drop files here');
-            uploadResponsePage.fileUploadOptionsLabel()
-                .should('have.text', 'or browse files on your device, Google Drive or capture an image');
+            utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Drag & Drop files here');
+            uploadResponsePage.steps.verifyTextInUploadResponseArea('or browse files on your device, Google Drive or capture an image');
         });
 
         it('Computer and Google Drive icons should be displayed before link texts \'device\' and \'Google Drive\' respectively', () => {
             //TODO: NEED to revisit, need to verify unicode
             uploadResponsePage.deviceLink()
                 .verifyPseudoClassBeforeProperty('content', '""');
-            uploadResponsePage.googleDriveLink()
-                .find('svg')
-                .should('be.visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.googleDriveLink().find('svg'), 'visible');
         });
 
         it('\'Supported file formats\' label should be displayed along with an info icon, hovering over the Supported file formats info icon a tooltip should be displayed with list of all the selected supported file types', () => {
-            uploadResponsePage.supportedFileFormatLabel()
-                .verifyInnerText('Supported file formats');
-            uploadResponsePage.supportedFileInfoIcon()
-                .should('be.visible');
+            utilities.verifyInnerText(uploadResponsePage.supportedFileFormatLabel(), 'Supported file formats');
+            utilities.verifyElementVisibilityState(uploadResponsePage.supportedFileInfoIcon(), 'visible');
             uploadResponsePage.supportedFileInfoIcon()
-                .trigger('mouseover');
-            uploadResponsePage.supportedFilesTooltip()
-                .should('have.text', infoIconTooltipText);
+                .verifyTooltip(infoIconTooltipText);
         });
 
         it('Accessibility of \'Supported file formats\' tooltip', { tags: 'a11y' }, () => {
+            utilities.triggerMouseover(uploadResponsePage.supportedFileInfoIcon());
             cy.checkAccessibility(uploadResponsePage.supportedFilesTooltip());
-            uploadResponsePage.supportedFileInfoIcon()
-                .trigger('mouseout');
+            utilities.triggerMouseout(uploadResponsePage.supportedFileInfoIcon());
         });
 
         it('Uploaded file count should be displayed on the bottom right corner of the response section and by default it should be 0', () => {
-            uploadResponsePage.uploadedFileCount()
-                .verifyInnerText('0/15 File Limit')
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(0, 15);
         });
 
         //Failing due to https://redmine.zeuslearning.com/issues/528358
         it('CSS of Preview tab', { tags: 'css' }, () => {
-            uploadResponsePage.uploadCloudIcon()
-                .find('path')
-                .should('have.css', 'fill', css.color.cloudIconFill);
-            uploadResponsePage.dragAndDropFilesText()
-                .verifyCSS(css.color.text, css.fontSize.huge, css.fontWeight.bold);
-            uploadResponsePage.fileUploadOptionsLabel()
-                .verifyCSS(css.color.text, css.fontSize.heading, css.fontWeight.semibold);
-            uploadResponsePage.supportedFileFormatLabel()
-                .verifyCSS(css.color.text, css.fontSize.normal, css.fontWeight.regular);
-            uploadResponsePage.supportedFileInfoIcon()
-                .find('path')
-                .should('have.css', 'fill', css.color.activeButtons);
-            uploadResponsePage.supportedFileInfoIcon()
-                .trigger('mouseover');
-            uploadResponsePage.supportedFilesTooltip()
-                .verifyCSS(css.color.whiteText, css.fontSize.small, css.fontWeight.light)
-                .should('have.css', 'background-color', css.color.tooltipBg);
-            uploadResponsePage.supportedFileInfoIcon()
-                .trigger('mouseout');
-            uploadResponsePage.uploadedFileCount()
-                .verifyCSS(css.color.labels, css.fontSize.small, css.fontWeight.regular)
-                .should('have.css', 'background-color', css.color.fileLimitBg);
+            utilities.verifyCSS(uploadResponsePage.uploadCloudIcon().find('path'), {
+                'fill': css.color.cloudIconFill
+            });
+            utilities.verifyCSS(uploadResponsePage.dragAndDropFilesText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.huge,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(uploadResponsePage.fileUploadOptionsLabel(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(uploadResponsePage.supportedFileFormatLabel(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(uploadResponsePage.supportedFileInfoIcon().find('path'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.triggerMouseover(uploadResponsePage.supportedFileInfoIcon());
+            utilities.verifyCSS(uploadResponsePage.supportedFilesTooltip(), {
+                'color': css.color.whiteText,
+                'font-size': css.fontSize.extraSmall,
+                'font-weight': css.fontWeight.light,
+                'background-color': css.color.tooltipBg
+            });
+            utilities.triggerMouseout(uploadResponsePage.supportedFileInfoIcon());
+            utilities.verifyCSS(uploadResponsePage.uploadedFileCount(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.fileLimitBg
+            });
             uploadResponsePage.deviceLink()
                 .verifyPseudoClassBeforeProperty('color', css.color.text);
             uploadResponsePage.googleDriveLink()
@@ -89,7 +92,7 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('Accessibility of Preview tab', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(commonComponents.previewTabQuestionWrapper());
+            cy.checkAccessibility(uploadResponsePage.previewTabQuestionWrapper());
         });
     });
 
@@ -102,14 +105,15 @@ describe('Create question page - Upload Response: Preview', () => {
 
         it('User should be able to upload supported files in the upload section using link text \'device\' or the icon besides it and the file uploaded by the student should be listed below the upload area with the name of the file. Also, the uploaded file count should get updated in the file limit section', () => {
             uploadResponsePage.steps.fileUploadAndVerify(['image.png']);
-            uploadResponsePage.uploadedFileCount()
-                .verifyInnerText('1/15 File Limit');
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(1, 15);
         });
 
         it('CSS of uploaded file wrapper contents', { tags: 'css' }, () => {
-            uploadResponsePage.uploadedFileLink()
-                .children()
-                .verifyCSS(css.color.linkText, css.fontSize.default, css.fontWeight.regular);
+            utilities.verifyCSS(uploadResponsePage.uploadedFileLink().children(), {
+                'color': css.color.linkText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
             uploadResponsePage.editDisplayTextIcon()
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
             uploadResponsePage.addFileDescriptionIcon()
@@ -123,112 +127,71 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('\'Edit display text\', \'Add file description\', \'Delete\' icon buttons should be displayed next to the file name of the uploaded file', () => {
-            uploadResponsePage.uploadedFileWrapper()
-                .eq(0)
-                .within(() => {
-                    uploadResponsePage.editDisplayTextIcon()
-                        .should('be.visible');
-                    uploadResponsePage.addFileDescriptionIcon()
-                        .should('be.visible');
-                    uploadResponsePage.deleteButton()
-                        .should('be.visible');
-                });
+            uploadResponsePage.steps.uploadedFileContentsPreviewTab(0);
         });
 
         it('User should also be able to upload supported files in the upload section using drag and drop feature', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/sample.jpg', { subjectType: 'drag-n-drop' });
-            uploadResponsePage.uploadedFileWrapper()
-                .eq(1)
-                .verifyInnerText('sample.jpg');
+            uploadResponsePage.steps.fileUploadAndVerify(['sample.jpg'], { subjectType: 'drag-n-drop' });
         });
 
         it('User should be able to upload multiple files at once and the uploaded file count should get updated in the file limit section', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile(['uploads/sample.csv', 'uploads/sample.gif']);
-            uploadResponsePage.uploadedFileCount()
-                .verifyInnerText('4/15 File Limit');
+            uploadResponsePage.steps.uploadFile(['uploads/sample.csv', 'uploads/sample.gif']);
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(4, 15);
+
         });
 
         it('When the user uploads a file that has already been added, then file upload error message \'Error: *File_name* has already been selected.\' should be displayed above the uploaded files', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/image.png');
-            commonComponents.errorMessage()
-                .verifyInnerText('Error: image.png has already been selected.');
+            uploadResponsePage.steps.uploadFile('uploads/image.png');
+            utilities.verifyInnerText(uploadResponsePage.errorMessage(), 'Error: image.png has already been selected.');
         });
 
         it('CSS of file upload error message', { tags: 'css' }, () => {
-            commonComponents.errorMessage()
-                .verifyCSS(css.color.errorText, css.fontSize.small, css.fontWeight.regular);
+            utilities.verifyCSS(uploadResponsePage.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
         });
 
         it('Accessibility of file upload error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(commonComponents.errorMessage());
+            cy.checkAccessibility(uploadResponsePage.errorMessage());
         });
 
         uploadResponsePage.tests.verifyErrorMessageDisappear();
 
         it('During file upload process, a progress bar, file name, file size, a cross icon to stop upload should be present, the file count should not change while the file is being uploaded, on clicking on the \'cross icon to stop upload\' button, the file should not get uploaded', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/sample1.zip');
-            uploadResponsePage.uploadingProgressBar()
-                .should('be.visible');
-            uploadResponsePage.uploadingFileName()
-                .verifyInnerText('sample1.zip')
-                .and('be.visible');
-            uploadResponsePage.stopUploadingButton()
-                .should('be.visible');
-            uploadResponsePage.uploadedFileCount()
-                .verifyInnerText('4/15 File Limit');
-            uploadResponsePage.stopUploadingButton()
-                .click();
-            uploadResponsePage.uploadedFileWrapper()
-                .eq(0)
-                .should('exist')
-                .verifyInnerText('image.png');
-            uploadResponsePage.uploadedFilesSectionWrapper()
-                .should('not.have.text', 'sample1.zip')
-                .children()
-                .should('have.length', 4);
-            uploadResponsePage.uploadedFileCount()
-                .verifyInnerText('4/15 File Limit');
+            uploadResponsePage.steps.uploadFile('uploads/sample1.zip');
+            utilities.verifyElementVisibilityState(uploadResponsePage.uploadingProgressBar(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.uploadingFileName(), 'sample1.zip');
+            utilities.verifyElementVisibilityState(uploadResponsePage.uploadingFileName(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.stopUploadingButton(), 'visible');
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(4, 15);
+            uploadResponsePage.steps.stopUploadingFile();
+            uploadResponsePage.steps.verifyUploadedFileName('image.png', 0);
+            uploadResponsePage.steps.verifyFileNotExistsInUploadedFileSection('sample1.zip');
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(4, 15);
+            utilities.verifyElementCount(uploadResponsePage.uploadedFileWrapper(), 4);
         });
 
         it('CSS of File upload - In progress state', { tags: 'css' }, () => {
-            cy.log('switching to edit tab and again to preview tab')
-            uploadResponsePage.steps.switchToEditTab();
-            uploadResponsePage.steps.switchToPreviewTab();
+            cy.log('Switching to edit tab and again to preview tab')
+            uploadResponsePage.steps.resetQuestionPreview();
             cy.log('uploading a file to verify in progress CSS')
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/sample2.jpg')
-            uploadResponsePage.uploadingFileName()
-                .verifyCSS(css.color.text, css.fontSize.normal, css.fontWeight.regular);
-            uploadResponsePage.uploadingFileSize()
-                .verifyCSS(css.color.text, css.fontSize.small, css.fontWeight.regular);
-            uploadResponsePage.stopUploadingButton()
-                .find('svg')
-                .should('have.css', 'color', css.color.successBtn);
-            cy.log('Re-switching to edit tab and again to preview tab')
-            uploadResponsePage.steps.switchToEditTab();
-            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyInprogressUploadFileCSS();
         });
 
         it('Accessibility of File upload - In progress state', { tags: 'a11y' }, () => {
-            cy.log('switching to edit tab and again to preview tab')
-            uploadResponsePage.steps.switchToEditTab();
-            uploadResponsePage.steps.switchToPreviewTab();
+            cy.log('Switching to edit tab and again to preview tab')
+            uploadResponsePage.steps.resetQuestionPreview();
             cy.log('uploading a file to verify in progress CSS')
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/sample2.jpg')
+            uploadResponsePage.steps.uploadFile('uploads/sample2.jpg')
             cy.checkAccessibility(uploadResponsePage.uploadingFileName().parents('.uploading-documents'));
             cy.log('Re-switching to edit tab and again to preview tab')
-            uploadResponsePage.steps.switchToEditTab();
-            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.resetQuestionPreview();
         });
 
         it('On clicking on the file name, user should be able to download the file', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/image.png');
+            uploadResponsePage.steps.uploadFile('uploads/image.png');
             cy.verifyUploadFilePreviewDownload('image.png');
         });
     });
@@ -292,30 +255,42 @@ describe('Create question page - Upload Response: Preview', () => {
             uploadResponsePage.steps.switchToPreviewTab();
         });
 
-        it('When the user uploads file exceeding max file size (more than 75 MB), file upload error message - \'Error: The file could not be uploaded. The file is *File size in MB* exceeding the maximum size of 75 MB.\'. should be displayed', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/80mbFile.pdf')
-            commonComponents.errorMessage()
-                .verifyInnerText('Error: The file could not be uploaded. The file is 80 MB exceeding the maximum size of 75 MB.');
+        it('When user uploads file type which is not selected from the \'Supported file types\' accordion menu, then file upload error message - \'The file type is not supported. Please upload files with the following supported formats: *file format separated by commas*\' should be displayed', () => {
+            uploadResponsePage.steps.uploadFile('uploads/sample.mp4');
+            utilities.verifyInnerText(uploadResponsePage.errorMessage(), 'Error: The file type is not supported. Please upload files with the following supported formats: CSV, Excel, GIF, JPG, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
         });
 
         it('CSS of File Upload error', { tags: 'css' }, () => {
-            commonComponents.errorMessage()
-                .verifyCSS(css.color.errorText, css.fontSize.small, css.fontWeight.regular);
+            utilities.verifyCSS(uploadResponsePage.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
         });
 
         //Todo: can be added to common for all error messages verifyAccessibilityOfErrorMessage
         it('Accessibility of File Upload error', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(commonComponents.errorMessage());
+            cy.checkAccessibility(uploadResponsePage.errorMessage());
         });
 
         uploadResponsePage.tests.verifyErrorMessageDisappear();
 
-        it('When user uploads file type which is not selected from the \'Supported file types\' accordion menu, then file upload error message - \'The file type is not supported. Please upload files with the following supported formats: *file format separated by commas*\' should be displayed', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/sample.mp4');
-            commonComponents.errorMessage()
-                .verifyInnerText('Error: The file type is not supported. Please upload files with the following supported formats: CSV, Excel, GIF, JPG, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
+        it('When the user uploads file exceeding max file size (more than 75 MB), file upload error message - \'Error: The file could not be uploaded. The file is *File size in MB* exceeding the maximum size of 75 MB.\'. should be displayed', () => {
+            uploadResponsePage.steps.uploadFile('uploads/80mbFile.pdf')
+            utilities.verifyInnerText(uploadResponsePage.errorMessage(), 'Error: The file could not be uploaded. The file is 80 MB exceeding the maximum size of 75 MB.');
+        });
+
+        it('CSS of File Upload error', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        //Todo: can be added to common for all error messages verifyAccessibilityOfErrorMessage
+        it('Accessibility of File Upload error', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.errorMessage());
         });
 
         uploadResponsePage.tests.verifyErrorMessageDisappear();
@@ -329,18 +304,14 @@ describe('Create question page - Upload Response: Preview', () => {
 
         it('When user modifies supported files types, then in preview tab on hovering over the Supported file formats info icon a tooltip with the modified list of selected supported file types should be displayed', () => {
             cy.log('Pre-step: checking a new file type and unchecking a default selected file type')
-            uploadResponsePage.supportedFileTypesAccordionWrapper()
-                .click();
-            uploadResponsePage.steps.checkUncheckSupportedFileType(4, 'CSV', 'not.be.checked');
-            uploadResponsePage.steps.checkUncheckSupportedFileType(14, 'MP3', 'be.checked');
-            uploadResponsePage.supportedFileTypesCheckboxWrapper(14)
+            uploadResponsePage.steps.expandSupportedFileTypesAccordion();
+            uploadResponsePage.steps.uncheckSupportedFileTypeCheckbox(4);
+            uploadResponsePage.steps.checkSupportedFileTypeCheckbox(14);
             cy.log('Switching to Preview tab')
-            uploadResponsePage.steps.switchToPreviewTab()
-            uploadResponsePage.supportedFileInfoIcon()
-                .trigger('mouseover');
+            uploadResponsePage.steps.switchToPreviewTab();
+            utilities.triggerMouseover(uploadResponsePage.supportedFileInfoIcon());
             //https://redmine.zeuslearning.com/issues/533063
-            uploadResponsePage.supportedFilesTooltip()
-                .verifyInnerText('Supported file formats: Excel, GIF, JPG, MP3, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
+            utilities.verifyInnerText(uploadResponsePage.supportedFilesTooltip(), 'Supported file formats: Excel, GIF, JPG, MP3, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
         });
 
         it('User should be able to upload file of newly added supported file type', () => {
@@ -348,11 +319,9 @@ describe('Create question page - Upload Response: Preview', () => {
         });
 
         it('When the user uploads file type which is now removed from supported file type, then file upload error message - \'Error: The file type is not supported. Please upload files with the following supported formats: *file format separated by commas*\' should be displayed', () => {
-            uploadResponsePage.inputTypeFile()
-                .attachFile('uploads/sample.csv');
+            uploadResponsePage.steps.uploadFile('uploads/sample.csv');
             //https://redmine.zeuslearning.com/issues/534957
-            commonComponents.errorMessage()
-                .verifyInnerText('Error: The file type is not supported. Please upload files with the following supported formats: Excel, GIF, JPG, MP3, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
+            utilities.verifyInnerText(uploadResponsePage.errorMessage(), 'Error: The file type is not supported. Please upload files with the following supported formats: Excel, GIF, JPG, MP3, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
         });
 
         uploadResponsePage.tests.verifyErrorMessageDisappear();

package/cypress/e2e/ILC/UploadResponse/uploadResponseScoringSection.js

@@ -35,7 +35,7 @@ describe('Create question page - Upload Response: Scoring', () => {
             uploadResponsePage.steps.switchToPreviewTab();
         });
 
-        uploadResponsePage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab()
+        uploadResponsePage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab('Manually scored')
     });
 
     describe('Non Scored scoring type - Question creation page', () => {
@@ -55,6 +55,6 @@ describe('Create question page - Upload Response: Scoring', () => {
             uploadResponsePage.steps.switchToPreviewTab();
         });
 
-        uploadResponsePage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab()
+        uploadResponsePage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab('Manually scored')
     });
 });