itemengine-cypress-automation 1.0.119 → 1.0.121

package/cypress/e2e/migration/migration.js

@@ -34,14 +34,14 @@ Cypress.Commands.add('lazyLoadPreviewQuestions', (count, retries = 5) => {
     cy.learnosityLoaderWait();
 })
 
-const migrationQuestionTypes = Cypress.env('migrationQuestionTypes');//["textEntryMath"]
+const migrationQuestionTypes = Cypress.env('migrationQuestionTypes');//["textEntryMathImage"]
 const migrationQuestionTypesLrn = migrationQuestionTypes.map((questionType) => lrnQuestionTypesENUM[questionType]);
 let lrnMcqTypesRegex = /Multiple choice – standard|Multiple choice – multiple response|True or false|Multiple choice – block layout/;
 
 let lrnQuestionDataArr = [];
 let lrnGradingDataArr = [];
 
-let referenceIds = JSON.parse(Cypress.env('referenceIds')).slice(0, 100);//["eae30254-8637-4b59-a124-1b0caa68bc6e", "5acb0056-3d16-46d7-abbb-7a1ce08686ef", "6bd0f709-86c5-4e52-9510-9af3cd73e224"]
+let referenceIds = JSON.parse(Cypress.env('referenceIds')).slice(0, 100);//["d526a378-de9e-4086-90ba-405057c48c3d", "9ee38abc-9c1c-4c10-9467-85f5823b7b17", "6521f6a7-4a9f-441f-8fc6-314ba7bf2386"]
 
 if (referenceIds.length > 0) {
     describe('Migration item check for MCQ questions', () => {
@@ -76,13 +76,11 @@ if (referenceIds.length > 0) {
                             if (lrnMcqTypesRegex.test(currQuestionType)) {
                                 currQuestionType = lrnQuestionTypesENUM.mcq
                             }
-                            if (currQuestionType.includes(lrnQuestionTypesENUM.textEntryMath)) {
-                                currQuestionType = lrnQuestionTypesENUM.textEntryMath
-                            }
                             if (migrationQuestionTypesLrn.includes(currQuestionType)) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcq(lrnQuestionDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMath(lrnQuestionDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImage(lrnQuestionDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -98,6 +96,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcq(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMath(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImage(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });
@@ -116,6 +115,7 @@ if (referenceIds.length > 0) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcqGrading(lrnGradingDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMathGrading(lrnGradingDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImageGrading(lrnGradingDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -133,6 +133,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcqGrading(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMathGrading(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImageGrading(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });

package/cypress/e2e/migration/migration2.js

@@ -76,13 +76,11 @@ if (referenceIds.length > 0) {
                             if (lrnMcqTypesRegex.test(currQuestionType)) {
                                 currQuestionType = lrnQuestionTypesENUM.mcq
                             }
-                            if (currQuestionType.includes(lrnQuestionTypesENUM.textEntryMath)) {
-                                currQuestionType = lrnQuestionTypesENUM.textEntryMath
-                            }
                             if (migrationQuestionTypesLrn.includes(currQuestionType)) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcq(lrnQuestionDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMath(lrnQuestionDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImage(lrnQuestionDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -98,6 +96,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcq(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMath(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImage(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });
@@ -116,6 +115,7 @@ if (referenceIds.length > 0) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcqGrading(lrnGradingDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMathGrading(lrnGradingDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImageGrading(lrnGradingDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -133,6 +133,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcqGrading(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMathGrading(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImageGrading(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });

package/cypress/e2e/migration/migration3.js

@@ -76,13 +76,11 @@ if (referenceIds.length > 0) {
                             if (lrnMcqTypesRegex.test(currQuestionType)) {
                                 currQuestionType = lrnQuestionTypesENUM.mcq
                             }
-                            if (currQuestionType.includes(lrnQuestionTypesENUM.textEntryMath)) {
-                                currQuestionType = lrnQuestionTypesENUM.textEntryMath
-                            }
                             if (migrationQuestionTypesLrn.includes(currQuestionType)) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcq(lrnQuestionDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMath(lrnQuestionDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImage(lrnQuestionDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -98,6 +96,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcq(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMath(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImage(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });
@@ -116,6 +115,7 @@ if (referenceIds.length > 0) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcqGrading(lrnGradingDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMathGrading(lrnGradingDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImageGrading(lrnGradingDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -133,6 +133,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcqGrading(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMathGrading(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImageGrading(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });

package/cypress/e2e/migration/migration4.js

@@ -76,13 +76,11 @@ if (referenceIds.length > 0) {
                             if (lrnMcqTypesRegex.test(currQuestionType)) {
                                 currQuestionType = lrnQuestionTypesENUM.mcq
                             }
-                            if (currQuestionType.includes(lrnQuestionTypesENUM.textEntryMath)) {
-                                currQuestionType = lrnQuestionTypesENUM.textEntryMath
-                            }
                             if (migrationQuestionTypesLrn.includes(currQuestionType)) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcq(lrnQuestionDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMath(lrnQuestionDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImage(lrnQuestionDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -98,6 +96,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcq(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMath(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImage(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });
@@ -116,6 +115,7 @@ if (referenceIds.length > 0) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcqGrading(lrnGradingDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMathGrading(lrnGradingDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImageGrading(lrnGradingDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -133,6 +133,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcqGrading(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMathGrading(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImageGrading(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });

package/cypress/e2e/migration/migration5.js

@@ -76,13 +76,11 @@ if (referenceIds.length > 0) {
                             if (lrnMcqTypesRegex.test(currQuestionType)) {
                                 currQuestionType = lrnQuestionTypesENUM.mcq
                             }
-                            if (currQuestionType.includes(lrnQuestionTypesENUM.textEntryMath)) {
-                                currQuestionType = lrnQuestionTypesENUM.textEntryMath
-                            }
                             if (migrationQuestionTypesLrn.includes(currQuestionType)) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcq(lrnQuestionDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMath(lrnQuestionDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImage(lrnQuestionDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -98,6 +96,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcq(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMath(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImage(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });
@@ -116,6 +115,7 @@ if (referenceIds.length > 0) {
                                 switch (currQuestionType) {
                                     case lrnQuestionTypesENUM.mcq: return extractLrnQuestionData.mcqGrading(lrnGradingDataArr, index);
                                     case lrnQuestionTypesENUM.textEntryMath: return extractLrnQuestionData.textEntryMathGrading(lrnGradingDataArr, index);
+                                    case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImageGrading(lrnGradingDataArr, index);
                                     default: throw new Error('Invalid lrn question type');
                                 }
                             }
@@ -133,6 +133,7 @@ if (referenceIds.length > 0) {
                             switch (questionType) {
                                 case 'mcq': return verifyIeQuestionData.mcqGrading(questionData, index);
                                 case 'textEntryMath': return verifyIeQuestionData.textEntryMathGrading(questionData, index);
+                                case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImageGrading(questionData, index);
                                 default: throw new Error('Invalid ngie question type');
                             }
                         });

package/cypress/fixtures/theme/ilc.json

@@ -109,7 +109,9 @@
         "checkboxLabel": "rgb(34, 34, 76)",
         "separatorsUnselectedOption": "rgb(68, 68, 97)",
         "microphoneIcon": "rgb(59, 126, 255)",
-        "playerButtonBorder": "rgb(107, 139, 255)"
+        "playerButtonBorder": "rgb(107, 139, 255)",
+        "toggleButtonSelectedBg": "rgb(81, 0, 255)",
+        "UnselectedToggleButton": "rgb(68, 68, 97)"
     },
     "fontSize": {
         "extraSmall": "10px",

package/cypress/pages/audioResponsePage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, scoringSectionBaseEditTab, maximumRecorderLengthComponent, commonComponents, playbackControlsBaseComponent, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent } from "./components"
+import { createQuestionBasePage, questionInstructionsComponent, scoringSectionBaseEditTab, maximumRecorderLengthComponent, commonComponents, playbackControlsBaseComponent, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent, additionalSettingsPanel } from "./components"
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -117,6 +117,7 @@ const steps = {
     ...questionInstructionsComponent.steps,
     ...maximumRecorderLengthComponent.steps,
     ...playbackControlsBaseComponent.steps,
+    ...additionalSettingsPanel.steps,
     startRecordingStandardPreview: () => {
         audioResponsePage.standardPreviewStartRecordingButton()
             .click();

package/cypress/pages/components/additionalSettingsPanel.js

@@ -36,6 +36,33 @@ const steps = {
             .click();
     },
 
+    enterTextInTeacherGuidelinesInputField: (teacherGuidelinesText) => {
+        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
+            .click()
+            .type(teacherGuidelinesText)
+            .blur();
+        additionalSettingsPanel.additionalSettingsTeacherGuidelinesInputField()
+            .should('have.text', teacherGuidelinesText);
+    },
+
+    enterTextInSampleAnswerInputField: (sampleAnswer) => {
+        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
+            .click()
+            .type(sampleAnswer)
+            .blur();
+        additionalSettingsPanel.additionalSettingsSampleAnswerInputField()
+            .should('have.text', sampleAnswer);
+    },
+
+    enterTextInAcknowledgementsInputField: (acknowledgements) => {
+        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
+            .click()
+            .type(acknowledgements)
+            .blur();
+        additionalSettingsPanel.additionalSettingsAcknowledgementsInputField()
+            .should('have.text', acknowledgements);
+    },
+
     expandAdditionalSettings: () => {
         additionalSettingsPanel.additionalSettingsPanel()
             .click()

package/cypress/pages/components/autoScoredPreviewBase.js

@@ -1,5 +1,5 @@
 import { previewScoringAndShowCorrectAnswerComponent } from "./previewScoringAndShowCorrectAnswerComponent";
-
+//Note: deprecated file
 const css = Cypress.env('css');
 const selectors = {
     correctIcon: () => cy.get('.icon-correct'),

package/cypress/pages/components/autoScoredScoringSection.js

@@ -5,7 +5,7 @@ import { scoringSectionBase } from "./scoringSectionBase";
 import { commonComponents } from "./commonComponents";
 import { previewScoringAndShowCorrectAnswerComponent } from "./previewScoringAndShowCorrectAnswerComponent";
 const css = Cypress.env('css');
-//Enhancement: This file should be deprecated, new file: autoScoredScoringPreviewTab.js
+//Note: deprecated file
 const steps = {
     correctIncorrectLabelAndBorderExists: (questionType) => {
         switch (questionType) {

package/cypress/pages/components/autoScoredScoringSectionMultipleResponsesType.js

@@ -2,7 +2,7 @@ import utilities from "../../support/helpers/utilities";
 import { commonComponents } from "./commonComponents";
 import { scoringSectionBase } from "./scoringSectionBase";
 const css = Cypress.env('css');
-//Enhancement: This file will get deprecated: New file - autoScoredScoringSectionMultiResponseType
+//Note: deprecated file
 const selectors = {
     allOrNothingCheckboxLabel: () => cy.get('label[for*="defaultScoring"]'),
     allOrNothingCheckbox: () => cy.get('input[type*="radio"][aria-label="All or Nothing"]'),

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -2,7 +2,7 @@ import { dialogBoxBase } from "../dialogBoxBase";
 import { scoringSectionBase } from "./scoringSectionBase";
 import { commonComponents } from "./commonComponents";
 const css = Cypress.env('css');
-//Enhancement: This file should be deprecated, new file: autoScoredSpecifyCorrectAnswerSection.js
+//Note: deprecated file
 const selectors = {
     setCorrectAnswerLabel: () => cy.get('.set-correct-answer-label'),
     setCorrectAnswerHelpText: () => cy.get('.edit-set-correct-answer-help-text'),

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -345,13 +345,13 @@ const tests = {
                 });
             utilities.verifyInnerText(utilities.getNthElement(scoringSectionBase.pleaseEnterPointsErrorMessage(), 0), 'Error: Please enter points.');
             utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible');
-            if (questionType != 'list ordering' && questionType != 'short text response') {
+            if (questionType != 'list ordering' && questionType != 'short text response' && questionType != 'text entry math') {
                 steps.verifySpecifyCorrectAnswerErrorMessage();
             }
             else if (questionType === 'short text response') {
                 utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), -1), 'Error: Answer is required.');
             }
-            if (questionType === 'fill in the gaps over image text' || questionType === 'text entry math') {
+            else if (questionType === 'fill in the gaps over image text' || questionType === 'text entry math') {
                 utilities.verifyInnerText(commonComponents.errorMessage().last(), 'Error: Please enter points.');
                 utilities.verifyElementVisibilityState(commonComponents.errorMessage().last(), 'visible');
             }

package/cypress/pages/components/autoScoredStudentViewSettings.js

@@ -46,7 +46,7 @@ const steps = {
     setMaximumCheckAnswerAttempts: (maxCheckAnswerAttempts) => {
         autoScoredStudentViewSettings.steps.checkAllowStudentToCheckAnswerCheckbox();
         autoScoredStudentViewSettings.steps.expandMaxCheckAnswerAttemptsDropdown();
-        autoScoredStudentViewSettings.steps.addInputToMaximumCheckAnswerAttemptsInputField(maxCheckAnswerAttempts)
+        autoScoredStudentViewSettings.steps.selectMaxCheckAnswerAttemptsDropdownListOption(maxCheckAnswerAttempts)
     },
 
     expandMaxCheckAnswerAttemptsDropdown: () => {
@@ -89,6 +89,13 @@ const tests = {
         });
     },
 
+    verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked: () => {
+        it('When the user checks the \'Allow student to check answer\' checkbox, then \'Maximum check answer attempts\' dropdown should be displayed', () => {
+            autoScoredStudentViewSettings.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            utilities.verifyElementVisibilityState(autoScoredStudentViewSettings.maximumCheckAnswerAttemptsDropdown(), 'visible');
+        });
+    },
+
     verifyMaxCheckAnswerAttemptsDropdown: () => {
         it('\'Maximum check answer attempts\' should have \'No limit\' selected by default and on expanding the dropdown options 1 to 10 should also be displayed', () => {
             utilities.verifyInnerText(autoScoredStudentViewSettings.maximumCheckAnswerAttemptsDropdownLabel(), 'Maximum check answer attempts');

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -1,7 +1,7 @@
 import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
 import { commonComponents } from "./commonComponents";
-import { figOverImageCanvasComponent } from "./figOverImageCanvasComponent";
+import { imageCanvasComponent } from "./imageCanvasComponent";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -110,9 +110,9 @@ const tests = {
             backgroundImageUploadComponent.steps.uploadFile('highlightImage.jpg');
             utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'visible');
             backgroundImageUploadComponent.steps.verifyFileNameLabel('highlightImage.jpg');
-            utilities.verifyElementVisibilityState( figOverImageCanvasComponent.canvasImage(), 'visible');
+            utilities.verifyElementVisibilityState( imageCanvasComponent.canvasImage(), 'visible');
             utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'notExist');
-            figOverImageCanvasComponent.steps.verifyImageIsUploaded();
+            imageCanvasComponent.steps.verifyImageIsUploaded();
         });
 
         it('Delete button should appear beside uploaded file\'s name', () => {
@@ -184,7 +184,7 @@ const tests = {
             backgroundImageUploadComponent.steps.clickOnCancelButtonInDeleteImagePopup();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             utilities.verifyInnerText(backgroundImageUploadComponent.uploadedFileNameLabel(), 'sample1.jpg');
-            utilities.verifyElementVisibilityState(figOverImageCanvasComponent.canvasImage(), 'visible');
+            utilities.verifyElementVisibilityState(imageCanvasComponent.canvasImage(), 'visible');
         });
 
         it('When user clicks on \'Delete image\' button, then popup should close and image inside the canvas should be deleted', () => {
@@ -192,7 +192,7 @@ const tests = {
             backgroundImageUploadComponent.steps.clickOnDeleteButtonInDeleteImagePopup();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             utilities.verifyInnerText(backgroundImageUploadComponent.noFileChosenLabel(), 'No file chosen');
-            figOverImageCanvasComponent.steps.verifyCanvasImageNotExist();
+            imageCanvasComponent.steps.verifyCanvasImageNotExist();
         });
     }
 }

package/cypress/pages/components/createQuestionBasePage.js

@@ -86,10 +86,16 @@ const steps = {
         createQuestionBasePage.previewTab()
             .should('have.attr', 'aria-selected', 'false');
     },
-    
+
+    verifySavedSuccessfullySnackbar: () => {
+        commonComponents.snackbar()
+            .should('have.text', 'Saved successfully!')
+            .should('be.visible');
+    },
+
     clickOnCancelButton: () => {
         createQuestionBasePage.cancelButton()
-        .click(); 
+            .click();
     }
 }
 

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -287,6 +287,12 @@ const steps = {
             .type('{backspace}');
     },
 
+    enterTextInPredefinedTextInputField: (predefinedText) => {
+        essayResponseCommonComponents.predefinedTextInputField()
+            .type(predefinedText)
+            .should('have.text', predefinedText);
+    },
+
     verifyGradingViewResponseFieldIsNonEditable: () => {
         essayResponseCommonComponents.responseField()
             .should('have.attr', 'contenteditable', 'false');

package/cypress/pages/components/fillInTheGapsCommonComponents.js

@@ -143,6 +143,19 @@ const steps = {
         fillInTheGapsCommonComponents.previewTabCorrectAnswerResponseWrapper()
             .should('have.length', correctAnswerArray.length);
     },
+
+    setPlaceholderText: (placeholder) => {
+        fillInTheGapsCommonComponents.placeholderTextInputField()
+            .type(placeholder)
+            .should('have.value', placeholder);
+    },
+
+    setResponseContainerHeight: (height) => {
+        fillInTheGapsCommonComponents.heightInputField()
+            .type(height)
+            .should('have.value', height)
+            .blur();
+    }
 }
 
 const tests = {

package/cypress/pages/components/fillInTheGapsDragAndDropCommonComponents.js

@@ -0,0 +1,40 @@
+import utilities from "../../support/helpers/utilities";
+
+const selectors = {
+    correctAnswersNumeration: () => cy.get('[class*="__AnswerCell"] .answer-numeration-number-box'),
+    correctAnswersOptions: () => cy.get('[class*="__AnswerWrapper"] .question-text-wrapper'),
+    correctAnswersLabel: () => cy.get('.correct-answers-label'),
+    tickIconWrapper: () => cy.get('.tick-icon-wrapper'),
+    correctAnswerContainer: () => cy.get('.dnd-correct-answer-wrapper'),
+    correctIncorrectAnswerLabel: () => cy.get('[class*="CorrectIncorrectLabel"]'),
+}
+
+const steps = {
+    /**
+    *@description Verifies the correctness of answer responses in the correct answer section, including the count.
+    * @param {string[][]} correctAnswerArray An array of arrays, each containing the expected answer options for a specific correct answer section.        
+    */
+    verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount: (correctAnswerArray) => {
+        utilities.verifyElementCount(fillInTheGapsDragAndDropCommonComponents.correctAnswersOptions(), correctAnswerArray.length);
+        correctAnswerArray.forEach((correctAnswer, index) => {
+            utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersNumeration(), index), index + 1);
+            correctAnswer.forEach((answerOption) => {
+                utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersOptions(), index), answerOption);
+            });
+        });
+    },
+
+    verifyCorrectAnswerSectionNotExists: () => {
+        utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropCommonComponents.correctAnswerContainer(), 'notExist');
+    },
+}
+
+const tests = {
+
+}
+
+export const fillInTheGapsDragAndDropCommonComponents = {
+    ...selectors,
+    steps,
+    tests
+}