itemengine-cypress-automation 1.0.83 → 1.0.85

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/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/studentViewSettingsForGroupedLayout.js

@@ -0,0 +1,263 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+let flowers = [['Flower', 'Petals', 'Seed', 'Pollen'],
+['Leaflet', 'Leaves', 'Leaf', 'Green'],
+['Stem', 'Branch', 'Trunk', 'Tree'],
+['Rose', 'Lily', 'Orchid', 'Tulip']
+];
+let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
+
+describe('Create Item page - Fill in the gaps over image - drag and drop: Student view settings for grouped options layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - drag and drop question type');
+            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');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.setGroupedOptions();
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the group container as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            flowers.forEach((options, index) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(index, options);
+            });
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group should be in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.checkRandomizeOptionsCheckbox();
+            flowers.forEach((options, index) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(index, options);
+            });
+        });
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let optionsArray = [];
+        let groupTitleArray = [];
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - drag and drop question type');
+            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');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.setGroupedOptions();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the group container as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            groupTitles.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
+            })
+            flowers.forEach((options, index) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(index, options);
+            });
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group should be displayed in a random order', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.checkRandomizeOptionsCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], flowers[1]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], flowers[2]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], flowers[3]);
+            optionsArray = fillInTheGapsOverImageDragAndDropPage.steps.getOptionsArray();
+            groupTitleArray = fillInTheGapsOverImageDragAndDropPage.steps.getGroupTitleArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of group containers as well as the options inside the group should not change', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            groupTitleArray.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
+            });
+            flowers.forEach((options, index) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(index, options);
+            });
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of group containers as well as the options inside the group should change', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(5);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], flowers[1]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], flowers[2]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], flowers[3]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionsAreRerandomized(optionsArray);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupsAreRerandomized(groupTitleArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the order of group containers as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.uncheckRandomizeOptionsCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            flowers.forEach((options, index) => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(index, options);
+            });
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            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');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroupTitle(groupTitles[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection(groupTitles[1], flowers[1]);
+        });
+
+        it('When the \'Allow multiple instances of same draggable option\' functionality is disabled, then on setting correct answer in the dropzone, the draggable options should get removed from the respective group of the options container', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Petals', 'Seed', 'Pollen']);
+        });
+
+        it('When the user enables the \'Allow multiple instances of same draggable option\' functionality, then on setting correct answer in the dropzone, the draggable options should persist in respective group of the options container', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInSpecifyCorrectAnswerSection(1, ['Leaves']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, flowers[1]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple dropzones', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInSpecifyCorrectAnswerSection(1, ['Leaves']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInSpecifyCorrectAnswerSection(2, ['Leaves']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, flowers[1]);
+        });
+
+        it('When the user removes the draggable option and moves it into the options container, only one option should be displayed in the respective group', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Leaves');
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Leaves');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, flowers[1]);
+        });
+
+        it('When the user disables the \'Allow multiple instances of same draggable option\' functionality, the duplicate answer set as correct answer should get removed from the dropzone and the draggable option should also not exist in the options container of the \'Set correct answer\' section', () => {
+            cy.log('Pre step: Setting identical options as correct responses')
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.uncheckAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInSpecifyCorrectAnswerSection(1, ['Leaves']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(2, '');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, ['Leaflet', 'Leaf', 'Green']);
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Functionality: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            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');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroupTitle(groupTitles[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection(groupTitles[1], flowers[1]);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Allow multiple instances of same draggable option\' functionality is disabled, then on attempting the question, the draggable options should get removed from the options container', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Petals', 'Seed', 'Pollen']);
+        });
+
+        it('When the \'Allow multiple instances of same draggable option\' functionality is enabled, then on attempting the question, the draggable options should persist in the options container', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionPreviewTab(0, 'Flower');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, flowers[1]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple dropzones', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Leaves']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(2, ['Leaves']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, flowers[1]);
+        });
+
+        it('When the user removes the draggable option and moves it into the options container, only one option should be displayed in the respective group', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Leaves');
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Leaves');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, flowers[1]);
+        });
+
+        it('When the user disables the \'Allow multiple instances of same draggable option\' functionality, then on attempting the question, the draggable options should get removed from the options container', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.uncheckAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Leaves']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, ['Leaflet', 'Leaf', 'Green']);
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Scoring', () => {
+        before(() => {
+            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');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            fillInTheGapsOverImageDragAndDropPage.steps.addGroupTitle(groupTitles[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(flowers[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(5);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has set same answer options in the \'Set correct answer\' section, then the user should be awarded full points on attempting the question with reused options', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(5, 5);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/responseLevelAlternateAnswersBasicScoring.js

@@ -0,0 +1,80 @@
+import { fillInTheGapsOverImageTextPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Fill in the gaps over image with text: Response level alternate answer basic scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Auto scored - All or nothing with response level alternate answers', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.addAlternateAnswerInResponseAccordion(0);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Fruit' }]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(15);
+            fillInTheGapsOverImageTextPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, response area numeration should be displayed, correct answers section should be displayed with the first correct answer set in the response accordion', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 15);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower']);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed besides the incorrect response, a status message with text \'Your answer is incorrect\' and correct answer section with the first correct answer set in the response accordion should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Roots' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 15);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower']);
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question incorrectly and clicks on \'Check answer\' button, incorrect icon should be displayed besides the incorrect response, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly with the first correct answer set for the response accordion, then the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed beside the correct response, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(15, 15);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user attempts the question correctly with the first correct answer set for the response accordion and clicks on \'Check answer\' button, then correct icon should be displayed beside the correct response, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with the alternate answer set for the response accordion, then the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed beside the correct response, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Fruit' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(15, 15);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with the alternate answer set for the response accordion and clicks on \'Check answer\' button, then correct icon should be displayed beside the correct response, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            fillInTheGapsOverImageTextPage.steps.checkAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});