itemengine-cypress-automation 1.0.336 → 1.0.338-12thMarchRegressionFixes-1cd5906.0

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

@@ -98,12 +98,12 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             };
         });
 
-        it('When the user removes all response areas from the question input field, an error message \'Error: Minimum one response token is required.\' should be displayed', () => {
+        it('When the user removes all response areas from the question input field, an error message should not be displayed', () => {
             cy.log('Switching to edit tab')
             fillInTheGapsTextPage.steps.switchToEditTab();
             fillInTheGapsTextPage.steps.deleteAResponseArea(0);
             fillInTheGapsTextPage.steps.deleteAResponseArea(0);
-            utilities.verifyInnerText(fillInTheGapsTextPage.errorMessage(), 'Error: Minimum one response token is required.')
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.errorMessage(), 'notExist')
         });
 
         fillInTheGapsTextPage.tests.verifyErrorMessageCSSAndA11y();
@@ -141,6 +141,34 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
         });
     });
 
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.saveAQuestionWithIncompleteAuthoring();
+            fillInTheGapsTextPage.steps.editItem(1);
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            fillInTheGapsTextPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsTextPage.steps.allotPoints(10);
+            fillInTheGapsTextPage.steps.verifyErrorMessageIsNotDisplayed();
+            fillInTheGapsTextPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            fillInTheGapsTextPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.warningIcon(), 'notExist');
+        });
+    });
     //https://weldnorthed.atlassian.net/browse/IEI-5098
     describe('Fill in the gaps text: Answer input field - Specify correct answer section', () => {
         abortEarlySetup();

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

@@ -1,7 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, fillInTheGapsTextPage } from "../../../pages";
+import { dialogBoxBase, itemPreviewPage, fillInTheGapsTextPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
+import { browseItemsPage } from "../../../pages/components";
 const options = ['Flower', 'Leaves'];
+var itemReferenceID = ""
 
 describe('Create item page - Fill in the gaps with text: Header section and saving question', () => {
     before(() => {
@@ -46,12 +48,11 @@ describe('Create item page - Fill in the gaps with text: Header section and savi
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsTextPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsTextPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextPage.errorMessage(), 0), 'Error: Answer is required.');
+                fillInTheGapsTextPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -71,5 +72,35 @@ describe('Create item page - Fill in the gaps with text: Header section and savi
 
             fillInTheGapsTextPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps 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 set points']);
+                fillInTheGapsTextPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            fillInTheGapsTextPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+
+        describe('Save as you go - Browse item page contents', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+                cy.barsPreLoaderWait();
+                fillInTheGapsTextPage.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/FillInTheGapsTextNew/previewContentsForAllViewsInIncompleteAuthoring.smoke.js

@@ -0,0 +1,99 @@
+import { fillInTheGapsTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let 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 Text: Preview contents', () => {
+    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':
+                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsTextPage.steps.addResponseArea();
+                        fillInTheGapsTextPage.steps.selectAcceptedStudentInputType(1, 'Number');
+                        fillInTheGapsTextPage.steps.selectAcceptedStudentInputType(2, 'Integer');
+                        fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                        fillInTheGapsTextPage.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)}`);
+                        fillInTheGapsTextPage.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') {
+                    fillInTheGapsTextPage.steps.saveAQuestionWithIncompleteAuthoring();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            if (view === 'Item view') {
+                it('Warning icon should be visible', () => {
+                    utilities.verifyElementVisibilityState(fillInTheGapsTextPage.warningIcon(), 'visible');
+                });
+            }
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The sample \'Lorem Ipsum\' text along with three answer input fields should be displayed in the question field and they should be empty.', () => {
+                    utilities.verifyInnerText(fillInTheGapsTextPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\n tempus tellus dapibus.\n​');
+                    utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
+                });
+
+                it('User should be able to enter text in the answer input fields', () => {
+                    fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    fillInTheGapsTextPage.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(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                });
+
+                it('The input fields should not be editable', () => {
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldDisabled(0);
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldDisabled(1);
+                    fillInTheGapsTextPage.steps.verifyAnswerInputFieldDisabled(2);
+                });
+            } else {
+                it('The answer input fields should be displayed filled with correct answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                });
+            }
+        });
+    });
+
+});

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

@@ -49,7 +49,7 @@ describe('Edit item - Grid fill', () => {
             gridFillPage.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', () => {
             gridFillPage.steps.editItem();
             gridFillPage.steps.expandScoringTypeDropdown();
             gridFillPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');

package/cypress/e2e/ILC/ImageHighlight/Scoring/allOrNothingWithAlternativePointsGreaterThanCorrectPoints.js

@@ -239,4 +239,113 @@ describe('Create Item page - Image highlight: All or nothing with alternative an
             imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');*/
         });
     });
+
+    describe('Question Preview: AutoScored - All or Nothing with blank scoring: When alternative answer points are more than correct answer points and alternative has no region highlighted', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.addQuestionInstructions();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(rootsHighlightRegion);
+            imageHighlightPage.steps.selectMultipleSelectionToggle();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(3);
+            imageHighlightPage.steps.allotPoints(12);
+            imageHighlightPage.steps.clickOnAddAlternativeAnswerButton();
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to \'Grading view\' without attempting the question then the no regions should be highlighted and correct answer section with the answers of the alternative accordion should be displayed', () => {
+            imageHighlightPage.steps.verifyPreviewScore(0, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents([''], [1]);
+        });
+
+        it('When user attempts the question with responses from the correct accordion, then the user should be awarded points specified for correct points accordion(less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(12, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user selects and deselects an option then full score should be awarded as alternative accordion has blank response', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.removeHighlightOfARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
+
+    describe('Question Preview: AutoScored - All or Nothing with blank scoring: When alternative answer points are more than correct answer points and correct answer has no region highlighted', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.addQuestionInstructions();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(rootsHighlightRegion);
+            imageHighlightPage.steps.selectMultipleSelectionToggle();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(3);
+            imageHighlightPage.steps.allotPoints(12);
+            imageHighlightPage.steps.clickOnAddAlternativeAnswerButton();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(3);
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.expandCorrectAnswerAccordion();
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(0);
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(3);
+            imageHighlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to \'Grading view\' without attempting the question then the no regions should be highlighted and correct answer section with the answers of the alternative accordion should be displayed', () => {
+            imageHighlightPage.steps.verifyPreviewScore(0, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
+        });
+
+        it('When user attempts the question with responses from the correct accordion i.e select and deselects an option, then the user should be awarded points specified for correct points accordion(less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.removeHighlightOfARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyPreviewScore(12, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user attempts the question with responses from the alternative accordion then full score should be awarded', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
 });

package/cypress/e2e/ILC/ImageHighlight/Scoring/allOrNothingWithCorrectPointsGreaterThanAlternatePoints.js

@@ -283,4 +283,49 @@ describe('Create Item page - Image highlight: All or nothing with alternative an
             cy.checkAccessibility(imageHighlightPage.previewTabQuestionWrapper());
         });
     });
+
+    describe('Question Preview: AutoScored - All or Nothing with blank scoring: When correct answer points are more than alternate answer points and correct answer as no region highlighted', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.addQuestionInstructions();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(rootsHighlightRegion);
+            imageHighlightPage.steps.selectMultipleSelectionToggle();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(3);
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.clickOnAddAlternativeAnswerButton();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.allotPoints(12);
+            imageHighlightPage.steps.expandCorrectAnswerAccordion();
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(0);
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(3);
+            imageHighlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to \'Grading view\' without attempting the question then the no regions should be highlighted and the correct answer section with the answers of the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.verifyPreviewScore(0, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents([''], [1]);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.removeHighlightOfARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
 });

package/cypress/e2e/ILC/ImageHighlight/Scoring/checkScoringLableBannerAndCorrectAnswer.js

@@ -0,0 +1,96 @@
+import { imageHighlightPage } from "../../../../pages";
+import { uploadImageSectionComponent } from "../../../../pages/components/uploadImageSectionComponent";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+const flowerHighlightRegion = [[30, 10], [30, 20], [45, 20], [45, 10]];
+const branchesHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
+
+describe('Create Item page - Image Highlight', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            imageHighlightPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyAnswerStatusBannerNotExist();
+            imageHighlightPage.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', () => {
+            imageHighlightPage.steps.switchToEditTab();
+            imageHighlightPage.steps.allotPoints(2);
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.checkManuallyScoredScoringLabel();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyAnswerStatusBannerNotExist();
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            imageHighlightPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyAnswerStatusBannerExist();
+            imageHighlightPage.steps.verifyCorrectAnswerSectionExist();
+        })
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            imageHighlightPage.steps.expandScoringTypeDropdown();
+            imageHighlightPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyAnswerStatusBannerNotExist();
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

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

@@ -0,0 +1,39 @@
+import { imageHighlightPage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+const flowerHighlightRegion = [[30, 10], [30, 20], [45, 20], [45, 10]];
+const branchesHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
+
+describe('Create question page - Image Highlight', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.addTextInQuestionInstructionsInputField('Highlight the correct areas on the image');
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            imageHighlightPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.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', () => {
+            imageHighlightPage.steps.clickOnAddAlternativeAnswerButton();
+            imageHighlightPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

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

@@ -0,0 +1,76 @@
+import { imageHighlightPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const flowerHighlightRegion = [[30, 10], [30, 20], [45, 20], [45, 10]];
+const branchesHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
+const leafHighlightRegion = [[26, 26], [26, 36], [48, 36], [48, 26]];
+
+describe('Edit item - Image highlight', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Edit image highlight question', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.selectMultipleSelectionToggle();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(2);
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('User should be able to edit question instruction and save the question', () => {
+            imageHighlightPage.steps.editItem();
+            imageHighlightPage.steps.clearQuestionInstructionsInputField();
+            imageHighlightPage.steps.addTextInQuestionInstructionsInputField('Image highlight question instruction Updated');
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+            imageHighlightPage.steps.verifyQuestionInstructionsTextPreviewTab('Image highlight question instruction Updated');
+        });
+
+        it('User should be able to edit correct answer and save the question', () => {
+            imageHighlightPage.steps.editItem();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(0);
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(2);
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('User should be able to edit points and save the question', () => {
+            imageHighlightPage.steps.editItem();
+            imageHighlightPage.steps.allotPoints(30);
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+            imageHighlightPage.steps.verifyPointInQuestionPreview(30);
+        });
+
+        it('User should be able to change scoring type to manually scored and save the question', () => {
+            imageHighlightPage.steps.editItem();
+            imageHighlightPage.steps.expandScoringTypeDropdown();
+            imageHighlightPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('User should be able to change scoring type to non scored and save the question', () => {
+            imageHighlightPage.steps.editItem();
+            imageHighlightPage.steps.expandScoringTypeDropdown();
+            imageHighlightPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('User should be able to updated the uploaded image for the question and save the question', () => {
+            imageHighlightPage.steps.editItem();
+            imageHighlightPage.steps.uploadFile('image.png');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyFileNameLabel('image.png');
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+    });
+});

package/cypress/e2e/ILC/ImageHighlight/editTabBasicSection.js

@@ -0,0 +1,46 @@
+import { imageHighlightPage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+const flowerHighlightRegion = [[30, 10], [30, 20], [45, 20], [45, 10]];
+const branchesHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
+
+describe('Create item page - Image Highlight', () => {
+
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.saveAQuestionWithIncompleteAuthoring();
+            imageHighlightPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            imageHighlightPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image', 'Please set points']);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.allotPoints(10);
+            imageHighlightPage.steps.allotPoints(10);
+            imageHighlightPage.steps.verifyErrorMessageIsNotDisplayed();
+            imageHighlightPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            imageHighlightPage.steps.verifyWarningIconNotExist();
+        });
+    });
+});