itemengine-cypress-automation 1.0.77 → 1.0.79

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

@@ -0,0 +1,198 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const options = ['option 1', 'option 2', 'option 3'];
+
+describe('Create Item page - Fill in the gaps over image with drag and drop into categories: Draggable options section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Draggable options and Draggable options layout dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyDraggableOptionsLayoutDropdownSectionContents();
+    });
+
+    describe('Standard options layout - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 2, optionLabel: 'Options for drag & drop' });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyDragHandleTooltip();
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDeleteOptionButtonDisabledState();
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyDisabledDeleteButtonTooltip();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyAddOptionFunctionality();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyOptionInputFieldErrorState();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyEnabledDeleteButtonAndTooltip();
+
+        it('When user clicks on the \'Delete\' option button then the respective options input field should get deleted and option numeration should change accordingly', () => {
+            cy.log('Pre step: Adding text in all option input fields')
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 2');
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(2, 'option 3');
+
+            const optionsAfterDeleting = options.filter((el) => el !== 'option 2')
+            fillInTheGapsOverImageDragAndDropPage.steps.deleteOption(1);
+            utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.optionWrapper(), 2);
+            cy.log('Verifying the input text given to input fields after deletion of 2nd option')
+            optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
+                utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.optionsInputField(), optionIndex), inputFieldText);
+            });
+        });
+    });
+
+    describe('Standard options layout - Specify correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyDraggableOptionsForStandardLayoutInSpecifyCorrectAnswerSection();
+
+        it('When the user deletes an option, then the deleted option should get removed from the options container as well as from the dropzone (if any) in the \'Specify correct answer section\' section', () => {
+            const optionsAfterDeleting = options.filter((el) => el !== 'option 3');
+            cy.log('Setting a correct answer option')
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'option 3': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.deleteOption(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(0, '');
+            optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(optionIndex, inputFieldText);
+            });
+        });
+    });
+
+    describe('Standard options layout - Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyDraggableOptionsForStandardLayoutInPreviewTab();
+    });
+
+    describe('Grouped options layout - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyGroupedOptionsLayoutSectionContents();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 2, optionLabel: 'Options for drag & drop' });
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDeleteOptionButtonDisabledState();
+        });
+
+        it('When the user clicks on \'Add group\' button without entering text in the option input fields, error message \'Error: Option is required\' should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroup();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(1);
+        });
+
+        it('When the user enters text in the options input field, the error messages should disappear', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(0, 'option 1');
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 2');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(1);
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.addGroupFunctionality();
+
+        it('User should be able to add another group using \'Add group\' button and the name for this new group should be \'Group 3\'', () => {
+            cy.log('Pre step: Set options in group 2 tab, then add new group');
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(0, 'option 3');
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 4');
+
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroup(2);
+        });
+
+        it('User should be able to delete a group by clicking on the \'Close\' icon button alongside group tab and the name of the group tabs should get updated accordingly', () => {
+            cy.log('Pre step: Set options in group 3 tab, then switch to group 2 tab and \'Close\' icon button');
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(0, 'option 5');
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 6');
+
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGroupTab(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.deleteGroup(1);
+            utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.groupTab(), 2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupTabLabel(1);
+        });
+    });
+
+    describe('Grouped options layout - Specify correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyDraggableOptionsForGroupedLayoutInSpecifyCorrectAnswerSection();
+
+        //Need to update once https://redmine.zeuslearning.com/issues/557984 is resolved
+        it('When the user deletes a group, then the deleted group should get removed from the options container as well as from the response areas (if any) of the specify correct answer section', () => {
+            cy.log('Pre step: Entering text into the text fields of group 2 response container')
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['option 3', 'option 4']);
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroupTitle('Group title B');
+            cy.log('Setting a correct answer option')
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'option 1': 0 });
+            cy.log('Deleting the 2nd group')
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGroupTab(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.deleteGroup(0);
+            utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.groupedOptionsContainerSpecifyCorrectAnswerSection(), 1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(0, '');
+            cy.log('verifying the contents of group 2 after deleting group 1')
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['option 3', 'option 4']);
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.groupedOptionsTitleSpecifyCorrectAnswerSection(), 'Group title B');
+        });
+    });
+
+    describe('Grouped options layout - Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyDraggableOptionsForGroupedLayoutInPreviewTab();
+    });
+});

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

@@ -0,0 +1,251 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - fill in the gaps over image - drag and drop: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(10);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    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');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            fillInTheGapsOverImageDragAndDropPage.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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPointsPerResponseLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    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');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPointsPerResponseLabel();
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(6);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+        });
+
+        it('When the user inserts one more dropzone, then points per response should get updated accordingly', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(60);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('1.5');
+        });
+
+        it('When the user deletes a dropzone, then points per response should get updated accordingly', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.removeDropzone(3);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+        });
+
+        it('When the user adds another option in the dropzone, then points per response should remain the same', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+        });
+
+        it('When the user adds an option in the options section then the points should not change', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.addOption();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+        });
+
+        it('When the user deletes an option in the options section then the points should not change', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.deleteOption(4);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('2');
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.pointsPerResponseLabel(), 'notExist');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPointsFieldValue(6);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(12);
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialEqualWeightsScore('4');
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            fillInTheGapsOverImageDragAndDropPage.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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    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');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Points\' label should be displayed and a points input field should be displayed besides each option', () => {
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.pointsLabel(), 'Points');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.pointsLabel(), 'visible');
+        });
+
+        it('By default the \'Points\' input field should be empty', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+
+        it('User should be able to set points in the \'Points\' input fields', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 2.3, 1: 3.4 });
+        });
+
+        it('CSS of \'Points\' label and \'Points\' input fields', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.pointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageDragAndDropPage.pointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPointsFieldValue(5.7);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(9);
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([3, 3, 3]);
+        });
+    });
+});

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

@@ -0,0 +1,69 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create Item page - Fill in the gaps over image - drag and drop: Scoring cases', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+    describe('Manually Scored scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Add question instructions and options');
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+        });
+
+        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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Manually scored')
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.pointsLabel(), 'visible');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.pointsInputField(), 'visible');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.specifyCorrectAnswerLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.specifyCorrectAnswerSectionWrapper(), 'notExist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.dropzoneLabelSpecifyCorrectAnswerSection(), 'notExist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsSpecifyCorrectAnswerSection(), 'notExist');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyPointsFieldErrorState(10);
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});