itemengine-cypress-automation 1.0.128 → 1.0.131-updateILCrepo6March-02c78d1.0

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

@@ -0,0 +1,180 @@
+import { fillInTheGapsDragAndDropPage } 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 with drag and drop: Draggable options section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Draggable options and Draggable options layout dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionsLayoutDropdownSectionContents();
+    });
+
+    describe('Standard options layout - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 2, optionLabel: 'Options for drag & drop' });
+
+        fillInTheGapsDragAndDropPage.tests.verifyDragHandleTooltip();
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyDeleteOptionButtonDisabledState();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyDisabledDeleteButtonTooltip();
+
+        fillInTheGapsDragAndDropPage.tests.verifyAddOptionFunctionality();
+
+        fillInTheGapsDragAndDropPage.tests.verifyOptionInputFieldErrorState(0);
+
+        fillInTheGapsDragAndDropPage.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')
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 2');
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(2, 'option 3');
+
+            const optionsAfterDeleting = options.filter((el) => el !== 'option 2')
+            fillInTheGapsDragAndDropPage.steps.deleteOption(1);
+            utilities.verifyElementCount(fillInTheGapsDragAndDropPage.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(fillInTheGapsDragAndDropPage.optionsInputField(), optionIndex), inputFieldText);
+            });
+        });
+    });
+
+    describe('Standard options layout - Specify correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.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')
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'option 3': 0 });
+            fillInTheGapsDragAndDropPage.steps.deleteOption(2);
+            fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(0, '');
+            optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
+                fillInTheGapsDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(optionIndex, inputFieldText);
+            });
+        });
+    });
+
+    describe('Standard options layout - Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionsForStandardLayoutInPreviewTab();
+    });
+
+    describe('Grouped options layout - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyGroupedOptionsLayoutSectionContents();
+
+        fillInTheGapsDragAndDropPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 2, optionLabel: 'Options for drag & drop' });
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.addGroup();
+            fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(0);
+            fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(1);
+        });
+
+        it('When the user enters text in the options input field, the error messages should disappear', () => {
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(0, 'option 1');
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 2');
+            fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(0);
+            fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(1);
+        });
+
+        fillInTheGapsDragAndDropPage.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');
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(0, 'option 3');
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 4');
+            fillInTheGapsDragAndDropPage.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');
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(0, 'option 5');
+            fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(1, 'option 6');
+            fillInTheGapsDragAndDropPage.steps.switchToGroupTab(1);
+            fillInTheGapsDragAndDropPage.steps.deleteGroup(1);
+            utilities.verifyElementCount(fillInTheGapsDragAndDropPage.groupTab(), 2);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupTabLabel(1);
+        });
+    });
+
+    describe('Grouped options layout - Specify correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+        });
+
+        fillInTheGapsDragAndDropPage.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')
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['option 3', 'option 4']);
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle('Group title B');
+            cy.log('Setting a correct answer option')
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'option 1': 0 });
+            cy.log('Deleting the 2nd group')
+            fillInTheGapsDragAndDropPage.steps.switchToGroupTab(0);
+            fillInTheGapsDragAndDropPage.steps.deleteGroup(0);
+            utilities.verifyElementCount(fillInTheGapsDragAndDropPage.groupedOptionsContainerSpecifyCorrectAnswerSection(), 1);
+            fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(0, '');
+            cy.log('verifying the contents of group 2 after deleting group 1')
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['option 3', 'option 4']);
+            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.groupedOptionsTitleSpecifyCorrectAnswerSection(), 'Group title B');
+        });
+    });
+
+    describe('Grouped options layout - Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionsForGroupedLayoutInPreviewTab();
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/editTabScoringSection.js

@@ -0,0 +1,229 @@
+import { fillInTheGapsDragAndDropPage } 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 with drag and drop: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        fillInTheGapsDragAndDropPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        fillInTheGapsDragAndDropPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            fillInTheGapsDragAndDropPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            fillInTheGapsDragAndDropPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.allotPoints(6);
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2);
+        });
+
+        it('When the user inserts one more dropzone, then points per response should get updated accordingly', () => {
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(1.5);
+        });
+
+        it('When the user deletes a dropzone, then points per response should get updated accordingly', () => {
+            fillInTheGapsDragAndDropPage.steps.deleteAResponseArea(3);
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2);
+        });
+
+        it('When the user adds another option in the dropzone, then points per response should remain the same', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 1 });
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2);
+        });
+
+        it('When the user adds an option in the options section then the points should not change', () => {
+            fillInTheGapsDragAndDropPage.steps.addOption();
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2);
+        });
+
+        it('When the user deletes an option in the options section then the points should not change', () => {
+            fillInTheGapsDragAndDropPage.steps.deleteOption(4);
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2);
+        });
+
+        it('When user sets an alternate answer in specify correct answer section, then the points per response should not be updated', () => {
+            fillInTheGapsDragAndDropPage.steps.setResponseLevelAlternateAnswer(1, ['Petals']);
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(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', () => {
+            fillInTheGapsDragAndDropPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.pointsPerResponseLabel(), 'notExist');
+            fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.allotPoints(12);
+            fillInTheGapsDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsDragAndDropPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(4);
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.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(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            fillInTheGapsDragAndDropPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            fillInTheGapsDragAndDropPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        fillInTheGapsDragAndDropPage.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(fillInTheGapsDragAndDropPage.pointsLabel(), 'Points');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.pointsLabel(), 'visible');
+            utilities.verifyElementCount(fillInTheGapsDragAndDropPage.pointsInputField(), 3);
+        });
+
+        it('By default the \'Points\' input field should be empty', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+
+        it('User should be able to set points in the \'Points\' input fields', () => {
+            fillInTheGapsDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 2.3, 1: 2.2, 2: 1.2 });
+        });
+
+        it('CSS of \'Points\' label and \'Points\' input fields', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.pointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.allotPoints(9);
+            fillInTheGapsDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            fillInTheGapsDragAndDropPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([3, 3, 3]);
+        });
+    });
+});

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

@@ -0,0 +1,90 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const options = ['Petals', 'Leaves', 'Roots', 'Stem'];
+
+describe('Create Item page - Fill in the gaps with drag and drop: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('fill in the gaps - drag and drop');
+
+        it('In the \'Correct\' accordion the dropzone should be displayed with labels, dropzone fields and two empty options in the \'Specify correct answer\' options section', () => {
+            utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzoneSpecifyCorrectAnswerSection(), 3);
+            for (let index = 0; index < fillInTheGapsDragAndDropPage.dropzoneSpecifyCorrectAnswerSection(); index++) {
+                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsDragAndDropPage.dropzoneLabelSpecifyCorrectAnswerSection(), index), `Dropzone ${index}`);
+            }
+            fillInTheGapsDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(0, '');
+            fillInTheGapsDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(1, '')
+        });
+
+        it('When the user enters text in the options input field then the options should be displayed in the \'Specify correct answer\' options section', () => {
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(options);
+            options.forEach((option, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(index, option);
+            });
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(options);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+
+        it('When user has added points and set correct answers in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+            fillInTheGapsDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('When the user has added options in the options sections then they should be displayed in the \'Alternative\' accordion options section', () => {
+            options.forEach((option, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection(index, option);
+            });
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
+            fillInTheGapsDragAndDropPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion();
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the name of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 0, 'Petals': 1, 'Stem': 2 });
+            fillInTheGapsDragAndDropPage.steps.allotPoints(5);
+            fillInTheGapsDragAndDropPage.steps.deleteAlternativeAnswerAccordion(1);
+            fillInTheGapsDragAndDropPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+            fillInTheGapsDragAndDropPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+        });
+
+        it('When the user deletes an option assigned as correct in the correct accordion then the correct accordion should be in the expanded state', () => {
+            fillInTheGapsDragAndDropPage.steps.deleteOption(3);
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerAccordionIsExpanded();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/switchingCasesBetweenOptionsLayout.js

@@ -0,0 +1,50 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const options1 = ['Flower', 'Petals'];
+const options2 = ['Seeds', 'Stem'];
+const options3 = options1.concat(options2);
+
+describe('Create Item Page: Fill in the gaps with drag and drop: Switching cases between \'Standard\' and \'Grouped\' options layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Fill in the gaps with drag and drop: Switching cases between \'Standard\' and \'Grouped\' options layout: \'Response Options section\'', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(options1);
+        });
+
+        it('When the user switches from \'Standard\' response layout to \'Grouped\', all the option input fields along with text should appear in the group options', () => {
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            fillInTheGapsDragAndDropPage.steps.verifyOptionFieldContentsInOptionsSection(options1);
+            cy.log('verifying draggable options in \'Specify correct answer\' section')
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, options1);
+        });
+
+        it('When the user creates more than one group of options and switches to \'Standard\' response layout, all the option input fields along with text should appear in the standard options', () => {
+            cy.log('Adding a new group and adding input to the option fields')
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection('Group B', options2);
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Standard');
+            fillInTheGapsDragAndDropPage.steps.verifyOptionFieldContentsInOptionsSection(options3);
+            cy.log('verifying draggable options in \'Specify correct answer\' section')
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(options3);
+        });
+
+        it('On switching back to \'Grouped\' response layout, all option input fields should be present under Group A and no other group should exist', () => {
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            utilities.verifyElementCount(fillInTheGapsDragAndDropPage.groupTab(), 1);
+            fillInTheGapsDragAndDropPage.steps.verifyOptionFieldContentsInOptionsSection(options3);
+            cy.log('verifying draggable options in \'Specify correct answer\' section')
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, options3);
+        });
+    });
+});