itemengine-cypress-automation 1.0.15 → 1.0.17

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

@@ -0,0 +1,185 @@
+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');
+        });
+
+        uploadResponsePage.tests.verifyAdditonalSettingsAccordionProperties();
+
+        it('\'File settings and layout\' label should be displayed', () => {
+            uploadResponsePage.fileSettingsAndLayoutLabel()
+                .verifyInnerText('File settings and layout')
+                .and('be.visible');
+        });
+
+        it('CSS of \'File settings and layout\' section', { tags: 'css' }, () => {
+            uploadResponsePage.fileSettingsAndLayoutLabel()
+                .verifyCSS(css.color.sectionHeading, css.fontSize.default, css.fontWeight.semibold);
+        });
+
+        it('Accessibility of \'File settings and layout\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.fileSettingsAndLayoutLabel())
+        });
+    });
+
+    describe('Additional Settings: Allow students to capture photos', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.log('Adding question instructions and expanding Additional Settings accordian.');
+            uploadResponsePage.steps.addQuestionInstructions();
+            uploadResponsePage.steps.expandAdditonalSettings();
+        });
+
+        it('\'Allow students to capture photos\' checkbox label and checkbox should be displayed and by default it should be checked', () => {
+            uploadResponsePage.allowStudentsToCapturePhotosLabel()
+                .verifyInnerText('Allow students to capture photos');
+            uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
+                .should('be.checked')
+                .parent()
+                .should('be.visible');
+        });
+
+        it('CSS of \'Allow students to capture photos\' section - checked state', { tags: 'css' }, () => {
+            uploadResponsePage.allowStudentsToCapturePhotosLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+            uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
+                .parent()
+                .find('svg')
+                .should('have.css', 'color', css.color.activeButtons);
+        });
+
+        it('Accessibility of \'Allow students to capture photos\' section - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.allowStudentsToCapturePhotosLabel());
+        });
+
+        it('When the \'Allow students to capture photos\' checkbox is checked then in the preview tab, the upload response area text should be \"Drag & Drop files here or browse files on your device, Google Drive or capture an image\"', () => {
+            uploadResponsePage.steps.switchToPreviewTab();
+            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');
+        });
+
+        it('When the user unchecks the \'Allow students to capture photos\' checkbox, then in the Preview tab the upload response area text should be \"Drag & Drop files here or browse files on your device or Google Drive\"', () => {
+            cy.log('Switching to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
+                .click()
+                .should('not.be.checked');
+            cy.log('Switching to Preview tab.');
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.dragAndDropFilesText()
+                .verifyInnerText('Drag & Drop files here');
+            uploadResponsePage.fileUploadOptionsLabel()
+                .should('have.text', 'or browse files on your device or Google Drive ');
+        });
+
+        it('CSS of \'Allow students to capture photos\' section - unchecked state', { tags: 'css' }, () => {
+            cy.log('Pre-step: Switching back to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.allowStudentsToCapturePhotosLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+            uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
+                .parent()
+                .find('svg')
+                .should('have.css', 'fill', css.color.uncheckedCheckbox);
+            uploadResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('Accessibility of \'Allow students to capture photos\' section - unchecked state', { tags: 'a11y' }, () => {
+            cy.log('Pre-step: Switching back to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            cy.checkAccessibility(uploadResponsePage.allowStudentsToCapturePhotosLabel());
+            uploadResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user checks the \'Allow students to capture photos\' checkbox again, then in the Preview tab the upload response area text should be \"Drag & Drop files here or browse files on your device or Google Drive or capture an image\"', () => {
+            cy.log('Pre-step: Switching back to Edit tab.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
+                .click()
+                .should('be.checked');
+            cy.log('Switching to Preview tab.');
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.dragAndDropFilesText()
+                .verifyInnerText('Drag & Drop files here')
+                .and('be.visible');
+            uploadResponsePage.fileUploadOptionsLabel()
+                .should('have.text', 'or browse files on your device, Google Drive or capture an image')
+                .and('be.visible');
+        });
+    });
+
+    describe('Additional Settings: Font Size dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.log('Adding question instructions and expanding Additional Settings accordion.');
+            uploadResponsePage.steps.addQuestionInstructions();
+            uploadResponsePage.steps.expandAdditonalSettings();
+        });
+
+        const fontsizes = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+        const font = ['16px', '12px', '14px', '17px', '20px', '24px'];
+        const questionInstructionsTextFontSizes = { 'Default': '16px', 'Small': '12px', 'Normal': '14px', 'Large': '17px', 'Extra large': '20px', 'Huge': '24px' };
+        const dragAndDropFilesTextFontSizes = { 'Default': '24px', 'Small': '18px', 'Normal': '21px', 'Large': '25.5px', 'Extra large': '30px', 'Huge': '36px' };
+        const fileUploadOptionsLabelFontSizes = { 'Default': '18px', 'Small': '13.5px', 'Normal': '15.75px', 'Large': '19.125px', 'Extra large': '22.5px', 'Huge': '27px' };
+        const supportedFileFormatLabelFontSizes = { 'Default': '14px', 'Small': '10.5px', 'Normal': '12.25px', 'Large': '14.875px', 'Extra large': '17.5px', 'Huge': '21px' };
+        const uploadedFileCountFontSizes = { 'Default': '12px', 'Small': '9px', 'Normal': '10.5px', 'Large': '12.75px', 'Extra large': '15px', 'Huge': '18px' };
+
+        uploadResponsePage.tests.verifyFontSizeSectionContents();
+
+        fontsizes.forEach((option, count) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size for the entire question in the student player should be changed to ${option} in the \'Preview\' tab`, () => {
+                uploadResponsePage.fontSizeDropdown()
+                    .click();
+                uploadResponsePage.fontSizeListOptions(count)
+                    .click();
+                uploadResponsePage.fontSizeDropdown()
+                    .verifyInnerText(`${option}`);
+                cy.log('Switching to Preview tab.');
+                uploadResponsePage.steps.switchToPreviewTab();
+                uploadResponsePage.questionInstructionsText()
+                    .should('have.css', 'font-size', questionInstructionsTextFontSizes[option]);
+                uploadResponsePage.dragAndDropFilesText()
+                    .should('have.css', 'font-size', dragAndDropFilesTextFontSizes[option]);
+                uploadResponsePage.fileUploadOptionsLabel()
+                    .should('have.css', 'font-size', fileUploadOptionsLabelFontSizes[option]);
+                uploadResponsePage.supportedFileFormatLabel()
+                    .should('have.css', 'font-size', supportedFileFormatLabelFontSizes[option]);
+                uploadResponsePage.uploadedFileCount()
+                    .should('have.css', 'font-size', uploadedFileCountFontSizes[option]);
+                cy.log('Uploading file to check font-size of the file name.')
+                uploadResponsePage.steps.fileUploadAndVerify(['sample.zip']);
+                uploadResponsePage.uploadedFileLink()
+                    .should('have.css', 'font-size', font[0]);
+                cy.log('Post step: switching to edit tab to select another font size option')
+                uploadResponsePage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.log('Adding question instructions and expanding Additional Settings accordian.');
+            uploadResponsePage.steps.addQuestionInstructions();
+            uploadResponsePage.steps.expandAdditonalSettings();
+        });
+
+        uploadResponsePage.tests.verifyDetailsSection();
+    });
+});

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

@@ -0,0 +1,250 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { uploadResponsePage } from "../../../pages";
+import { commonComponents } from "../../../pages/components";
+const css = Cypress.env('css');
+
+let fileTypeList = ['Access', 'Assembly', 'C', 'C++', 'CSV', 'Excel', 'GIF', 'H', 'HEIC', 'HEIF', 'HEVC', 'JPG', 'LabVIEW', 'MATLAB', 'MP3', 'MP4', 'Open Office', 'PDF', 'PNG', 'Powerpoint', 'Publisher', 'Quartus', 'RTF', 'S', 'TXT', 'V', 'Verilog', 'Word', 'XPS', 'ZIP'];
+let indexOfDefaultSelectedFileTypes = [4, 5, 6, 11, 17, 18, 19, 20, 22, 24, 27, 28, 29];
+
+describe('Create question page - Upload Response: Question Instructions, Supported file types, Max Files dropdown', () => {
+    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', () => {
+        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 \'13 selected\' should be displayed indicating number of selected file types and user should be able to expand and collapse this accordion', () => {
+            uploadResponsePage.supportedFileTypesAccordion()
+                .verifyInnerText('Supported file types');
+            uploadResponsePage.supportedFileTypesAccordionWrapper()
+                .should('have.attr', 'aria-expanded', 'false');
+            uploadResponsePage.selectedFileTypeCount()
+                .verifyInnerText('(13 selected)')
+                .and('be.visible');
+            cy.log('verifying if user is able to expand and collapse the \'Supported file types\' accordion')
+            uploadResponsePage.supportedFileTypesAccordionWrapper()
+                .click()
+                .should('have.attr', 'aria-expanded', 'true');
+            uploadResponsePage.supportedFileTypesAccordionWrapper()
+                .click()
+                .should('have.attr', 'aria-expanded', 'false');
+        });
+
+        it('CSS of Supported file types section', { tags: 'css' }, () => {
+            uploadResponsePage.supportedFileTypesAccordion()
+                .verifyCSS(css.color.accordionLabel, css.fontSize.default, css.fontWeight.bold);
+            uploadResponsePage.selectedFileTypeCount()
+                .verifyCSS(css.color.labels, css.fontSize.normal, 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 - CSV, Excel, GIF, JPG, PDF, PNG, Powerpoint, Publisher, RTF, TXT, Word, XPS, ZIP', () => {
+            cy.log('Pre-step: Expanding supported file types accordion');
+            uploadResponsePage.supportedFileTypesAccordionWrapper()
+                .click();
+            fileTypeList.forEach((fileType, count) => {
+                uploadResponsePage.supportedFileTypesCheckboxWrapper(count)
+                    .find('.MuiFormControlLabel-label')
+                    .verifyInnerText(fileType)
+                    .and('be.visible');
+            });
+            indexOfDefaultSelectedFileTypes.forEach((selectedFileTypeIndex) => {
+                uploadResponsePage.supportedFileTypesCheckboxWrapper(selectedFileTypeIndex)
+                    .within(($element) => {
+                        uploadResponsePage.supportedFileTypeCheckbox()
+                            .should('be.checked');
+                        cy.wrap($element)
+                            .find('.MuiFormControlLabel-label')
+                            .verifyInnerText(fileTypeList[selectedFileTypeIndex])
+                    });
+            });
+        });
+
+        it('CSS of supported files accordion contents in expanded state', { tags: 'css' }, () => {
+            uploadResponsePage.supportedFileTypesCheckboxWrapper(4)
+                .find('svg g g')
+                .should('have.css', 'fill', css.color.activeButtons);
+            uploadResponsePage.supportedFileTypesCheckboxWrapper(0)
+                .find('.MuiFormControlLabel-label')
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+        });
+
+        it('Accessibility of supported files accordion contents in expanded state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.supportedFileTypeCheckbox().parents('.edit-question-supported-files-wrapper'));
+        });
+
+        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.');
+            indexOfDefaultSelectedFileTypes.forEach((selectedFileTypeIndex) => {
+                uploadResponsePage.supportedFileTypesCheckboxWrapper(selectedFileTypeIndex)
+                    .within(() => {
+                        uploadResponsePage.supportedFileTypeCheckbox()
+                            .uncheck()
+                            .should('not.be.checked');
+                    });
+            });
+            commonComponents.errorMessage()
+                .verifyInnerText('Error: Please select a file type.')
+                .and('be.visible');
+        });
+
+        it('CSS of \'Error: Please select a file type.\' error message', { tags: 'css' }, () => {
+            commonComponents.errorMessage()
+                .verifyCSS(css.color.errorText, css.fontSize.small, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'Error: Please select a file type.\' error message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.errorMessage());
+        });
+
+        it('When the user reselects any file type from the \'Supported file types\' accordion menu, then the validation text \'Error: Please select a file type\' should disappear', () => {
+            uploadResponsePage.supportedFileTypesCheckboxWrapper(0)
+                .within(() => {
+                    uploadResponsePage.supportedFileTypeCheckbox()
+                        .check()
+                        .should('be.checked');
+                });
+            commonComponents.errorMessage()
+                .should('not.exist');
+        });
+    });
+
+    describe('Max Files dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.log('Adding question instructions');
+            uploadResponsePage.steps.addQuestionInstructions();
+        });
+
+        it('CSS of Max Files dropdown in default state', { tags: 'css' }, () => {
+            cy.log('Max files label')
+            uploadResponsePage.maxFilesLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            cy.log('default state of max file dropdown, default selected list option and chevron icon')
+            uploadResponsePage.maxFilesDropdown()
+                .should('have.css', 'background-color', css.color.secondaryBtnBg)
+                .and('have.css', 'border', `1px solid ${css.color.defaultDropdownBorder}`)
+                .find('.dropdown-label-text')
+                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular)
+                .verifyPseudoClassBeforeProperty('color', css.color.secondaryBtn);
+        });
+
+        it('Accessibility of Max Files dropdown in default state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.maxFilesLabel());
+            cy.checkAccessibility(uploadResponsePage.maxFilesDropdown());
+        });
+
+        it('\'Max files\' label and dropdown should be displayed and in \'Max files\' dropdown option \'15\' should be selected by default', () => {
+            uploadResponsePage.maxFilesLabel()
+                .verifyInnerText('Maximum number of files')
+                .and('be.visible');
+            uploadResponsePage.maxFilesDropdown()
+                .verifyInnerText('15')
+                .and('be.visible');
+        });
+
+        it('Clicking on Max files dropdown should open a list of options from 1 to 15', () => {
+            cy.log('Opening the max files dropdown list');
+            uploadResponsePage.maxFilesDropdown()
+                .click();
+            for (let maxFilesIndex = 1; maxFilesIndex < 16; maxFilesIndex++) {
+                uploadResponsePage.maxFilesDropdownListOptions(maxFilesIndex - 1)
+                    .should('have.text', maxFilesIndex);
+            };
+        });
+
+        it('CSS of Max files dropdown and dropdown content in active state', { tags: 'css' }, () => {
+            uploadResponsePage.maxFilesDropdown()
+                .should('have.css', 'background-color', css.color.secondaryBtnBg)
+                .and('have.css', 'border', `1px solid ${css.color.secondaryBtnActive}`);
+            uploadResponsePage.maxFilesDropdownListOptions(13)
+                .should('have.css', 'background-color', css.color.transparent);
+            uploadResponsePage.maxFilesDropdownListOptions(14)
+                .verifyCSS(css.color.liText, css.fontSize.default, css.fontWeight.regular)
+                .should('have.css', 'background-color', css.color.liTextSelectedBg);
+        });
+
+        it('Accessibility of Max files dropdown and dropdown content in active state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(uploadResponsePage.maxFilesDropdown());
+            cy.checkAccessibility(commonComponents.dropdownList());
+        });
+
+        it('When user selects option \'15\' from the Max files dropdown, then in the Preview tab user should be able to upload maximum 15 files and count in the file limit section should update accordingly', () => {
+            uploadResponsePage.maxFilesDropdownListOptions(14)
+                .click();
+            cy.log(`Switching to preview tab and uploading 15 files`);
+            uploadResponsePage.steps.switchToPreviewTab();
+            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'])
+            uploadResponsePage.uploadedFileCount()
+                .verifyInnerText('15/15 File Limit');
+        });
+
+        it('When the user tries to add more files than max file limit, file limit error message - \'Error: You have reached the maximum number of files that can be uploaded.\ should be displayed', () => {
+            cy.log('Pre-step: Uploading one more file above limit');
+            uploadResponsePage.inputTypeFile()
+                .attachFile('uploads/sample.jpg');
+            commonComponents.errorMessage()
+                .verifyInnerText('Error: You have reached the maximum number of files that can be uploaded.');
+        });
+
+        it('CSS of \'File limit error\' message', { tags: 'css' }, () => {
+            commonComponents.errorMessage()
+                .verifyCSS(css.color.errorText, css.fontSize.small, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'File limit error\' message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.errorMessage());
+        });
+
+        uploadResponsePage.tests.verifyErrorMessageDisappear();
+
+        it('When user selects option \'1\' from the Max files dropdown, then in the Preview tab user should be able to upload only 1 file and when user tries to upload more than permitted number of files, then the user should get file limit error message', () => {
+            cy.log('Pre-step: Switching to Edit Tab, opening max files dropdown and selecting 1 as Max File Limit.');
+            uploadResponsePage.steps.switchToEditTab();
+            uploadResponsePage.maxFilesDropdown()
+                .click();
+            uploadResponsePage.maxFilesDropdownListOptions(0)
+                .click();
+            cy.log('Switching to preview tab')
+            uploadResponsePage.steps.switchToPreviewTab();
+            uploadResponsePage.steps.fileUploadAndVerify(['sample.csv']);
+            uploadResponsePage.inputTypeFile()
+                .attachFile('uploads/sample1.jpg');
+            commonComponents.errorMessage()
+                .verifyInnerText('Error: You have reached the maximum number of files that can be uploaded.');
+        });
+
+        uploadResponsePage.tests.verifyErrorMessageDisappear();
+    });
+});

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

@@ -0,0 +1,80 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { uploadResponsePage, dialogBoxBase } from "../../../pages";
+import { commonComponents } from "../../../pages/components";
+
+describe('Create question page - Upload Response: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        uploadResponsePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Upload response');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        uploadResponsePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+        });
+
+        uploadResponsePage.tests.verifyCancelButton('upload response');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                uploadResponsePage.questionInstructionsLabelEditTab()
+                    .parents('.edit-question-instruction-wrapper')
+                    .within(() => {
+                        commonComponents.errorMessage()
+                            .verifyInnerText('Error: Question instructions are required.')
+                            .and('be.visible');
+                    });
+                uploadResponsePage.pleaseEnterPointsErrorMessage()
+                    .verifyInnerText('Error: Please enter points.');
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                uploadResponsePage.steps.addQuestionInstructions();
+                uploadResponsePage.questionInstructionsLabelEditTab()
+                    .parents('.edit-question-instruction-wrapper')
+                    .within(() => {
+                        commonComponents.errorMessage()
+                            .should('not.exist');
+                    });
+                uploadResponsePage.steps.allotPoints(20);
+                uploadResponsePage.pleaseEnterPointsErrorMessage()
+                    .should('not.exist');
+            });
+        });
+
+        describe('Saving a question', () => {
+            it('When user has filled all the mandatory fields then on clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                uploadResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            uploadResponsePage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});