itemengine-cypress-automation 1.0.337-IEI-5508-automated-tests-9e03453.0 → 1.0.338

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/previewContentsForAllViewsInIncompleteuthoring.smoke.js

@@ -0,0 +1,106 @@
+import { fillInTheGapsOverImageDropdownPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const correctAnswerArray = ['Flower', 'Leaf'];
+
+describe('Create item page - Fill in the gaps over image - dropdown - Preview contents in all views when authoring is incomplete', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    beforeEach(() => {
+        cy.startApplitools();
+    });
+
+    afterEach(() => {
+        cy.eyesClose();
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents when authoring is incomplete - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    fillInTheGapsOverImageDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it(`${view} - Fill in the gaps over image dropdown Question instructions should be visible`, () => {
+                utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'Fill in the gaps');
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'visible');
+                cy.eyesCheckWindow(`${view} - Fill in the gaps over image dropdown - default state`);
+            });
+
+            it('The image uploaded in the \'Background image\' section should be displayed', () => {
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.canvasImageInPreviewTab(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The added dropdowns should be displayed in the preview tab and they should be empty', () => {
+                    utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.dropdownPreviewTab(), 2);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: '​' }]);
+                });
+
+                it(`User should be able to select an option from the dropdown`, () => {
+                    fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+                });
+            } else if (view === 'Grading view') {
+                it('The dropdowns should be displayed filled with answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.dropdownPreviewTab(), 2);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }]);
+                });
+
+                it('The dropdowns should not be editable', () => {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyDropdownIsDisabled(0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyDropdownIsDisabled(1);
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/supportedFileTypes.js

@@ -38,10 +38,9 @@ describe('Create item page - Fill in the gaps over image with dropdown: Supporte
             });
         });
 
-        it('When the user tries to uploads an image with unsupported file type, then an error message, "Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.", should be displayed', () => {
+        it('When the user tries to uploads an image with unsupported file type, then an error message, "Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.", should not be displayed', () => {
             fillInTheGapsOverImageDropdownPage.steps.uploadFile('sample.heic');
-            utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsOverImageDropdownPage.tests.verifyErrorMessageCSSAndA11y();

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/HeaderSection.js

@@ -1,6 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, fillInTheGapsOverImageTextPage } from "../../../pages";
+import { dialogBoxBase, fillInTheGapsOverImageTextPage, itemPreviewPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
 import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = ""
+
 const options = ['Flower', 'Leaves'];
 
 describe('Create item page - Fill in the gaps over image - text: Header section and saving question', () => {
@@ -46,13 +49,11 @@ describe('Create item page - Fill in the gaps over image - text: Header section
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image', 'Please insert a text container', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsOverImageTextPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsOverImageTextPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageTextPage.errorMessage(), 0), 'Error: Image is required.');
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageTextPage.errorMessage(), 1), 'Error: Please insert a text container.');
+                fillInTheGapsOverImageTextPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image', 'Please insert a text container', 'Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -75,5 +76,37 @@ describe('Create item page - Fill in the gaps over image - text: Header section
             });
             fillInTheGapsOverImageTextPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+                cy.barsPreLoaderWait();
+            });
+
+            it('Should save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image', 'Please set points']);
+                fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please insert a text container', 'Please set points']);
+                fillInTheGapsOverImageTextPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            fillInTheGapsOverImageTextPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+
+        describe('Save as you go - Browse item page contents', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsOverImageTextPage.steps.saveAQuestionWithIncompleteAuthoring();
+                utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                browseItemsPage.steps.navigateToBrowseItemsPage();
+            });
+
+            it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+                browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+            });
+        });
     });
 });

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/checkScoringLabelBannerAndCorrectAnswer.js

@@ -0,0 +1,88 @@
+import { fillInTheGapsOverImageTextPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create Item page - Fill in the gaps over image with text', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+        it('When user allocates points to the question then the scoring label should be displayed as manually scored and banner and correct answer status should not exist', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.allotPoints(2);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Leaf' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerStatusBannerExist();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionExist();
+        })
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/allOrNothingForAllViews.smoke.js

@@ -154,7 +154,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 
-            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            it('FIG over image Text - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/checkAddAlternative.js

@@ -0,0 +1,35 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create question page - Fill in the gaps over image with text ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            fillInTheGapsOverImageTextPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            fillInTheGapsOverImageTextPage.steps.allotPoints(20);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }]);
+            fillInTheGapsOverImageTextPage.steps.checkAlternativeButtonEnabled();
+        });
+
+        it('User should be able to add \'Alternative\' answer using the \'Add alternative\' button, when user has not set any answer in the \'Alternative\' accordion and clicks on the \'Correct\' accordion then \'Correct\' accordion should be expanded', () => {
+            fillInTheGapsOverImageTextPage.steps.clickOnAddAlternativeAnswerButton();
+            fillInTheGapsOverImageTextPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/editQuestion.smoke.js

@@ -47,7 +47,7 @@ describe('Edit item - fill in the gaps with text', () => {
             fillInTheGapsOverImageTextPage.steps.verifyPointInQuestionPreview(30);
         });
 
-        it('User should be able to change scoring type to manually and save the question', () => {
+        it('User should be able to change scoring type to manually scored and save the question', () => {
             fillInTheGapsOverImageTextPage.steps.editItem();
             fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
             fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
@@ -62,4 +62,36 @@ describe('Edit item - fill in the gaps with text', () => {
             fillInTheGapsOverImageTextPage.steps.saveAQuestionAndVerifySnackbar();
         });
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.saveAQuestionWithIncompleteAuthoring();
+            fillInTheGapsOverImageTextPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image','Please set points']);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
+            fillInTheGapsOverImageTextPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.warningIcon(), 'notExist');
+        });
+    });
 });

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/previewContentsForAllViewsInIncompleteAuthoring.js

@@ -0,0 +1,97 @@
+import { fillInTheGapsOverImageTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+describe('Create item page - Fill in the gaps over image - text - Preview contents in all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents when authoring is incomplete - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+                        fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+                        fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(1, 'Number');
+                        fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(2, 'Integer');
+                        fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    fillInTheGapsOverImageTextPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it(`${view} - Fill in the gaps over image text Question instructions should be visible`, () => {
+                utilities.verifyInnerText(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'Fill in the gaps');
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'visible');
+            });
+
+            it('The image uploaded in the \'Background image\' section should be displayed', () => {
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.canvasImageInPreviewTab(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The added answer input fields should be displayed in the preview tab and they should be empty', () => {
+                    utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
+                });
+
+                it(`User should be able to enter text in the answer input fields`, () => {
+                    fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                });
+            } else if (view === 'Grading view') {
+                it(`The answer input fields should be displayed filled with answers`, () => {
+                    utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                });
+
+                it('The input fields should not be editable', () => {
+                    fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(0);
+                    fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(1);
+                    fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(2);
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/supportedFileTypes.js

@@ -39,12 +39,11 @@ describe('Create item page - Fill in the gaps over image with text: Supported fi
         });
 
         it('When the user tries to uploads an image with unsupported file type, then an error message, "Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.", should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.uploadFile('sample.heic');
-            utilities.verifyTextContent(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats:  JPG, PNG, GIF, SVG.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'visible');
+            fillInTheGapsOverImageTextPage.steps.uploadFileWithoutVerification('uploads/sample.heif');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'notExist');
             fillInTheGapsOverImageTextPage.steps.verifyCanvasImageNotExist();
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyErrorMessageCSSAndA11y();
-    });;
+    });
 });

package/cypress/e2e/ILC/FillInTheGapsTextNew/Scoring/checkScoringLabelBannerAndCorrectAnswer.js

@@ -0,0 +1,79 @@
+import { fillInTheGapsTextPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create Item page - Fill in the gaps with text', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsTextPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+        it('When user allocates points to the question then the scoring label should be displayed as manually scored and banner and correct answer status should not exist', () => {
+            fillInTheGapsTextPage.steps.switchToEditTab();
+            fillInTheGapsTextPage.steps.allotPoints(2);
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsTextPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyAnswerStatusBannerExist();
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionExist();
+        })
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            fillInTheGapsTextPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsTextPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsTextNew/checkAddAlternativeButton.js

@@ -0,0 +1,32 @@
+import { fillInTheGapsTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create question page - Fill in the gaps text ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            fillInTheGapsTextPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            fillInTheGapsTextPage.steps.allotPoints(20);
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsTextPage.steps.checkAlternativeButtonEnabled();
+        });
+
+        it('User should be able to add \'Alternative\' answer using the \'Add alternative\' button, when user has not set any answer in the \'Alternative\' accordion and clicks on the \'Correct\' accordion then \'Correct\' accordion should be expanded', () => {
+            fillInTheGapsTextPage.steps.clickOnAddAlternativeAnswerButton();
+            fillInTheGapsTextPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsTextNew/editQuestion.smoke.js

@@ -42,7 +42,7 @@ describe('Edit item - fill in the gaps with text', () => {
             fillInTheGapsTextPage.steps.verifyPointInQuestionPreview(30);
         });
 
-        it('User should be able to change scoring type to manually and save the question', () => {
+        it('User should be able to change scoring type to manually scored and save the question', () => {
             fillInTheGapsTextPage.steps.editItem();
             fillInTheGapsTextPage.steps.expandScoringTypeDropdown();
             fillInTheGapsTextPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');