itemengine-cypress-automation 1.0.68 → 1.0.69

package/cypress/pages/listOrderingPage.js

@@ -388,14 +388,12 @@ const steps = {
 
     verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked: () => {
         cy.log('After deselecting Show correct answer checkbox, the question preview should return to the previous state');
-        previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-            .click()
-            .should('not.be.checked');
+        previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
         autoScoredPreviewBase.correctIcon()
             .should('not.exist');
         autoScoredPreviewBase.incorrectIcon()
             .should('not.exist');
-        autoScoredPreviewBase.correctIncorectAnswerLabel()
+        autoScoredPreviewBase.correctIncorrectAnswerLabel()
             .should('not.exist');
         autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotVisible()
     },
@@ -557,7 +555,7 @@ const steps = {
     },
 
     verifyCorrectIncorrectAnswerLabel: (labelText) => {
-        autoScoredPreviewBase.correctIncorectAnswerLabel()
+        autoScoredPreviewBase.correctIncorrectAnswerLabel()
             .should('be.visible')
             .verifyInnerText(`${labelText} answer`)
             .parents('[class*="__AnswerStatusWrapper"]')
@@ -597,10 +595,14 @@ const tests = {
         it('When user has provided minimum score awarded (if attempted) points, then in Preview tab on entering incorrect answer, minimum score should be provided for the question', () => {
             cy.log('Switch to edit tab and set minimum score if attempted points')
             createQuestionBasePage.steps.switchToEditTab();
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.steps.allotMinimumScoreAwardedIfAttempted('1')
             createQuestionBasePage.steps.switchToPreviewTab()
-            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 1);
-            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['sprout', 'plant', 'flower', 'seed']);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('seed', 1);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('flower', 2);
+            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['plant', 'seed', 'flower', 'sprout']);
             listOrderingPage.previewScoreText()
                 .verifyInnerText(`1/${totalPoints}`);
         });
@@ -610,8 +612,10 @@ const tests = {
             createQuestionBasePage.steps.switchToEditTab();
             scoringSectionBase.steps.clearMinimumScoreIfAttemptedPointsField();
             createQuestionBasePage.steps.switchToPreviewTab()
-            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 1);
-            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['sprout', 'plant', 'flower', 'seed']);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('seed', 1);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('flower', 2);
+            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['plant', 'seed', 'flower', 'sprout']);
             listOrderingPage.previewScoreText()
                 .verifyInnerText(`0/${totalPoints}`);
         });
@@ -637,8 +641,9 @@ const tests = {
                 .verifyInnerText(`0/${totalPoints}`);
 
             cy.log('When user adds a partially correct answer input, the points should be updated accordingly with deducted penalty points');
-            listOrderingPage.steps.resetQuestionPreview(['plant', 'sprout', 'flower', 'seed'])
+            listOrderingPage.steps.resetQuestionPreview(['sprout', 'plant', 'flower', 'seed'])
             listOrderingPage.steps.clickAndReorderOptionInPrevewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 1);
             listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['seed', 'plant', 'sprout', 'flower']);
             listOrderingPage.previewScoreText()
                 .verifyInnerText(`${scoredPoints}/${totalPoints}`);
@@ -692,14 +697,16 @@ const tests = {
 
             cy.log('Switch to preview tab and give incorrect answer input to check that minimum points are displayed');
             createQuestionBasePage.steps.switchToPreviewTab();
-            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 1);
-            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['sprout', 'plant', 'flower', 'seed']);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('flower', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('sprout', 3);
+            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
             listOrderingPage.previewScoreText()
                 .verifyInnerText(`${scoredPointsArray[0]}/${totalPoints}`);
 
             cy.log('When user adds a partially correct answer such that the points of the attempt(with penalty points deducted) is more than the minimum score awarded(if attempted) points');
-            listOrderingPage.steps.resetQuestionPreview(['plant', 'sprout', 'flower', 'seed']);
+            listOrderingPage.steps.resetQuestionPreview(['sprout', 'plant', 'flower', 'seed']);
             listOrderingPage.steps.clickAndReorderOptionInPrevewTab('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 1);
             listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['seed', 'plant', 'sprout', 'flower']);
             listOrderingPage.previewScoreText()
                 .verifyInnerText(`${scoredPointsArray[1]}/${totalPoints}`);
@@ -711,7 +718,9 @@ const tests = {
             cy.log('Switching to preview tab');
             createQuestionBasePage.steps.switchToPreviewTab();
             listOrderingPage.steps.clickAndReorderOptionInPrevewTab('seed', 0);
-            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['seed', 'plant', 'sprout', 'flower']);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('plant', 1);
+            listOrderingPage.steps.clickAndReorderOptionInPrevewTab('flower', 2);
+            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(['seed', 'plant', 'flower', 'sprout']);
             listOrderingPage.previewScoreText()
                 .verifyInnerText(`${scoredPointsArray[2]}/${totalPoints}`);
         });

package/cypress/pages/listSortingPage.js

@@ -913,7 +913,7 @@ const steps = {
      * @description this function verifies the border label and icon
      */
     verifyCorrectIncorrectAnswerLabel: (labelText) => {
-        autoScoredPreviewBase.correctIncorectAnswerLabel()
+        autoScoredPreviewBase.correctIncorrectAnswerLabel()
             .should('be.visible')
             .verifyInnerText(`${labelText} answer`)
             .parents('[class*="__AnswerStatusWrapper"]')
@@ -1002,6 +1002,8 @@ const tests = {
         it('When user has provided minimum score awarded (if attempted) points, then in Preview tab on entering incorrect answer, minimum score should be provided for the question', () => {
             cy.log('Switch to edit tab and set minimum score if attempted points')
             createQuestionBasePage.steps.switchToEditTab();
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted')
             scoringSectionBase.steps.allotMinimumScoreAwardedIfAttempted('1')
             createQuestionBasePage.steps.switchToPreviewTab()
             listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 0);
@@ -1157,14 +1159,12 @@ const tests = {
         it('CSS of incorrect answer state', { tags: 'css' }, () => {
             cy.log('Pre requisite: The user has attempted the question incorrectly')
             cy.log('Pre step: Select show answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.checkShowCorrectAnswerCheckbox();
             cy.log('Verifying CSS of incorrect crossmark icon')
             autoScoredPreviewBase.incorrectIcon()
                 .eq(0)
                 .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .verifyCSS(css.color.incorrectAnswer, css.fontSize.normal, css.fontWeight.bold)
             autoScoredPreviewBase.steps.verifyIncorrectAttemptBorder();
         });
@@ -1172,9 +1172,7 @@ const tests = {
         it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
             cy.checkAccessibility(commonComponents.previewTabQuestionWrapper());
             cy.log('Post step: Deselect show answer checkbox')
-            previewScoringAndShowCorrectAnswerComponent.showCorrectAnswerCheckbox()
-                .click()
-                .should('not.be.checked');
+            previewScoringAndShowCorrectAnswerComponent.steps.uncheckShowCorrectAnswerCheckbox();
         });
     },
 
@@ -1183,7 +1181,7 @@ const tests = {
             previewScoringAndShowCorrectAnswerComponent.previewScoreText()
                 .should('have.css', 'color', css.color.primaryBtn)
                 .and('have.css', 'background-color', css.color.correctAnswer)
-            autoScoredPreviewBase.correctIncorectAnswerLabel()
+            autoScoredPreviewBase.correctIncorrectAnswerLabel()
                 .verifyCSS(css.color.correctAnswer, css.fontSize.normal, css.fontWeight.bold);
             autoScoredPreviewBase.steps.verifyCorrectAttemptBorder();
         });

package/cypress/pages/multipleSelectionPage.js

@@ -38,6 +38,7 @@ const steps = {
     ...autoScoredSetCorrectAnswerSection.steps,
     ...autoScoredScoringSection.steps,
     ...autoScoredScoringSectionMultipleResponsesType.steps,
+    ...mcqAdditionalSettingsBase.steps,
     addPartialDifferentWeightsPoints: (optionIndex, points) => {
         mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(optionIndex)
             .within(() => {
@@ -59,7 +60,7 @@ const steps = {
             .should('not.exist');
         autoScoredPreviewBase.incorrectIcon()
             .should('not.exist');
-        autoScoredPreviewBase.correctIncorectAnswerLabel()
+        autoScoredPreviewBase.correctIncorrectAnswerLabel()
             .should('not.exist');
         autoScoredPreviewBase.steps.verifyCorrectIncorrectBorderNotExists();
     },

package/cypress/pages/shortTextResponsePage.js

@@ -54,6 +54,7 @@ const steps = {
     ...autoScoredAdditionalSettings.steps,
     ...autoScoredPreviewBase.steps,
     ...specialCharactersFlyoutComponent.steps,
+    ...previewScoringAndShowCorrectAnswerComponent.steps,
     verifyCorrectOptionCheckmarkIcon: () => {
         autoScoredPreviewBase.correctIcon()
             .should('be.visible');
@@ -71,6 +72,12 @@ const steps = {
             .verifyInnerText(correctAnswer)
         shortTextResponsePage.previewTabCorrectAnswerResponse()
             .should('have.length', 1);
+    },
+
+    enterTextInShortTextResponseInputField: (correctAnswer) => {
+        shortTextResponsePage.setCorrectAnswerResponseField()
+            .type(correctAnswer)
+            .should('have.value', correctAnswer);
     }
 }
 
@@ -175,6 +182,8 @@ const tests = {
         it('When user has provided minimum score awarded (if attempted) points, then in Preview tab on entering incorrect answer, minimum score should be provided for the question', () => {
             cy.log('Switch to edit tab and set minimum score if attempted points')
             createQuestionBasePage.steps.switchToEditTab();
+            scoringSectionBase.steps.expandMinimumScoringDropdown();
+            scoringSectionBase.steps.selectMinimumScoringTypeListOption('Award minimum score only if attempted');
             scoringSectionBase.minimumScoreIfAttemptedInputField()
                 .type('1')
                 .should('have.value', '1');

package/cypress/pages/singleSelectionPage.js

@@ -32,6 +32,7 @@ const steps = {
     ...mcqPreviewComponents.steps,
     ...autoScoredSetCorrectAnswerSection.steps,
     ...autoScoredScoringSection.steps,
+    ...mcqAdditionalSettingsBase.steps,
     checkCorrectAnswerRadioButton: (option) => {
         mcqSetCorrectAnswerSection.correctAnswerOptionsWrapper(option)
             .click()

package/cypress/pages/uploadResponsePage.js

@@ -1,18 +1,26 @@
 import { commonComponents, questionInstructionsComponent, scoringSectionBase, createQuestionBasePage, additionalSettingsPanel, previewScoringAndShowCorrectAnswerComponent } from "./components";
 import { dialogBoxBase } from ".";
+import utilities from "../support/helpers/utilities";
+const css = Cypress.env('css');
+
+let indexOfDefaultSelectedFileTypes = [4, 5, 6, 11, 17, 18, 19, 20, 22, 24, 27, 28, 29];
+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'];
 
 const selectors = {
     ...dialogBoxBase,
     ...scoringSectionBase,
     ...createQuestionBasePage,
     ...additionalSettingsPanel,
+    ...commonComponents.steps,
     ...questionInstructionsComponent,
+    ...commonComponents,
     //Supported file accordion
     supportedFileTypesAccordion: () => cy.get('.freeresponse-accordian-label'),
     selectedFileTypeCount: () => cy.get('.supported-file-types-count'),
     supportedFileTypeCheckbox: () => cy.get('.ngie-checkbox input'),
     supportedFileTypesAccordionWrapper: () => cy.get('.edit-question-edit-tab-wrapper .ngie-accordion-summary'),
     supportedFileTypesCheckboxWrapper: (fileTypeNumber) => cy.get('.edit-question-supported-files-wrapper .ngie-checkbox-control-label').eq(fileTypeNumber),
+    supportedFileTypesCheckboxLabel: (fileTypeNumber) => cy.get('.edit-question-supported-files-wrapper .ngie-checkbox-control-label .MuiFormControlLabel-label').eq(fileTypeNumber),
     //Max files dropdown
     maxFilesLabel: () => cy.get('#Maximum-number-of-files-dropdown-label'),
     maxFilesDropdown: () => cy.get('#Maximum-number-of-files-select'),
@@ -47,9 +55,8 @@ const selectors = {
     virusErrorMessageWrapper: () => cy.get('.FileUploadStatementLarge'),
     uploadedFileLink: () => cy.get('a[href*="/files/document?key=freeResponse/"]'),
     editDisplayTextPopupInputField: () => cy.get('.inline-text-question-prefix-wrapper .update-display-text-input'),
-    rejectButton: () => cy.get('.popup-button-wrapper button').eq(0),//TODO: need to use selector from common components, once common class is implemented
-    acceptButton: () => cy.get('.popup-button-wrapper button').eq(1),//TODO: need to use selector from common components, once common class is implemented
-    deleteButton: () => cy.get('.icon-Delete.upload-response-state')
+    deleteButton: () => cy.get('.icon-Delete.upload-response-state'),
+    deletePopupContent: () => cy.get('.delete-document-popup-message-wrapper')
 }
 
 const steps = {
@@ -57,26 +64,17 @@ const steps = {
     ...questionInstructionsComponent.steps,
     ...scoringSectionBase.steps,
     ...additionalSettingsPanel.steps,
+    ...commonComponents.steps,
     checkCapturePhotosCheckbox: () => {
         uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
             .click()
             .should('be.checked');
     },
 
-    checkUncheckSupportedFileType: (fileTypeIndex, fileType, checkedUnchecked) => {
-        uploadResponsePage.supportedFileTypesCheckboxWrapper(fileTypeIndex)
-            .verifyInnerText(fileType)
-            .within(() => {
-                uploadResponsePage.supportedFileTypeCheckbox()
-                    .click()
-                    .should(checkedUnchecked);
-            });
-    },
-
-    fileUploadAndVerify: (filesToUploadArray) => {
+    fileUploadAndVerify: (filesToUploadArray, parameter = null) => {
         filesToUploadArray.forEach((file) => {
             uploadResponsePage.inputTypeFile()
-                .attachFile(`uploads/${file}`);
+                .attachFile(`uploads/${file}`, parameter);
             uploadResponsePage.uploadedFileLink()
                 .last()
                 .should('have.text', file);
@@ -84,6 +82,288 @@ const steps = {
                 .should('not.be.visible');
         });
     },
+
+    verifyCapturePhotosCheckboxIsCheckedAndVisible: () => {
+        uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
+            .should('be.checked')
+            .parent()
+            .should('be.visible');
+    },
+
+    /**
+    * @description Verifies the text in upload response area 
+    * @param {string} value - The expected text value to be verified.
+    * @returns {void}
+    */
+    verifyTextInUploadResponseArea: (value) => {
+        uploadResponsePage.fileUploadOptionsLabel()
+            .should('have.text', value);
+    },
+
+    /**
+     * @param {number} uploadedFileCount - The actual number of uploaded files.
+     * @param {number} fileLimit - The maximum allowed number of files.
+     * Verifies the displayed uploaded file count against a specified limit.
+     */
+    verifyUploadedFileLimitCount: (uploadedFileCount, fileLimit) => {
+        utilities.verifyInnerText(uploadResponsePage.uploadedFileCount(), `${uploadedFileCount}/${fileLimit} File Limit`)
+    },
+
+    /**
+     * Verifies the visibility state of elements for the preview tab of a specific uploaded file.
+     * @param {number} uploadedFileIndex - The index of the uploaded file to check within the list.
+    */
+    uploadedFileContentsPreviewTab: (uploadedFileIndex) => {
+        uploadResponsePage.uploadedFileWrapper()
+            .eq(uploadedFileIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(uploadResponsePage.editDisplayTextIcon(), 'visible');
+                utilities.verifyElementVisibilityState(uploadResponsePage.addFileDescriptionIcon(), 'visible');
+                utilities.verifyElementVisibilityState(uploadResponsePage.deleteButton(), 'visible');
+            });
+    },
+
+    /**
+     * @param {string} fileName - The expected name of the uploaded file.
+     * @param {number} fileIndex - The index of the uploaded file within the list.
+     * Verifies the displayed name of an uploaded file at a specific index within the list.
+    */
+    verifyUploadedFileName: (fileName, fileIndex) => {
+        utilities.verifyInnerText(uploadResponsePage.uploadedFileWrapper().eq(fileIndex), fileName);
+    },
+
+    stopUploadingFile: () => {
+        uploadResponsePage.stopUploadingButton()
+            .click();
+    },
+
+    /**
+     * Verifies that a file with the specified name does not exist in the uploaded files section.
+     * @param {string} fileName - The name of the file to check for non-existence.
+     * @throws {Error} Throws an error if the file with the specified name is found in the uploaded files section.
+     * Verifies that a file with the specified name does not exist in the uploaded files section.
+     */
+    verifyFileNotExistsInUploadedFileSection: (fileName) => {
+        uploadResponsePage.uploadedFilesSectionWrapper()
+            .should('not.have.text', fileName)
+    },
+
+    expandSupportedFileTypesAccordion: () => {
+        uploadResponsePage.supportedFileTypesAccordionWrapper()
+            .click();
+    },
+
+    verifyScanningForVirusMessageAndPreLoader: () => {
+        uploadResponsePage.uploadedFileWrapper()
+            .eq(0)
+            .within(() => {
+                uploadResponsePage.virusErrorMessageWrapper()
+                    .verifyInnerText('Scanning for viruses...')
+                uploadResponsePage.scanningForVirusPreLoader()
+                    .should('be.visible');
+            });
+    },
+
+    verifyInabilityOfFileDownloadWhenVirusScanningIsInProgress: () => {
+        uploadResponsePage.uploadedFileWrapper()
+            .eq(0)
+            .parents('.uploaded-document-wrapper')
+            .should('not.have.attr', 'href');
+    },
+
+    verifyVirusScanningErrorMessage: () => {
+        uploadResponsePage.uploadedFileWrapper()
+            .eq(1)
+            .within(() => {
+                utilities.verifyInnerText(uploadResponsePage.virusErrorMessageWrapper(), 'Error: A virus was detected, please upload another file.')
+                utilities.verifyElementVisibilityState(uploadResponsePage.virusErrorMessageWrapper(), 'visible');
+            });
+    },
+
+    clickOnEditDisplayTextIcon: () => {
+        uploadResponsePage.editDisplayTextIcon()
+            .click();
+    },
+
+    verifyEditDisplayTextPopupInputFieldAndSelectedText: () => {
+        uploadResponsePage.editDisplayTextPopupInputField()
+            .should('have.value', 'image.png')
+            .parent()
+            .and('have.class', 'Mui-focused');
+    },
+
+    clearEditDisplayTextPopupInputField: () => {
+        uploadResponsePage.editDisplayTextPopupInputField()
+            .clear();
+    },
+
+    verifyEditDisplayTextPopupInputFieldPlaceholderText: () => {
+        uploadResponsePage.editDisplayTextPopupInputField()
+            .should('have.attr', 'placeholder', 'Enter display text')
+            .and('be.visible');
+    },
+
+    /**
+     * @param {string} text - The text to be entered into the input field.
+     * Enters text into the input field of the "Edit Display Text" popup.
+     */
+    enterTextInEditDisplayTextPopupInputField: (text) => {
+        uploadResponsePage.editDisplayTextPopupInputField()
+            .type(text);
+    },
+
+    /**
+     * @param {string} text - The expected text to be present in the input field.
+     * Verifies that the input field of the "Edit Display Text" popup contains the expected text.
+     */
+    verifyTextInEditDisplayTextPopupInputField: (text) => {
+        uploadResponsePage.editDisplayTextPopupInputField()
+            .should('have.value', text);
+    },
+
+    clickOnAddFileDescriptionIcon: () => {
+        uploadResponsePage.addFileDescriptionIcon()
+            .click();
+    },
+
+    verifyAddFileDescriptionInputFieldPlaceholderText: () => {
+        uploadResponsePage.addFileDescriptionInput()
+            .should('have.attr', 'placeholder', 'Add file description')
+            .and('be.visible');
+    },
+
+    /**
+     * Enters text into the input field for adding a file description.
+     * @param {string} text - The text to be entered into the input field.
+     */
+    enterTextInAddFileDescriptionInputField: (text) => {
+        uploadResponsePage.addFileDescriptionInput()
+            .type(text)
+    },
+
+    /**
+     * Verifies that the input field for adding a file description contains the expected text.
+     * @param {string} text - The expected text to be present in the input field.
+     */
+    verifyTextInAddFileDescriptionInputField: (text) => {
+        uploadResponsePage.addFileDescriptionInput()
+            .should('have.value', text)
+    },
+
+    deleteFile: () => {
+        uploadResponsePage.deleteButton()
+            .click();
+    },
+
+    uncheckCapturePhotosCheckbox: () => {
+        uploadResponsePage.allowStudentsToCapturePhotosCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifySupportedFilesTypesAccordionCollapsedState: () => {
+        uploadResponsePage.supportedFileTypesAccordionWrapper()
+            .should('have.attr', 'aria-expanded', 'false');
+    },
+
+    verifySupportedFilesTypesAccordionExpandedState: () => {
+        uploadResponsePage.supportedFileTypesAccordionWrapper()
+            .should('have.attr', 'aria-expanded', 'true');
+    },
+
+    clickOnSupportedFilesTypesAccordion: () => {
+        uploadResponsePage.supportedFileTypesAccordionWrapper()
+            .click()
+    },
+
+    /**
+    * @description this function checks the supported file type checkbox of the given index number.
+    * @param {number} index of the checkbox to be checked
+    */
+    checkSupportedFileTypeCheckbox: (index) => {
+        uploadResponsePage.supportedFileTypesCheckboxWrapper(index)
+            .within(() => {
+                uploadResponsePage.supportedFileTypeCheckbox()
+                    .click()
+                    .should('be.checked');
+            });
+    },
+
+    verifySupportedFileTypeCheckboxIsChecked: () => {
+        uploadResponsePage.supportedFileTypeCheckbox()
+            .should('be.checked');
+    },
+
+    /**
+    * @description this function unchecks the supported file type checkbox of the given index number.
+    * @param {number} index of the checkbox to be checked
+    */
+    uncheckSupportedFileTypeCheckbox: (index) => {
+        uploadResponsePage.supportedFileTypesCheckboxWrapper(index)
+            .within(() => {
+                uploadResponsePage.supportedFileTypeCheckbox()
+                    .click()
+                    .should('not.be.checked');
+            });
+    },
+
+    expandMaxFilesDropdown: () => {
+        uploadResponsePage.maxFilesDropdown()
+            .click();
+    },
+
+    /**
+    * @param {number} dropdownOption number of the dropdown option to be selected
+    */
+    selectOptionFromMaxFilesDropdown: (dropdownOption) => {
+        uploadResponsePage.maxFilesDropdownListOptions(dropdownOption)
+            .click();
+    },
+
+    /**
+    * @param {string} file name of the file in fixtures/upload folder
+    * @description this function uploads a file
+    */
+    uploadFile: (file) => {
+        uploadResponsePage.inputTypeFile()
+            .attachFile(file);
+    },
+
+    verifyDefaultSelectedFileTypes: () => {
+        indexOfDefaultSelectedFileTypes.forEach((selectedFileTypeIndex) => {
+            uploadResponsePage.supportedFileTypesCheckboxWrapper(selectedFileTypeIndex)
+                .within(($element) => {
+                    uploadResponsePage.steps.verifySupportedFileTypeCheckboxIsChecked();
+                    cy.wrap($element)
+                        .find('.MuiFormControlLabel-label')
+                        .verifyInnerText(fileTypeList[selectedFileTypeIndex])
+                });
+        });
+    },
+
+    uncheckDefaultSelectedFileTypes: () => {
+        indexOfDefaultSelectedFileTypes.forEach((selectedFileTypeIndex) => {
+            uploadResponsePage.supportedFileTypesCheckboxWrapper(selectedFileTypeIndex)
+                .within(() => {
+                    uploadResponsePage.supportedFileTypeCheckbox()
+                        .click()
+                        .should('not.be.checked');
+                });
+        });
+    },
+
+    verifyInprogressUploadFileCSS: () => {
+        uploadResponsePage.inputTypeFile()
+            .attachFile('uploads/20mbFile.png')
+            .then(() => {
+                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);
+            });
+    }
 }
 
 const tests = {
@@ -92,6 +372,7 @@ const tests = {
     ...additionalSettingsPanel.tests,
     ...scoringSectionBase.tests,
     ...previewScoringAndShowCorrectAnswerComponent.tests,
+    ...commonComponents.tests,
     verifyErrorMessageDisappear: () => {
         it('The error message should disappear if the user clicks anywhere in the upload file content wrapper', () => {
             uploadResponsePage.inputTypeFile()

package/cypress/pages/videoResponsePage.js

@@ -202,13 +202,12 @@ const steps = {
         videoResponsePage.recordingTimer()
             .invoke('text')
             .then(text => {
-                const recordedTime = text.split('/')[0]
+                const recordedTime = text.split('/')[0].trim()
                 videoResponsePage.steps.stopRecording();
-                videoResponsePage.steps.verifyRecordingStatus('Saving');
                 videoResponsePage.playerTimer()
                     .invoke('text')
                     .then(text => {
-                        const playbackTime = text.split('/')[1]
+                        const playbackTime = text.split('/')[1].trim()
                         expect(playbackTime).to.be.eq(recordedTime)
                     });
             });
@@ -305,7 +304,7 @@ const steps = {
         videoResponsePage.playbackSpeedAdvancedPlaybackOptionButton()
             .should('not.have.class', 'ngie-toggle-button-selected')
             .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'notExist');
+                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'hidden');
             });
     },
 
@@ -321,7 +320,7 @@ const steps = {
         videoResponsePage.fullScreenAdvancedPlaybackOptionButton()
             .should('not.have.class', 'ngie-toggle-button-selected')
             .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'notExist');
+                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'hidden');
             });
     },
 
@@ -337,7 +336,7 @@ const steps = {
         videoResponsePage.recordAgainAdvancedPlaybackOptionButton()
             .should('not.have.class', 'ngie-toggle-button-selected')
             .within(() => {
-                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'notExist');
+                utilities.verifyElementVisibilityState(videoResponsePage.advancedPlaybackOptionButtonSelectedIcon(), 'hidden');
             });
     },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.68",
+  "version": "1.0.69",
   "description": "",
   "main": "index.js",
   "scripts": {