itemengine-cypress-automation 1.0.82 → 1.0.84

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/draggableOptions.js

@@ -12,7 +12,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
     describe('Draggable options and Draggable options layout dropdown', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
         });
 
@@ -22,7 +22,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
     describe('Standard options layout - Edit tab section contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
         });
 
@@ -60,7 +60,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
     describe('Standard options layout - Specify correct answer section contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
@@ -85,7 +85,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
     describe('Standard options layout - Preview tab contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
@@ -100,7 +100,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
     describe('Grouped options layout - Edit tab section contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
         });
 
@@ -150,7 +150,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
     describe('Grouped options layout - Specify correct answer section contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
@@ -183,7 +183,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop into
     describe('Grouped options layout - Preview tab contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();

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

@@ -11,7 +11,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
     describe('Scoring section contents', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
         });
 
@@ -23,7 +23,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
     describe('Auto scored: All or nothing scoring - Scoring section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(10);
         });
@@ -36,7 +36,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
     describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -57,7 +57,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
     describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -86,7 +86,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
     describe('Auto scored: Partial - equal weights scoring - Specify correct answer section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -162,7 +162,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
     describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
@@ -193,7 +193,7 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
     describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');

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

@@ -0,0 +1,82 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const options = ['Flower', 'Leaves'];
+
+describe('Create item page - Fill in the gaps over image - drag and drop: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Fill in the gaps over image with drag and drop');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyCancelButton('fill in the gaps over image - drag and drop')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionInstructionsErrorMessage();
+                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 1), 'Error: Image is required.');
+                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 2), 'Error: Please insert a dropzone.');
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyPointsFieldErrorMessage();
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(0);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options in the correct dropzone');
+                fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(options);
+                fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+                fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+                fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+                fillInTheGapsOverImageDragAndDropPage.steps.enterAndVerifyImageAlternativeTextInInputField('Image alternative text');
+                fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0, 'Leaves': 1 });
+                fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(10);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyErrorMessageIsNotDisplayed();
+                fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            fillInTheGapsOverImageDragAndDropPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                fillInTheGapsOverImageDragAndDropPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            fillInTheGapsOverImageDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/manuallyAndNonScoredEditTab.js

@@ -11,7 +11,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Scorin
         abortEarlySetup();
         before(() => {
             cy.log('Add question instructions and options');
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
         });
 
@@ -33,7 +33,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Scorin
     describe('Non scored scoring - Scoring section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
         });
 
@@ -48,7 +48,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Scorin
     describe('Non scored scoring - Specify correct answer section', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');

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

@@ -0,0 +1,198 @@
+import { fillInTheGapsOverImageDragAndDropPage } 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 dropzone'];
+
+describe('Create item page - Fill in the gaps over image with drag and drop: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(10);
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyMinimumScoringDropdown();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyMinimumPointsLabelAndInputField();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyPenaltyPointsErrorState();
+
+        it('When the user selects \'Penalty points for each incorrect dropzone\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect dropzone to total points / no. of incorrect dropzones\' 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 option\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.expandPenaltyScoringDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect dropzone');
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect dropzone to total points / no. of incorrect dropzones');
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyAutomaticallySetPenaltyPointsCheckboxUncheckedState();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyTotalPenaltyPointsRadioButtonCheckedState();
+            fillInTheGapsOverImageDragAndDropPage.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 dropzone: -\' label should be displayed', () => {
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyTotalPenaltyPointsValue('');
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect dropzone: -');
+        });
+
+        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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.allotTotalPenaltyPoints(5);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPenaltyPointsForEachIncorrectDropzone(2.5);
+        });
+
+        it('When the user adds a new option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPenaltyPointsForEachIncorrectDropzone(1.67);
+        });
+
+        it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.removeDropzone(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPenaltyPointsForEachIncorrectDropzone(2.5);
+        });
+
+        it('CSS of the penalty points section - Total penalty points', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.automaticallySetPenaltyPointsCheckboxLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.automaticallySetPenaltyPointsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.specifyTotalPenaltyPointsRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.specifyPointsForEachIncorrectOptionRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.specifyTotalPenaltyPointsRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.totalPenaltyPointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.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(fillInTheGapsOverImageDragAndDropPage.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 dropzone:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
+            cy.log('Pre-step: Clearing the total penalty points input field')
+            fillInTheGapsOverImageDragAndDropPage.steps.clearTotalPenaltyPointsInputField();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify points for each incorrect option');
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPenaltyPointsForEachIncorrectDropzoneValue('');
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Total penalty points: -');
+        });
+
+        it('When the user allots Penalty points for each incorrect dropzone, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPenaltyPointsForEachIncorrectDropzone(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyTotalPenaltyPoints(2);
+        });
+
+        it('When the user adds a new option, then \'Total penalty points\' should get updated accordingly', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyTotalPenaltyPoints(3);
+        });
+
+        it('When the user deletes an option, then \'points for each incorrect option\' should get updated accordingly', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.removeDropzone(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyTotalPenaltyPoints(2);
+        });
+
+        it('CSS of the penalty points section - Penalty points for each incorrect dropzone', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.penaltyPointsForEachIncorrectOptionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.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 dropzone', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsOverImageDragAndDropPage.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 option\'', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify total penalty points');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyTotalPenaltyPointsValue(2);
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect dropzone: 1');
+        });
+
+        it('When the user checks the \'Automatically set penalty for each incorrect dropzone to total points / no. of incorrect dropzones\' checkbox, both radio buttons should get disabled, \'Specify points for each incorrect option\' should get checked, in the penalty points details section, \'Penalty points for each incorrect dropzone: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAutomaticallySetPenaltyPointsCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyTotalPenaltyPointsDisabledState();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonSelectedAndDisabledState();
+            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect dropzone: 5');
+            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 1), 'Total penalty points: 10');
+        });
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyRoundingDropdown();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/previewContentsForAllViews.smoke.js

@@ -18,7 +18,7 @@ describe('Preview tab contents for all views', () => {
                 switch (view) {
                     case 'Question preview':
                         cy.log('Navigating to Fill in the gaps over image - drag and drop question type');
-                        fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+                        fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
                         cy.barsPreLoaderWait();
                         fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop the options in appropriate dropzone');
                         fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/specifyCorrectAnswerSection.js

@@ -10,7 +10,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop: Spe
     describe('Specify correct answer section - \'Correct\' accordion', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -46,7 +46,7 @@ describe('Create Item page - Fill in the gaps over image with drag and drop: Spe
     describe('Specify correct answer section - \'Alternative\' accordion', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');

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

@@ -13,7 +13,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Randomize options : Edit tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -53,7 +53,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
         let optionsArray = [];
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -104,7 +104,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Enable outer border : Edit tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
         });
 
@@ -114,7 +114,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Enable outer border : Preview tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -156,7 +156,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Allow multiple instances of same draggable option : Edit tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -210,7 +210,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Allow multiple instances of same draggable option : Preview tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -254,7 +254,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
 
     describe('Allow multiple instances of same draggable option - Scoring', () => {
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -282,7 +282,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Allow students to check answer: Edit tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -309,7 +309,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Allow students to check answer: Preview tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -378,7 +378,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
         const defaultListOptions = ['None', '1', '2']
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
@@ -482,7 +482,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
     describe('Maximum capacity per dropzone and Show students the dropzone limits: Preview tab', () => {
         abortEarlySetup();
         before(() => {
-            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');