itemengine-cypress-automation 1.0.198-drawingResponseEnumUpdate-1aa98cf.0 → 1.0.198

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

@@ -0,0 +1,355 @@
+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: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+        });
+
+        imageHighlightPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        imageHighlightPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Scoring section sub types contents', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.selectSingleSelectionToggle();
+        });
+
+        imageHighlightPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        it('When user selects the \'Single selection\' radio button then the scoring subtypes should not be displayed', () => {
+            utilities.verifyElementVisibilityState(imageHighlightPage.allOrNothingRadioButtonLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.allOrNothingRadioButton(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.partialDifferentWeightsRadioButtonLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.partialDifferentWeightsRadioButton(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.partialEqualWeightsRadioButtonLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.partialEqualWeightsRadioButton(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.allotPoints(10);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            imageHighlightPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        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.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        imageHighlightPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        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);
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user has switched to \'Partial - equal weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' label and dropdown should be displayed in the \'Scoring\' section, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            imageHighlightPage.steps.verifyPointsPerResponseLabel();
+            imageHighlightPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            imageHighlightPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            imageHighlightPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(imageHighlightPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial equal weights scoring type - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed in the \'Specify correct answer\' section', () => {
+            imageHighlightPage.steps.verifyPointsPerResponseLabel();
+        });
+
+        it('When user allots points without highlighting any region points per response should be displayed as \'-\'', () => {
+            imageHighlightPage.steps.allotPoints(20);
+            utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerSectionHighlight(), 'notExist');
+            imageHighlightPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('-');
+        });
+
+        it('When user highlights region on the image without selecting them then points per response should be displayed as \'-\'', () => {
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.verifyRegionIsNotHighlightedInSetCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyRegionIsNotHighlightedInSetCorrectAnswerSection(1);
+            imageHighlightPage.steps.verifyRegionIsNotHighlightedInSetCorrectAnswerSection(2);
+            imageHighlightPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('-');
+        });
+
+        imageHighlightPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('When user selects a highlight region the points should be equally divided among the selected responses', () => {
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(2);
+            imageHighlightPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(6.67);
+        });
+
+        it('When user de-selects a region then the points should be divided only among the selected highlight regions', () => {
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(10);
+        });
+
+        it('CSS of Partial equal weights points section', { tags: 'css' }, () => {
+            utilities.verifyCSS(imageHighlightPage.pointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(imageHighlightPage.pointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.partialEqualWeightsPointsPerResponseScore(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual highlight region should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('All or nothing')
+            utilities.verifyElementVisibilityState(imageHighlightPage.pointsPerResponseLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.partialEqualWeightsPointsPerResponseScore(), 'notExist');
+            imageHighlightPage.steps.verifyPointsFieldValue(20);
+        });
+
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the score should be equally divided and displayed beside the \'Points per response\' label', () => {
+            imageHighlightPage.steps.allotPoints(10);
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            imageHighlightPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(5);
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
+        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);
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' labels and dropdowns, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            imageHighlightPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            imageHighlightPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            imageHighlightPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(imageHighlightPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial different weights scoring type - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        it('When user highlights a region then empty points input field should be displayed with label \'Option #\' and they should be in disabled state', () => {
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.verifyDefaultPointsLabelAndInputField();
+            imageHighlightPage.steps.verifyPartialDifferentWeightsOptionLabelAndPoints(0, '');
+            imageHighlightPage.steps.verifyPartialDifferentWeightsOptionLabelAndPoints(1, '');
+            imageHighlightPage.steps.verifyPartialDifferentWeightsOptionLabelAndPoints(2, '');
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(0);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(1);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(2);
+        });
+
+        imageHighlightPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('When user highlights a region then the points field of that highlight region should be displayed in enabled state', () => {
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEnabled(0);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(1);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(2);
+        });
+
+        it('User should be able to enter points', () => {
+            imageHighlightPage.steps.allotPartialDifferentWeightsPoints({ 0: 2 });
+        });
+
+        it('CSS of Partial different weights points section', { tags: 'css' }, () => {
+            utilities.verifyCSS(imageHighlightPage.pointsInputField().eq(0), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            cy.log('Disabled points input field')
+            utilities.verifyCSS(imageHighlightPage.pointsInputField().eq(1), {
+                'opacity': '1'
+            });
+        });
+
+        it('Accessibility of partial different weights scoring section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(imageHighlightPage.pointsLabel().parents('.highlight-image-partial-points-form-control-wrapper'));
+        });
+
+        it('When user de-selects a selected highlight region the points field should change to disabled state', () => {
+            imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(0);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(0);
+            utilities.verifyInnerText(imageHighlightPage.pointsInputField(), '');
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(1);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(2);
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the All or nothing scoring Points input field', () => {
+            cy.log('Pre step: Selecting highlight regions and allotting points')
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.allotPartialDifferentWeightsPoints({ 1: 8 });
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementCount(imageHighlightPage.pointsInputField(), 1);
+            imageHighlightPage.steps.verifyPointsFieldValue(8);
+        });
+
+        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points should be equally divided among the selected highlight regions', () => {
+            imageHighlightPage.steps.clearPointsField();
+            imageHighlightPage.steps.allotPoints(9);
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            imageHighlightPage.steps.verifyPartialDifferentWeightsOptionLabelAndPoints(0, 4.5);
+            imageHighlightPage.steps.verifyPartialDifferentWeightsOptionLabelAndPoints(2, 4.5);
+        });
+    });
+
+    describe('Manually Scored scoring - Edit tab', () => {
+        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);
+        });
+
+        it('When the user selects \'Manually scored\' option from the scoring Type dropdown then the \'Specify correct answer\' section should not be displayed; \'Points\' and \'Minimum scoring\' label and dropdown should be displayed', () => {
+            imageHighlightPage.steps.expandScoringTypeDropdown();
+            imageHighlightPage.steps.selectOptionFromScoringTypeDropdown('Manually scored')
+            utilities.verifyElementVisibilityState(imageHighlightPage.pointsLabel(), 'visible');
+            utilities.verifyElementVisibilityState(imageHighlightPage.pointsInputField(), 'visible');
+            imageHighlightPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerSectionWrapper(), 'notExist');
+            utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerSectionHighlight(), 'notExist');
+        });
+
+        imageHighlightPage.tests.verifyPointsFieldErrorState();
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            imageHighlightPage.steps.expandScoringTypeDropdown();
+            imageHighlightPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        imageHighlightPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        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.expandScoringTypeDropdown();
+            imageHighlightPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        imageHighlightPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        imageHighlightPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});

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

@@ -0,0 +1,83 @@
+import constants from "../../../fixtures/constants";
+import { dialogBoxBase, imageHighlightPage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const flowerHighlightRegion = [[30, 10], [30, 20], [45, 20], [45, 10]];
+const branchesHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
+
+describe('Create question page - Highlight image: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+        });
+
+        imageHighlightPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Image highlight');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+        });
+
+        imageHighlightPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+        });
+
+        imageHighlightPage.tests.verifyCancelButton('image highlight');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                imageHighlightPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                imageHighlightPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+                imageHighlightPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+                imageHighlightPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                imageHighlightPage.steps.addQuestionInstructions();
+                imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+                imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+                imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+                imageHighlightPage.steps.allotPoints(10);
+                utilities.verifyElementVisibilityState(imageHighlightPage.errorMessage(), 'notExist');
+                imageHighlightPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            imageHighlightPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('When user has filled all the mandatory fields then on clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            imageHighlightPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

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

@@ -0,0 +1,205 @@
+import { imageHighlightPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const penaltyScoringTypeArray = ['No penalty points', 'Penalty points for the entire question', 'Penalty points for each incorrect answer'];
+
+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: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.allotPoints(10);
+        });
+
+        imageHighlightPage.tests.verifyMinimumScoringDropdown();
+
+        imageHighlightPage.tests.verifyMinimumPointsLabelAndInputField();
+
+        imageHighlightPage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        const additionalHighlightRegion = [[70, 5], [70, 15], [95, 15], [95, 5]];
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.allotPoints(10);
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        imageHighlightPage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        imageHighlightPage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        imageHighlightPage.tests.verifyPenaltyPointsErrorState();
+
+        it('When the user selects \'Penalty points for each incorrect answer\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect answer to total points / no. of incorrect answers\' label and checkbox should be displayed, by default the checkbox should be unchecked. Two radio buttons with labels - \'Specify total penalty points\' and \'Specify points for each incorrect answer\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
+            imageHighlightPage.steps.expandPenaltyScoringDropdown();
+            imageHighlightPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect answer');
+            utilities.verifyInnerText(imageHighlightPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect answer to total points / no. of incorrect answers');
+            utilities.verifyInnerText(imageHighlightPage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
+            utilities.verifyInnerText(imageHighlightPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect answer');
+            imageHighlightPage.steps.verifyAutomaticallySetPenaltyPointsCheckboxUncheckedState();
+            imageHighlightPage.steps.verifySpecifyTotalPenaltyPointsRadioButtonCheckedState();
+            imageHighlightPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonUncheckedState();
+        });
+
+        it('When \'Specify total penalty points\' is selected, a penalty points detail section with \'Total penalty points\' label and empty input field, \'Penalty points for each incorrect answer: -\' label should be displayed', () => {
+            utilities.verifyInnerText(imageHighlightPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
+            imageHighlightPage.steps.verifyTotalPenaltyPointsValue('');
+            utilities.verifyInnerText(imageHighlightPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect answer: -');
+        });
+
+        it('When the user allots total penalty points, then \'points for each incorrect option\' should get updated as per the count of incorrect options available', () => {
+            imageHighlightPage.steps.allotTotalPenaltyPoints(5);
+            imageHighlightPage.steps.verifyPenaltyPointsForEachIncorrectOption(1.67);
+        });
+
+        it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            imageHighlightPage.steps.eraseAHighlightRegion(flowerHighlightRegion);
+            imageHighlightPage.steps.verifyPenaltyPointsForEachIncorrectOption(2.5);
+        });
+
+        it('When the user adds a new option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.verifyPenaltyPointsForEachIncorrectOption(1.67);
+        });
+
+        it('CSS of the penalty points section - Total penalty points', { tags: 'css' }, () => {
+            utilities.verifyCSS(imageHighlightPage.automaticallySetPenaltyPointsCheckboxLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.automaticallySetPenaltyPointsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(imageHighlightPage.specifyTotalPenaltyPointsRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(imageHighlightPage.specifyPointsForEachIncorrectOptionRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(imageHighlightPage.specifyTotalPenaltyPointsRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.totalPenaltyPointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.penaltyPointsDetailsSectionAllottedPointsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of the penalty points section - Total penalty points', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(imageHighlightPage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
+        });
+
+        it('When the user selects \'Specify points for each incorrect answer\', a penalty points detail section with \'Penalty points for each incorrect answer:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
+            cy.log('Pre-step: Clearing the total penalty points input field')
+            imageHighlightPage.steps.clearTotalPenaltyPointsInputField();
+            imageHighlightPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify points for each incorrect answer');
+            utilities.verifyInnerText(imageHighlightPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect answer');
+            imageHighlightPage.steps.verifyPenaltyPointsForEachIncorrectOptionValue('');
+            utilities.verifyInnerText(imageHighlightPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Total penalty points: -');
+        });
+
+        it('When the user allots Penalty points for each incorrect answer, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
+            imageHighlightPage.steps.allotPenaltyPointsForEachIncorrectOption(1);
+            imageHighlightPage.steps.verifyTotalPenaltyPoints(3);
+        });
+
+        it('When the user adds a new option, then \'Total penalty points\' should get updated accordingly', () => {
+            imageHighlightPage.steps.highlightRegionInImage(additionalHighlightRegion);
+            imageHighlightPage.steps.verifyTotalPenaltyPoints(4);
+        });
+
+        it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            imageHighlightPage.steps.eraseAHighlightRegion(branchesHighlightRegion);
+            imageHighlightPage.steps.verifyTotalPenaltyPoints(3);
+        });
+
+        it('CSS of the penalty points section - Penalty points for each incorrect answer', { tags: 'css' }, () => {
+            utilities.verifyCSS(imageHighlightPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.penaltyPointsForEachIncorrectOptionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(imageHighlightPage.penaltyPointsDetailsSectionAllottedPointsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of the penalty points section - Penalty points for each incorrect answer', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(imageHighlightPage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
+        });
+
+        it('When the user switches to the \'Specify total penalty points\' option, the total penalty points input field should be filled as per the total penalty points in \'Specify points for each incorrect answer\'', () => {
+            imageHighlightPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify total penalty points');
+            imageHighlightPage.steps.verifyTotalPenaltyPointsValue(3);
+            utilities.verifyInnerText(imageHighlightPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect answer: 1');
+        });
+
+        it('When the user checks the \'Automatically set penalty for each incorrect answer to total points / no. of incorrect answers\' checkbox, both radio buttons should get disabled, \'Specify points for each incorrect answer\' should get checked, in the penalty points details section, \'Penalty points for each incorrect answer: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
+            imageHighlightPage.steps.checkAutomaticallySetPenaltyPointsCheckbox();
+            imageHighlightPage.steps.verifySpecifyTotalPenaltyPointsDisabledState();
+            imageHighlightPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonSelectedAndDisabledState();
+            utilities.verifyInnerText(utilities.getNthElement(imageHighlightPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect answer: 3.33');
+            utilities.verifyInnerText(utilities.getNthElement(imageHighlightPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 1), 'Total penalty points: 9.99');
+        });
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.allotPoints(10);
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+        });
+
+        imageHighlightPage.tests.verifyRoundingDropdown();
+
+        imageHighlightPage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});