itemengine-cypress-automation 1.0.199 → 1.0.200

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

@@ -0,0 +1,151 @@
+import { imageHighlightPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+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('Create Item page - Image Highlight : Image selection style', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Image selection style : Edit tab content', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+        });
+
+        it('\'Image selection style\' label and \'Filled-in\',\'Outline\',\'Pattern\' toggle buttons should be displayed', () => {
+            utilities.verifyElementVisibilityState(imageHighlightPage.imageSelectionStyleLabel(), 'visible');
+            utilities.verifyInnerText(imageHighlightPage.imageSelectionStyleLabel(), 'Image selection style');
+            utilities.verifyElementVisibilityState(imageHighlightPage.filledInToggleButton(), 'visible');
+            utilities.verifyInnerText(imageHighlightPage.filledInToggleButton(), 'Filled-in');
+            utilities.verifyElementVisibilityState(imageHighlightPage.outlineToggleButton(), 'visible');
+            utilities.verifyInnerText(imageHighlightPage.outlineToggleButton(), 'Outline');
+            utilities.verifyElementVisibilityState(imageHighlightPage.patternToggleButton(), 'visible');
+            utilities.verifyInnerText(imageHighlightPage.patternToggleButton(), 'Pattern');
+        });
+
+        it('\'Filled-in\' toggle button should be selected by default and other toggle buttons should not be selected', () => {
+            imageHighlightPage.steps.verifyToggleButtonSelected('Filled-in');
+            imageHighlightPage.steps.verifyToggleButtonNotSelected('Outline');
+            imageHighlightPage.steps.verifyToggleButtonNotSelected('Pattern');
+        });;
+
+        it('CSS of image selection style section', { tags: 'css' }, () => {
+            utilities.verifyCSS(imageHighlightPage.imageSelectionStyleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(imageHighlightPage.filledInToggleButton(), {
+                'border': `2px solid ${css.color.activeComponentBorder}`,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.outlineToggleButton(), {
+                'border': `1px solid ${css.color.figDefaultComponentBorder}`,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.patternToggleButton(), {
+                'border': `1px solid ${css.color.figDefaultComponentBorder}`,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of image selection style section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(imageHighlightPage.imageSelectionStyleLabel().parent('[class*="OptionsContainerstyles__OptionsWrapper"]'));
+        });
+    });
+
+    describe('Image selection style : Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+        });
+
+        it('When user has selected \'Filled-in\' image selection style and selects a highlighted region in \'Specify correct answer\' section then the region should be filled in and unselected highlighted regions should be in default state', () => {
+            imageHighlightPage.steps.verifyToggleButtonSelected('Filled-in');
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyFillInHighlightRegionSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(2);
+        });
+
+        it('When user has selected \'Outline\' image selection style and selects a highlighted region in \'Specify correct answer\' section then the region should be outlined and unselected highlighted regions should be in default state', () => {
+            imageHighlightPage.steps.selectOutlineToggleButton();
+            imageHighlightPage.steps.verifyToggleButtonSelected('Outline');
+            imageHighlightPage.steps.verifyOutlineHighlightRegionSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(2);
+        });
+
+        it('When user has selected \'Pattern\' image selection style and selects a highlighted region in \'Specify correct answer\' section then the region should be filled with pattern and unselected highlighted regions should be in default state', () => {
+            imageHighlightPage.steps.selectpatternToggleButton();
+            imageHighlightPage.steps.verifyToggleButtonSelected('Pattern');
+            imageHighlightPage.steps.verifyPatternHighlightRegionSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(2);
+        });
+
+    });
+
+    describe('Image selection style: Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+        });
+
+        it('When user has selected \'Filled-in\' image selection style and selects a highlighted region in \'Preview tab\' section then the region should be filled in and unselected highlighted regions should be in default state', () => {
+            imageHighlightPage.steps.verifyToggleButtonSelected('Filled-in');
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyFillInHighlightRegionPreviewTabSection(3);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(2);
+            imageHighlightPage.steps.switchToEditTab();
+        });
+
+        it('When user has selected \'Outline\' image selection style and selects a highlighted region in \'Preview tab\' section then the region should be outlined and unselected highlighted regions should be in default state', () => {
+            imageHighlightPage.steps.selectOutlineToggleButton();
+            imageHighlightPage.steps.verifyToggleButtonSelected('Outline');
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyOutlineHighlightRegionPreviewTabSection(3);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(2);
+            imageHighlightPage.steps.switchToEditTab();
+        });
+
+        it('When user has selected \'Pattern\' image selection style and selects a highlighted region in \'Preview tab\' section then the region should be filled with pattern and unselected highlighted regions should be in default state', () => {
+            imageHighlightPage.steps.selectpatternToggleButton();
+            imageHighlightPage.steps.verifyToggleButtonSelected('Pattern');
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyPatternHighlightRegionPreviewTabSection(3);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegionSpecifyCorrectAnswer(2);
+        });
+
+    });
+});

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

@@ -20,6 +20,8 @@ describe('Image highlight - Student view settings', () => {
         });
 
         imageHighlightPage.tests.verifyEnableOuterBorderContents();
+
+        imageHighlightPage.tests.verifyAllowStudentsToCheckAnswerNotExist();
     });
 
     describe('Enable outer border for question: Preview tab', () => {
@@ -51,7 +53,7 @@ describe('Image highlight - Student view settings', () => {
         });
     });
 
-    describe('Allow student to check answer: Edit tab', () => {
+    /*describe('Allow student to check answer: Edit tab', () => {
         abortEarlySetup();
         before(() => {
             imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
@@ -140,7 +142,7 @@ describe('Image highlight - Student view settings', () => {
             imageHighlightPage.steps.checkAnswer();
             imageHighlightPage.steps.verifyCheckAnswerButtonEnabled();
         });
-    });
+    });*/
 
     describe('Show the available options to students: Edit tab', () => {
         abortEarlySetup();

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

@@ -0,0 +1,134 @@
+import { imageHighlightPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const flowerHighlightRegion = [[30, 10], [30, 20], [45, 20], [45, 10]];
+const leafHighlightRegion = [[26, 26], [26, 36], [48, 36], [48, 26]];
+const overlapHighlightRegion = [[30, 12], [30, 26], [45, 26], [45, 12]];
+
+describe('Create Item page - Image highlight: Tools functionality preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Pen\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+        });
+
+        it('When the user highlights a region on the highlight image canvas, it should be visible in \'Preview\' tab', () => {
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+        });
+
+        it('When the user highlights multiple regions on the highlight image canvas, a new highlight should be visible in \'Preview\' tab', () => {
+            imageHighlightPage.steps.switchToEditTab();
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+
+        it('The user should not be able to draw overlapping highlights on the highlight image canvas', () => {
+            imageHighlightPage.steps.switchToEditTab();
+            imageHighlightPage.steps.highlightRegionInImage(overlapHighlightRegion);
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+    });
+
+    describe('\'Undo\' and \'Redo\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+        });
+
+        it('When the user performs the undo action, it should undo the latest action and it should be visible in \'Preview\' tab', () => {
+            imageHighlightPage.steps.clickOnUndoTool();
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(1);
+        });
+
+        it('When the user clicks on the redo tool after performing an undo action, then the highlight region should be displayed again in the \'Preview\' tab', () => {
+            imageHighlightPage.steps.switchToEditTab();
+            imageHighlightPage.steps.clickOnRedoTool();
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+
+        it('User should be able to undo multiple highlight regions by using the \'Undo\' tool', () => {
+            cy.log('Switching to Edit Tab')
+            imageHighlightPage.steps.switchToEditTab();
+            imageHighlightPage.steps.clickOnUndoTool();
+            imageHighlightPage.steps.clickOnUndoTool();
+            imageHighlightPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(imageHighlightPage.highlightPreviewTab(), 'notExist')
+        });
+
+        it('When the user clicks on the \'Redo\' tool multiple times after performing an undo action, then all the highlight region should be displayed again in the \'Preview\' tab', () => {
+            imageHighlightPage.steps.switchToEditTab();
+            imageHighlightPage.steps.clickOnRedoTool();
+            imageHighlightPage.steps.clickOnRedoTool();
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(2);
+        });
+    });
+
+    describe('\'Item eraser\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+        });
+
+        it('When the user deletes the highlight using \'Item eraser\' tool, the deleted highlight should not be visible in \'Preview\' tab', () => {
+            imageHighlightPage.steps.eraseAHighlightRegion(flowerHighlightRegion);
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(1);
+        });
+    });
+
+    describe('\'Clear all\' tool functionality - Preview tab', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+        });
+
+        it('When user clicks on Cancel button then the highlights should persist', () => {
+            imageHighlightPage.steps.clickOnClearAllTool();
+            imageHighlightPage.steps.clickOnCancelAllButton();
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(2);
+        });
+
+        it('When the user deletes all the highlights using \'Clear all\' tool, no highlights should be visible in \'Preview\' tab', () => {
+            imageHighlightPage.steps.clickOnClearAllTool();
+            imageHighlightPage.steps.clickOnClearAllButton();
+            imageHighlightPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(imageHighlightPage.highlightPreviewTab(), 'notExist')
+        });
+    });
+});

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

@@ -0,0 +1,185 @@
+import { imageHighlightPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const flowerHighlightRegion = [[30, 10], [30, 20], [45, 20], [45, 10]];
+const leafHighlightRegion = [[26, 26], [26, 36], [48, 36], [48, 26]];
+const overlapHighlightRegion = [[30, 12], [30, 26], [45, 26], [45, 12]];
+
+describe('Create Item page - Highlight image: Tools functionality edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('\'Freeform\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+        });
+
+        it('When user has not uploaded any image then the \'Freeform\' tool should be in disabled state', () => {
+            imageHighlightPage.steps.verifyToolbarDisabled();
+        });
+
+        it('When user uploads an image then the \'Freeform\' tool should be displayed in enabled state', () => {
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg')
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.verifyToolbarNotDisabled()
+        });
+
+        it('When the user selects the \'Freeform\' tool, the user should be able to highlight a region on the highlight image canvas, highlight count field value should update and a highlight with a numeration should be visible in \'Set correct answer\' section  and \'Freeform\' tool should be in selected state', () => {
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(1);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(0, flowerHighlightRegion)
+            imageHighlightPage.steps.verifyHighlightRegionNumerationSpecifyCorrectAnswer();
+            imageHighlightPage.steps.verifySelectedStateOfFreeformTool();
+        });
+
+        it('When the user highlights multiple regions on the highlight image canvas, highlight count field value should update and a new highlight with numeration should be visible in \'Set correct answer\' section', () => {
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(2);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion)
+            imageHighlightPage.steps.verifyHighlightRegionNumerationSpecifyCorrectAnswer()
+        });
+
+        it('The user should not be able to draw overlapping highlights on the highlight image canvas', () => {
+            imageHighlightPage.steps.highlightRegionInImage(overlapHighlightRegion);
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(2);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(0, flowerHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion);
+        });
+    });
+
+    describe('\'Undo\' and \'Redo\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+        });
+
+        it('The \'Undo\' and \'Redo\' tools should be disabled by default', () => {
+            utilities.verifyElementDisabled(imageHighlightPage.undoTool());
+            utilities.verifyElementDisabled(imageHighlightPage.redoTool());
+        });
+
+        it('When user uploads an image and highlights a region then the undo tool should be in enabled state', () => {
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(0, flowerHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion);
+            utilities.verifyElementNotDisabled(imageHighlightPage.undoTool());
+            utilities.verifyElementDisabled(imageHighlightPage.redoTool());
+        });
+
+        it('When the user clicks on the \'Undo\' tool, it should undo the latest action and tool should be in unselected state and \'Redo\' button should be on enabled state', () => {
+            imageHighlightPage.steps.clickOnUndoTool();
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(1);
+            imageHighlightPage.steps.verifyUnselectedStateOfUndoTool();
+            utilities.verifyElementNotDisabled(imageHighlightPage.undoTool());
+            utilities.verifyElementNotDisabled(imageHighlightPage.redoTool());
+        });
+
+        it('When the user clicks on the redo tool after performing an undo action, then the highlight region should be displayed again in the \'Set correct answer\' section and tool should be in unselected state', () => {
+            imageHighlightPage.steps.clickOnRedoTool();
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(2);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion);
+            imageHighlightPage.steps.verifyUnselectedStateOfRedoTool();
+            utilities.verifyElementNotDisabled(imageHighlightPage.undoTool());
+            utilities.verifyElementDisabled(imageHighlightPage.redoTool());
+        });
+
+        it('When the user performs undo multiple times by using the \'Undo\' tool to reach the initial state then \'Undo\' should be in disabled state and \'Redo\' should be in enabled state', () => {
+            imageHighlightPage.steps.clickOnUndoTool();
+            imageHighlightPage.steps.clickOnUndoTool();
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(0);
+            utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerSectionHighlight(), 'notExist');
+            utilities.verifyElementDisabled(imageHighlightPage.undoTool());
+            utilities.verifyElementNotDisabled(imageHighlightPage.redoTool());
+        });
+
+        it('When the user clicks on the \'Redo\' tool multiple times after performing an undo action, then all the highlight region should be displayed again in the \'Set correct answer\' section', () => {
+            imageHighlightPage.steps.clickOnRedoTool();
+            imageHighlightPage.steps.clickOnRedoTool();
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(2);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(0, flowerHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion);
+            utilities.verifyElementNotDisabled(imageHighlightPage.undoTool());
+            utilities.verifyElementDisabled(imageHighlightPage.redoTool());
+        });
+    });
+
+    describe('\'Item eraser\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+        });
+
+        it('When user has not uploaded any image then the \'Item eraser\' tool should be in disabled state', () => {
+            imageHighlightPage.steps.verifyToolbarDisabled();
+        });
+
+        it('When user uploads an image then the \'Item eraser\' tool should be displayed in enabled state', () => {
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg')
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.verifyToolbarNotDisabled();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(0, flowerHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion);
+        });
+
+        it('When the user selects the \'Item eraser\' tool and clicks on a highlight region, the user should be able to delete the highlight and highlight count field value and numeration of highlight should change accordingly and deleted highlight should not be visible in \'Set correct answer\' section and the tool should be in selected state', () => {
+            imageHighlightPage.steps.eraseAHighlightRegion(flowerHighlightRegion);
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(1);
+            imageHighlightPage.steps.verifyHighlightRegionNumerationSpecifyCorrectAnswer();
+            imageHighlightPage.steps.verifySelectedStateOfItemEraserTool()
+        });
+    });
+
+    describe('\'Clear all\' tool functionality - Edit tab, Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+        });
+
+        it('When user has not uploaded any image then the \'Clear all\' tool should be in disabled state', () => {
+            imageHighlightPage.steps.verifyToolbarDisabled();
+        });
+
+        it('When user uploads an image then the \'Clear all\' tool should be displayed in enabled state', () => {
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg')
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.verifyToolbarNotDisabled();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(0, flowerHighlightRegion);
+            imageHighlightPage.steps.verifyHighlightRegionsInSpecifyCorrectAnswerSection(1, leafHighlightRegion);
+        });
+
+        it('When the user clicks on the \'Clear all\' tool, then a popup should be displayed with \'Are you sure you want to clear all highlights from the canvas?\' with \'Delete\' and \'Cancel\' buttons', () => {
+            imageHighlightPage.steps.clickOnClearAllTool();
+            utilities.verifyInnerText(imageHighlightPage.clearAllPopupHeading(), 'Clear all');
+            utilities.verifyInnerText(imageHighlightPage.clearAllPopupDescription(), 'Are you sure you want to clear all highlights from the canvas?');
+            utilities.verifyInnerText(imageHighlightPage.clearAllButton(), 'Clear all');
+            utilities.verifyInnerText(imageHighlightPage.cancelButton(), 'Cancel');
+        });
+
+        it('When user clicks on Cancel button then the highlights should persist', () => {
+            imageHighlightPage.steps.clickOnCancelAllButton();
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(2);
+        });
+
+        it('When the user clicks on the \'Clear all\' tool, it should delete all the highlights present on the highlight image canvas and the highlight count field value should be equal to 0 and no highlights should be visible in \'Set correct answer\' section and \'Clear all\' tool should be in unselected state', () => {
+            imageHighlightPage.steps.clickOnClearAllTool();
+            imageHighlightPage.steps.clickOnClearAllButton();
+            imageHighlightPage.steps.verifyOptionCountInHighlightImageSection(0);
+            utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerSectionHighlight(), 'notExist')
+            imageHighlightPage.steps.verifyUnselectedStateOfClearAllTool();
+        });
+    });
+});