itemengine-cypress-automation 1.0.349-TEMRegression4-f1b48a1.0 → 1.0.349

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -59,29 +59,7 @@ const steps = {
 }
 
 const tests = {
-    verifyBackgroundImageSectionContentWithCSSAndA11y: (questionType = null) => {
-        it('\'Background image\' label should be visible', () => {
-            if (questionType === 'graphing') {
-                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background');
-            } else {
-                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background image');
-            }
-        });
-
-        it('\'Upload\' label and \'Choose file\' button should be displayed', () => {
-            utilities.verifyInnerText(backgroundImageUploadComponent.uploadLabel(), 'Upload');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadLabel(), 'visible');
-            utilities.verifyInnerText(backgroundImageUploadComponent.chooseFileButton(), 'Choose file');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.chooseFileButton(), 'visible');
-        });
-
-        it('\'File name\' label should be displayed and by default \'No file chosen\' text should be displayed below the \'File name\' label.', () => {
-            utilities.verifyInnerText(backgroundImageUploadComponent.fileNameLabel(), 'File name');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.fileNameLabel(), 'visible');
-            utilities.verifyInnerText(backgroundImageUploadComponent.noFileChosenLabel(), 'No file chosen');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.noFileChosenLabel(), 'visible');
-        });
-
+    verifyCSSAndA11yBeforeUpload: () => {
         it('CSS of upload section', { tags: 'css' }, () => {
             utilities.verifyCSS(backgroundImageUploadComponent.uploadLabel(), {
                 'color': css.color.labels,
@@ -109,12 +87,13 @@ const tests = {
         it('Accessibility of  Upload section before uploading image', { tags: 'a11y' }, () => {
             cy.checkAccessibility(backgroundImageUploadComponent.uploadLabel().parents('.edit-question-edit-tab-wrapper'));
         });
+    },
 
+    verifyImageUploadFunctionality: (questionType = null) => {
         it('When the user adds the image file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded and uploaded image should be displayed', () => {
             backgroundImageUploadComponent.steps.uploadFile('highlightImage.jpg');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'visible');
             backgroundImageUploadComponent.steps.verifyFileNameLabel('highlightImage.jpg');
-            if (questionType !== 'graphing' && questionType !== 'grid fill' && questionType !== 'image highlight') {
+            if (!['graphing', 'grid fill', 'image highlight', 'thinkSphere'].includes(questionType)) {
                 imageCanvasComponent.steps.verifyImageIsUploaded();
             }
         });
@@ -129,6 +108,34 @@ const tests = {
         });
     },
 
+    verifyBackgroundImageSectionContentWithCSSAndA11y: (questionType = null) => {
+        it('\'Background image\' label should be visible', () => {
+            if (questionType === 'graphing') {
+                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background');
+            } else {
+                utilities.verifyInnerText(backgroundImageUploadComponent.backgroundImageLabel(), 'Background image');
+            }
+        });
+
+        it('\'Upload\' label and \'Choose file\' button should be displayed', () => {
+            utilities.verifyInnerText(backgroundImageUploadComponent.uploadLabel(), 'Upload');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadLabel(), 'visible');
+            utilities.verifyInnerText(backgroundImageUploadComponent.chooseFileButton(), 'Choose file');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.chooseFileButton(), 'visible');
+        });
+
+        it('\'File name\' label should be displayed and by default \'No file chosen\' text should be displayed below the \'File name\' label.', () => {
+            utilities.verifyInnerText(backgroundImageUploadComponent.fileNameLabel(), 'File name');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.fileNameLabel(), 'visible');
+            utilities.verifyInnerText(backgroundImageUploadComponent.noFileChosenLabel(), 'No file chosen');
+            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.noFileChosenLabel(), 'visible');
+        });
+
+        tests.verifyCSSAndA11yBeforeUpload();
+
+        tests.verifyImageUploadFunctionality(questionType);
+    },
+
     verifyDeleteImagePopupContentAndFunctionality: () => {
         it('When the user hovers on \'Delete\' button, \'Delete image\' text should be displayed in tooltip', () => {
             backgroundImageUploadComponent.deleteImageIcon()