itemengine-cypress-automation 1.0.129 → 1.0.131-smokeTestFixes6March-aa053ff.0

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

@@ -0,0 +1,213 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { uploadResponsePage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const labels =[uploadResponsePage.allowStudentToAddFileDescriptionLabel, uploadResponsePage.allowStudentToEditFileNameLabel, uploadResponsePage.displayPerFileSizeLimitToStudentLabel];
+
+describe('Create question page - Upload Response: Additional Settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Student view settings - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        uploadResponsePage.tests.verifyStudentViewSettingsLabelAndCSS();
+
+        it('\'Upload controls\' label and three options should be displayed with their labels and by default all of them should be selected', () => {
+            utilities.verifyInnerText(uploadResponsePage.uploadControlsLabel(), 'Upload controls');
+            utilities.verifyElementVisibilityState(uploadResponsePage.uploadControlsLabel(), 'visible');
+            uploadResponsePage.steps.verifyUploadControlsButton();
+        });
+
+        it('User should be able to unselect Upload controls options', () => {
+            uploadResponsePage.steps.unselectUploadControlsOption(0);
+            uploadResponsePage.steps.unselectUploadControlsOption(1);
+            uploadResponsePage.steps.unselectUploadControlsOption(2);
+        });
+
+        it('\'Display per file size limit to student\' label and checkbox should be displayed and by default checkbox should be checked', () => {
+            utilities.verifyInnerText(uploadResponsePage.displayPerFileSizeLimitToStudentLabel(), 'Display per file size limit to student');
+            utilities.verifyElementVisibilityState(uploadResponsePage.displayPerFileSizeLimitToStudentLabel(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.displayPerFileSizeLimitToStudentCheckbox(), 'exist');
+            uploadResponsePage.steps.verifyDisplayPerFileSizeLimitToStudentCheckboxChecked();
+        });
+
+        it('User should be able to uncheck \'Display per file size limit to student\' checkbox', () => {
+            uploadResponsePage.steps.uncheckDisplayPerFileSizeLimitToStudentCheckbox();
+        });
+
+        it('\'Allow student to edit file name\' label and checkbox should be displayed and by default checkbox should be checked', () => {
+            utilities.verifyInnerText(uploadResponsePage.allowStudentToEditFileNameLabel(), 'Allow student to edit file name');
+            utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToEditFileNameLabel(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToEditFileNameCheckbox(), 'exist');
+            uploadResponsePage.steps.verifyAllowStudentToEditFileNameCheckboxChecked();
+        });
+
+        it('User should be able to uncheck \'Allow student to edit file name\' checkbox', () => {
+            uploadResponsePage.steps.uncheckAllowStudentToEditFileNameCheckbox();
+        });
+
+        it('\'Allow student to add file description\' label and checkbox should be displayed and by default checkbox should be checked', () => {
+            utilities.verifyInnerText(uploadResponsePage.allowStudentToAddFileDescriptionLabel(), 'Allow student to add file description');
+            utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToAddFileDescriptionLabel(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.allowStudentToAddFileDescriptionCheckbox(), 'exist');
+            uploadResponsePage.steps.verifyAllowStudentToAddFileDescriptionCheckboxChecked();
+        });
+
+        it('User should be able to uncheck \'Allow student to add file description\' checkbox', () => {
+            uploadResponsePage.steps.uncheckAllowStudentToAddFileDescriptionCheckbox();
+        });
+
+        it('CSS of \'Student view settings\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.uploadControlsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            labels.forEach((label) => {
+                utilities.verifyCSS(label(), {
+                    'color': css.color.labelText,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+            utilities.verifyCSS(utilities.getNthElement(uploadResponsePage.uploadControlsOptionLabel(), 0), {
+                'color': css.color.closeIcon,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Accessibility of \'Student view settings\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.uploadControlsLabel().parents('.student-view-settings-container'))
+        });
+    });
+
+    describe('Upload controls - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the \'Capture photos\' option is selected then in the preview tab, the upload response area text should have \'Capture an image\' option', () => {
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadOptionVisibleInUploadResponseArea('Capture photo');
+        });
+
+        it('When the user unselects the \'Capture photos\' option, then in the Preview tab the upload response area text should not have \'capture an image\' option', () => {
+            cy.log('Switching to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.unselectUploadControlsOption(0);
+            cy.log('Switching to Preview tab.');
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadOptionNotVisibleInUploadResponseArea('Capture photo');
+        });
+
+        it('When the \'Google Drive\' option is selected then in the preview tab, the upload response area text should have \'Google drive\' option', () => {
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadOptionVisibleInUploadResponseArea('Google Drive');
+        });
+
+        it('When the user unselects the \'Google Drive\' option, then in the Preview tab the upload response area text  should have not \'Google drive\' option', () => {
+            cy.log('Switching to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.unselectUploadControlsOption(1);
+            cy.log('Switching to Preview tab.');
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadOptionNotVisibleInUploadResponseArea('Google Drive');
+        });
+
+        it('When the \'Drag and drop files\' option is selected then in the preview tab, the upload response area text should be \'Drag and drop files here\'', () => {
+            uploadResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Drag & Drop files here');
+        });
+
+        it('When the user unselects the \'Drag and drop files\' option, then in the Preview tab the upload response area text should be \'Upload file here\'', () => {
+            cy.log('Switching to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.unselectUploadControlsOption(2);
+            uploadResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(uploadResponsePage.uploadCloudIcon(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.dragAndDropFilesText(), 'Upload file here');
+        });
+    });
+
+    describe('Display per file size limit to student - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the \'Display per file size limit to student\' checkbox is checked then in the preview tab, then \'Maximum file size: #MB\' should be displayed', () => {
+            uploadResponsePage.steps.verifyDisplayPerFileSizeLimitToStudentCheckboxChecked();
+            uploadResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(uploadResponsePage.maximumFileSize(), 'visible');
+            uploadResponsePage.steps.verifyMaximumFileSizePreviewTab('20MB');
+        });
+
+        it('When the user unchecks \'Display per file size limit to student\' checkbox, then in the Preview tab Maximum file size: #MB should not be displayed', () => {
+            cy.log('Switching to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.uncheckDisplayPerFileSizeLimitToStudentCheckbox();
+            uploadResponsePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(uploadResponsePage.maximumFileSize(), 'notExist');
+        });
+    });
+
+    describe('Allow student to edit file name - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the \'Allow student to edit file name\' checkbox is checked then in the preview tab, then edit icon should be displayed', () => {
+            uploadResponsePage.steps.verifyAllowStudentToEditFileNameCheckboxChecked();
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+            utilities.verifyElementVisibilityState(utilities.getNthElement(uploadResponsePage.editDisplayTextIcon(), 0), 'visible');
+        });
+
+        it('When the user unchecks  \'Allow student to edit file name\' checkbox, then in the Preview tab edit icon should be not be displayed', () => {
+            cy.log('Switching to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.uncheckAllowStudentToEditFileNameCheckbox();
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+            utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'hidden');
+        });
+    });
+
+    describe('Allow student to add file description - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+        
+        it('When the \'Allow student to add file description\' checkbox is checked then in the preview tab, then add description icon should be displayed', () => {
+            uploadResponsePage.steps.verifyAllowStudentToEditFileNameCheckboxChecked();
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+            utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'visible');
+        });
+
+        it('When the user unchecks \'Allow student to add file description\' checkbox, then in the Preview tab add description icon should be not be displayed', () => {
+            cy.log('Switching to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.uncheckAllowStudentToAddFileDescriptionCheckbox();
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+            utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'notExist');
+        });
+    });
+});

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

@@ -0,0 +1,41 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { uploadResponsePage } from "../../../pages";
+const css = Cypress.env('css');
+
+describe('Create question page - Upload Response: Additional Settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        uploadResponsePage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.expandAdditonalSettings();
+        });
+
+        uploadResponsePage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.expandAdditonalSettings();
+        });
+
+        uploadResponsePage.tests.verifyDetailsSection();
+    });
+});

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

@@ -0,0 +1,377 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { uploadResponsePage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import { supportedFileType } from "../../../fixtures/uploadResponseFileType";;
+const css = Cypress.env('css');
+
+const fileSizeLimitOptions = ['5', '10', '15', '20', '100'];
+
+describe('Create question page - Upload Response: Question Instructions, Supported file types, Maximum number of files, File size limit section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to upload response question type');
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        uploadResponsePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+
+    });
+
+    describe('Question Instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to upload response question type');
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        uploadResponsePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+
+    });
+
+    describe('Supported file types section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        it('\'Supported file types\' accordion should be displayed and it should be collapsed by default and next to \'Supported file types\' accordion menu, text \'14 selected\' should be displayed indicating number of selected file types and user should be able to expand and collapse this accordion', () => {
+            utilities.verifyInnerText(uploadResponsePage.supportedFileTypesAccordion(), 'Supported file types');
+            uploadResponsePage.steps.verifySupportedFilesTypesAccordionCollapsedState();
+            utilities.verifyInnerText(uploadResponsePage.selectedFileTypeCount(), '14 selected');
+            utilities.verifyElementVisibilityState(uploadResponsePage.selectedFileTypeCount(), 'visible');
+            cy.log('verifying if user is able to expand and collapse the \'Supported file types\' accordion')
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.verifySupportedFilesTypesAccordionExpandedState();
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.verifySupportedFilesTypesAccordionCollapsedState();
+        });
+
+        it('CSS of Supported file types section', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.supportedFileTypesAccordion(), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(uploadResponsePage.selectedFileTypeCount(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of Supported file types section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.supportedFileTypesAccordionWrapper());
+            cy.checkAccessibility(uploadResponsePage.selectedFileTypeCount());
+        });
+
+        it(`When user expands the \'Supported file types\' accordion menu, all the file types should be listed and following file types should be selected - ${supportedFileType.defaultSelectedFileTypeList}`, () => {
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            supportedFileType.fileTypeCategoryLabels.forEach((fileTypeCategoryLabel, count) => {
+                utilities.verifyInnerText(uploadResponsePage.supportedFileTypeCategoryLabel(count), fileTypeCategoryLabel);
+                utilities.verifyElementVisibilityState(uploadResponsePage.supportedFileTypeCategoryLabel(count), 'visible');
+            });
+            supportedFileType.fileTypeList.forEach((fileType, count) => {
+                utilities.verifyInnerText(uploadResponsePage.supportedFileTypeOptionLabel(count), fileType);
+                utilities.verifyElementVisibilityState(uploadResponsePage.supportedFileTypeOptionLabel(count), 'visible');
+            });
+            uploadResponsePage.steps.verifyDefaultSelectedFileTypes();
+        });
+
+        it('CSS of supported files accordion contents in expanded state', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.supportedFileTypeCategoryLabel(0), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(uploadResponsePage.supportedFileTypeButton(0).find('.feather-check-icon'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(uploadResponsePage.supportedFileTypeButton(0), {
+                'background-color': css.color.activeButtons
+            });
+            utilities.verifyCSS(uploadResponsePage.supportedFileTypeOptionLabel(0), {
+                'color': css.color.whiteText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.medium
+            });
+            utilities.verifyCSS(uploadResponsePage.supportedFileTypeButton(8), {
+                'background-color': css.color.defaultBackground
+            });
+            utilities.verifyCSS(uploadResponsePage.supportedFileTypeOptionLabel(8), {
+                'color': css.color.panelLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.medium
+            });
+        });
+
+        it('Accessibility of supported files accordion contents in expanded state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.supportedFileTypesAccordion().parents('.upload-mode'));
+        });
+
+        it('When the user deselects all the file types from the \'Supported file types\' accordion menu, then a validation text \'Error: Please select a file type.\' should be displayed', () => {
+            cy.log('Deselecting all file types to get error message.');
+            uploadResponsePage.steps.uncheckDefaultSelectedFileTypes();
+            utilities.verifyInnerText(uploadResponsePage.errorMessage(), 'Error: Please select a file type.');
+            utilities.verifyElementVisibilityState(uploadResponsePage.errorMessage(), 'visible');
+        });
+
+        uploadResponsePage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('When the user re-selects any file type from the \'Supported file types\' accordion menu, then the validation text \'Error: Please select a file type\' should disappear', () => {
+            uploadResponsePage.steps.selectSupportedFileTypeOption(0);
+            utilities.verifyElementVisibilityState(uploadResponsePage.errorMessage(), 'notExist');
+        });
+    });
+
+    describe('Supported file types- preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When user hovers over supported file formats info icon, a tooltip with selected supported file types should be displayed in preview tab', () => {
+            uploadResponsePage.steps.switchToPreviewTab();
+            utilities.triggerMouseover(uploadResponsePage.supportedFileInfoIcon());
+            utilities.verifyInnerText(uploadResponsePage.supportedFilesTooltip(), 'Supported file formats: CSV, Excel, GIF, JPG, Open Office, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
+        });
+
+        it('When user uploads file type which is not selected from the \'Supported file types\' accordion menu, then file upload warning 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.warningMessage(), 'The file type is not supported. Please upload files with the following supported formats: CSV, Excel, GIF, JPG, Open Office, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
+        });
+
+        it('When user modifies supported file 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.steps.switchToEditTab();
+            uploadResponsePage.steps.expandSupportedFileTypesAccordion();
+            uploadResponsePage.steps.unselectSupportedFileTypeOption(4);
+            uploadResponsePage.steps.selectSupportedFileTypeOption(27);
+            uploadResponsePage.steps.switchToPreviewTab();
+            utilities.triggerMouseover(uploadResponsePage.supportedFileInfoIcon());
+            utilities.verifyInnerText(uploadResponsePage.supportedFilesTooltip(), 'Supported file formats: CSV, 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', () => {
+            uploadResponsePage.steps.fileUploadAndVerify(['sample.mp3']);
+        });
+
+        it('When the user uploads file type which is now removed from supported file type, then file upload warning 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.warningMessage(), 'The file type is not supported. Please upload files with the following supported formats: CSV, Excel, GIF, JPG, MP3, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP.');
+        });
+
+        uploadResponsePage.tests.verifyWarningMessageDisappear();
+    });
+
+    describe('Maximum number of files - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        it('\'Maximum number of files\' label and input field with increment operator and decrement operator should be displayed and input filed should have 15 by default', () => {
+            utilities.verifyInnerText(uploadResponsePage.maximumNumberOfFilesLabel(), 'Maximum number of files');
+            utilities.verifyElementVisibilityState(uploadResponsePage.maximumNumberOfFilesLabel(), 'visible');
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(15);
+            utilities.verifyElementVisibilityState(uploadResponsePage.maximumNumberOfFilesInputField(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.maximumNumberOfFilesDecreaseButton(), 'visible');
+            utilities.verifyElementVisibilityState(uploadResponsePage.maximumNumberOfFilesIncreaseButton(), 'visible');
+        });
+
+        it('CSS of \'Maximum number of files\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.maximumNumberOfFilesLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of Max Files dropdown in default state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.maximumNumberOfFilesLabel().parents('.input-stepper'));
+        });
+
+        it('When user clicks on the decrement operator, then maximum number of files value should decrease', () => {
+            uploadResponsePage.steps.decreaseMaximumNumberOfFilesCount();
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(14);
+        });
+
+        it('When user clicks on the increment operator, then maximum number of files value should increase', () => {
+            uploadResponsePage.steps.increaseMaximumNumberOfFilesCount();
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(15);
+        });
+
+        it('User should be able to update the value by entering text in input field', () => {
+            uploadResponsePage.steps.setMaximumNumberOfFiles(5);
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(5);
+        });
+    });
+
+    describe('Maximum number of Files section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        it('When \'Maximum number of files\' selected are 15 by default, then \'0/15 File Limit\' should be displayed in preview tab', () => {
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(15);
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(0, 15);
+        });
+
+        it('User should be able to upload maximum 15 files and count in the file limit section should update accordingly', () => {
+            uploadResponsePage.steps.fileUploadAndVerify(['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', 'sample1.jpg', 'sample2.jpg']);
+            utilities.verifyInnerText(uploadResponsePage.uploadedFileCount(), '15/15 File Limit');
+        });
+
+        it('When user updates \'Maximum number of files\' input field , then file limit should be updated in preview tab', () => {
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.setMaximumNumberOfFiles(4);
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(4);
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(0, 4);
+        });
+
+        it('When user decreases \'Maximum number of files\' by clicking on decrement operator , then file limit should be updated in preview tab', () => {
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.decreaseMaximumNumberOfFilesCount();
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(3);
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(0, 3);
+        });
+
+        it('When user increases \'Maximum number of files\'by clicking on increment operator , then file limit should be updated in preview tab', () => {
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.increaseMaximumNumberOfFilesCount();
+            uploadResponsePage.steps.verifyMaximumNumberOfFilesInputField(4);
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyUploadedFileLimitCount(0, 4);
+        });
+
+        it('When user tries to upload files more than the limit, then warning message \'You have reached the maximum number of files that can be uploaded.\' should be displayed', () => {
+            uploadResponsePage.steps.fileUploadAndVerify(['sample.csv', 'sample.xlsx', 'sample.gif', 'sample.jpg']);
+            uploadResponsePage.steps.uploadFile('uploads/highlightImage.jpg');
+            uploadResponsePage.steps.verifyWarningMessage('You have reached the maximum number of files that can be uploaded.');
+        });
+
+        uploadResponsePage.tests.verifyWarningMessageDisappear();
+    });
+
+    describe('File size limit - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'File size limit\' label and dropdown should be displayed and in \'File size limit\' dropdown option \'20\' should be selected by default', () => {
+            utilities.verifyInnerText(uploadResponsePage.fileSizeLimitLabel(), 'File size limit (MB)');
+            utilities.verifyElementVisibilityState(uploadResponsePage.fileSizeLimitLabel(), 'visible');
+            utilities.verifyInnerText(uploadResponsePage.fileSizeLimitDropdown(), '20');
+        });
+
+        it('CSS of \'File size limit\' label in default state', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.fileSizeLimitLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of \'File size limit\' section in default state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.fileSizeLimitLabel());
+        });
+
+        it(`Clicking on \'File size limit\' dropdown should open a list of options ${fileSizeLimitOptions}`, () => {
+            uploadResponsePage.steps.expandFileSizeLimitDropdown();
+            uploadResponsePage.steps.verifyFileSizeLimitDropdownOptions(fileSizeLimitOptions);
+        });
+
+        it('CSS of \'File size limit\' dropdown and dropdown content in active state', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.fileSizeLimitDropdown(), {
+                'background-color': css.color.secondaryBtnBg,
+                'border': `1px solid ${css.color.secondaryBtnActive}`
+            });
+            utilities.verifyCSS(uploadResponsePage.fileSizeLimitDropdownListOptions(5), {
+                'background-color': css.color.transparent
+            });
+            utilities.verifyCSS(uploadResponsePage.fileSizeLimitDropdownListOptions('20 Selected'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.liTextSelectedBg
+            });
+        });
+
+        it('Accessibility of \'File size limit\' dropdown and dropdown content in active state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.fileSizeLimitDropdown());
+            cy.checkAccessibility(uploadResponsePage.dropdownList());
+        });
+
+        it('When the user selects any option from the expanded\'File size limit\' dropdown, then the dropdown should close', () => {
+            uploadResponsePage.steps.selectFileSizeLimit(fileSizeLimitOptions[0]);
+            uploadResponsePage.steps.verifyDropdownIsCollapsed();
+        });
+    });
+
+    describe('File size limit - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When \'File size limit\' selected by default is 20, then \'Maximum file size: 20MB\' should be displayed and user should be able to upload file within the maximum file limit in preview tab', () => {
+            utilities.verifyInnerText(uploadResponsePage.fileSizeLimitDropdown(), '20');
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyMaximumFileSizePreviewTab('20MB');
+            uploadResponsePage.steps.fileUploadAndVerify(['sample1.jpg']);
+        });
+
+        it('When user selects an option in file size limit dropdown then maximum file size should be updated and user should be able to upload file within the updated file limit in preview tab', () => {
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.steps.expandFileSizeLimitDropdown();
+            uploadResponsePage.steps.selectFileSizeLimit(5);
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.verifyMaximumFileSizePreviewTab('5MB');
+            uploadResponsePage.steps.fileUploadAndVerify(['sample1.jpg']);
+        });
+
+        it('CSS of \'Maximum file size: #MB\' in preview tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.maximumFileSize(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+
+            });
+        });
+
+        it('Accessibility of \'Maximum file size: #MB\' in preview tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.maximumFileSize());
+        });
+
+        it('When the user uploads file exceeding maximum file size set in the edit tab then file upload warning message - \'The file could not be uploaded. The file is *File size in MB* exceeding the maximum size of # MB.\'. should be displayed', () => {
+            uploadResponsePage.steps.uploadFile('uploads/20mbFile.png')
+            utilities.verifyInnerText(uploadResponsePage.warningMessage(), 'The file could not be uploaded. The file is 21 MB exceeding the maximum size of 5 MB.');
+        });
+
+        it('CSS of File Upload warning message', { tags: 'css' }, () => {
+            utilities.verifyCSS(uploadResponsePage.warningMessage(), {
+                'color': css.color.warningMessage,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of File Upload warning message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.warningMessage());
+        });
+
+        uploadResponsePage.tests.verifyWarningMessageDisappear();
+    });
+});