itemengine-cypress-automation 1.0.78 → 1.0.80

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

@@ -0,0 +1,279 @@
+import { fillInTheGapsOverImageTextPage } 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: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        fillInTheGapsOverImageTextPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        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.insertResponseArea(40);
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        fillInTheGapsOverImageTextPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        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.insertResponseArea(40);
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            fillInTheGapsOverImageTextPage.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', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageTextPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageTextPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Specify correct answer section', () => {
+        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.insertResponseArea(40);
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('When no points are entered in the points input field, then points per response should not be displayed on the response accordion', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionPointsWrapper(), 'notExist');
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided and displayed on each response tab with a \'Points:\' label', () => {
+            fillInTheGapsOverImageTextPage.steps.allotPoints(4);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(0, 2);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(1, 2);
+        });
+
+        it('When the user adds one more response token, then points per response should get updated accordingly', () => {
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(0, 1.33);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(1, 1.33);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(2, 1.33);
+        });
+
+        it('When the user deletes a response token, then points per response should get updated accordingly', () => {
+            fillInTheGapsOverImageTextPage.steps.removeDropzone(0);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(0, 2);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(1, 2);
+        });
+
+        it('When user adds and alternate answer field in a response accordion, then the points per response accordion should not be updated', () => {
+            fillInTheGapsOverImageTextPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            fillInTheGapsOverImageTextPage.steps.addAlternateAnswerInResponseAccordion(0);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(0, 2);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(1, 2);
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, then the points on each response accordion should not be displayed a and the points displayed in \'Points\' input field should remain unchanged', () => {
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionPointsWrapper(), 'notExist');
+            fillInTheGapsOverImageTextPage.steps.verifyPointsFieldValue(4);
+        });
+
+        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 on each response accordion', () => {
+            fillInTheGapsOverImageTextPage.steps.allotPoints(9);
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(0, 4.5);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsDisplayedOnResponseAccordion(1, 4.5);
+        });
+
+        it('CSS of \'Points:\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseAccordionPointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseAccordionPointsScore(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
+        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.insertResponseArea(40);
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            fillInTheGapsOverImageTextPage.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', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageTextPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            fillInTheGapsOverImageTextPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
+        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.insertResponseArea(40);
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then the correct answer tab points input field should not be displayed and individual empty points input field should be displayed in each response accordion', () => {
+            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.pointsInputField(), 2);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(0, '');
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, '');
+        });
+
+        it('User should be able to set points in the \'Points\' input fields', () => {
+            fillInTheGapsOverImageTextPage.steps.allotPointsInResponseAccordion(0, 1);
+            fillInTheGapsOverImageTextPage.steps.allotPointsInResponseAccordion(1, 3);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(0, 1);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, 3);
+        });
+
+        it('CSS of \'Points\' label and \'Points\' input field in response accordion', { tags: 'css' }, () => {
+            utilities.verifyCSS(utilities.getNthElement(fillInTheGapsOverImageTextPage.pointsLabel(), 0), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(utilities.getNthElement(fillInTheGapsOverImageTextPage.pointsInputField(), 0), {
+                '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', () => {
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            fillInTheGapsOverImageTextPage.steps.verifyPointsFieldValue(4);
+        });
+
+        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', () => {
+            fillInTheGapsOverImageTextPage.steps.allotPoints(9);
+            fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(0, 4.5);
+            fillInTheGapsOverImageTextPage.steps.verifyPointsLabelAndInputFieldInResponseAccordion(1, 4.5);
+        });
+    });
+
+    describe('Manually scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
+            fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+        });
+
+        it('When the user has selected \'Manually scored\' scoring type, then the specify correct answer section should not be displayed', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.specifyCorrectAnswerLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.specifyCorrectAnswerSectionWrapper(), 'notExist');
+       });
+
+        fillInTheGapsOverImageTextPage.tests.verifyScoringSectionContentsForManuallyScoredScoringType();
+
+        fillInTheGapsOverImageTextPage.tests.verifyPointsFieldErrorState();
+
+        it('When user has selected \'Manually scored\' scoring type, then in scoring section \'Minimum scoring\' label and dropdown should be visible', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        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.insertResponseArea(40);
+            fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        fillInTheGapsOverImageTextPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});

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

@@ -0,0 +1,103 @@
+import { fillInTheGapsOverImageTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+describe('Create item page - Fill in the gaps over image - text - Preview contents in all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+                        fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+                        fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(1, 'Number');
+                        fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(2, 'Integer');
+                        fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                        fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    fillInTheGapsOverImageTextPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'Fill in the gaps');
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.questionInstructionsText(), 'visible');
+            });
+
+            it('The image uploaded in the \'Background image\' section should be displayed', () => {
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.canvasImagePreviewTab(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The added answer input fields should be displayed in the preview tab and they should be empty', () => {
+                    utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
+                });
+
+                it('User should be able to enter text in the answer input fields', () => {
+                    fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                    fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                });
+            } else if (view === 'Grading view') {
+                it('The answer input fields should be displayed filled with answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                });
+
+                it('The input fields should not be editable', () => {
+                    fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(0);
+                    fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(1);
+                    fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldDisabled(2);
+                });
+            } else {
+                it('The answer input fields should be displayed filled with correct answers', () => {
+                    utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldPreviewTab(), 3);
+                    fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: '20.00' }, { responseIndex: 2, responseText: '7' }]);
+                });
+            }
+        });
+    });
+});

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

@@ -0,0 +1,71 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - Fill in the gaps over image - text: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - Header and \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to fill in the gaps over image - text question type');
+            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.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('fill in the gaps over image - text');
+
+        fillInTheGapsOverImageTextPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternate\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to fill in the gaps over image - text question type');
+            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.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('fill in the gaps over image text');
+
+        it('When user has added points and given input in response accordion answer input field in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(10);
+            fillInTheGapsOverImageTextPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('When user has added an alternate answer accordion, then the newly added alternate answer accordion should be in expanded state and the correct answer accordion should be in collapsed state', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerAccordionIsCollapsed();
+            fillInTheGapsOverImageTextPage.steps.verifyAlternateAnswerAccordionIsExpanded(1);
+        });
+
+        fillInTheGapsOverImageTextPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternate');
+
+        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\'', () => {
+            fillInTheGapsOverImageTextPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        fillInTheGapsOverImageTextPage.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');
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }]);
+            fillInTheGapsOverImageTextPage.steps.allotPoints(5);
+            fillInTheGapsOverImageTextPage.steps.deleteAlternativeAnswerAccordion(1);
+            fillInTheGapsOverImageTextPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+            fillInTheGapsOverImageTextPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+        });
+
+        it('When correct answers and points are set in alternate answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternate answer accordion should be collapsed', () => {
+            fillInTheGapsOverImageTextPage.steps.expandCorrectAnswerAccordion();
+            fillInTheGapsOverImageTextPage.steps.verifyAlternateAnswerAccordionIsCollapsed(1);
+        });
+    });
+});