itemengine-cypress-automation 1.0.585-IEI-7048-5c19852.0 → 1.0.585-IEI-7048-de16dee.0

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/Scoring/partialEqualWeightsWithCorrectPointsGreaterThanAlternativePoints.js

@@ -1,6 +1,9 @@
 import { fillInTheGapsDragAndDropPage } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 import utilities from "../../../../support/helpers/utilities";
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
+
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 const css = Cypress.env('css');
 
 describe('Create item page - Fill in the gaps with drag and drop: Partial equal with alternative answers', () => {
@@ -29,8 +32,22 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
         it('When the user selects \'Grading\' view without attempting the question, cell numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion and respective cell numeration', () => {
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
-            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
         });
 
         it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message and correct answer section should not be displayed', () => {
@@ -82,7 +99,21 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
             fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -102,7 +133,21 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
             fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -122,7 +167,21 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
             fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct with all the response correct as per the alternative accordion but one response incomplete and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion and no icon should be displayed beside unattempted response, a status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -142,7 +201,21 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
             fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed beside empty responses a status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -162,7 +235,21 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
             fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -182,7 +269,21 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
             fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -210,7 +311,21 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(23 points)', '(7.67 points)', '(7.67 points)', '(7.67 points)'],
+                    },
+                    {
+                        correctAnswers: [['Roots'], ['Stem'], ['Seed']],
+                        points: ['(5 points)', '(1.67 points)', '(1.67 points)', '(1.67 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
             fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, green check-mark icons should be displayed beside the correct responses from the correct accordion, red cross-mark icons should be displayed beside the incorrectly answered responses, correct/incorrect answer label and its border, correct answer container should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/allOrNothingForAllViews.smoke.js

@@ -1,10 +1,12 @@
 import { dialogBoxBase, fillInTheGapsDragAndDropPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { showAlternativeAnswersComponent } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const grepTags = Cypress.env('grepTags');
 let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
 const views = utilities.getViews(correctAnswerViews);
 let itemReferenceID = "";
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Fill in the gaps - drag and drop: All or nothing ', () => {
     before(() => {
@@ -107,7 +109,9 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                     fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
                 fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
-                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                if (!alternativeAnswerCheck) {
+                    utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                }
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             });
@@ -222,6 +226,241 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
         });
     });
 
+    if (alternativeAnswerCheck) {
+        views.forEach((view) => {
+            describe.only(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+                abortEarlySetup();
+                before(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            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.addMultipleOptionFields(4);
+                            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem', 'Flower', 'Seed']);
+                            fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+                            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Flower': 1, 'Leaves': 2 });
+                            fillInTheGapsDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
+                            fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+                            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Stem': 1, 'Seed': 2 });
+                            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                            break;
+                        case 'Item preview':
+                            cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                            itemPreviewPage.steps.switchToPreviewTab();
+                            break;
+                        case 'Grading view':
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            break;
+                    };
+                });
+
+                beforeEach(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Item preview':
+                            fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            itemPreviewPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Grading view':
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            break;
+                    }
+                });
+
+                if (view === 'Question preview') {
+                    after(() => {
+                        fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                        utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                        itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                    });
+                };
+
+                it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed and respective option numeration', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
+                    if (!alternativeAnswerCheck) {
+                        utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                    }
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                        {
+                            correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                        {
+                            correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Roots': 2 });
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                        {
+                            correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 1, 'Stem': 2 })
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                        {
+                            correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                it('When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 1, 'Stem': 2 });
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                        {
+                            correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Flower': 1, 'Leaves': 2 });
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                        gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(20, 20);
+                        fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                        fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                    };
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+                });
+            });
+        });
+    }
+
     views.forEach((view) => {
         describe(`Fill in the Gaps with drag and drop - Manually scored: ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -361,7 +600,9 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
                     fillInTheGapsDragAndDropPage.steps.switchToGradingView();
                     fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
-                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                if (!alternativeAnswerCheck) {
+                    utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                }
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconsNotExist();
                 fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
             });

package/cypress/pages/components/fillInTheGapsDragAndDropCommonComponents.js

@@ -11,13 +11,14 @@ const selectors = {
     specifyPointsForEachIncorrectDropzoneRadioButton: () => cy.get('input[aria-label*="Specify points for each incorrect"]'),
 
     correctAnswersNumeration: () => cy.get('[class*="__AnswerCell"] .answer-numeration-number-box'),
-    correctAnswersOptions: () => cy.get('[class*="__AnswerWrapper"]'),
+    correctAnswersOptions: () => cy.get('[class*="ClozeWithDragAndDropstyles__AnswerWrapper"]'),
     correctAnswersLabel: () => cy.get('.correct-answers-label'),
     tickIconWrapper: () => cy.get('.tick-icon-wrapper'),
     correctAnswerContainer: () => cy.get('.dnd-correct-answer-wrapper'),
     correctIncorrectAnswerLabel: () => cy.get('[class*="CorrectIncorrectLabel"]'),
     correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('[class*="CorrectAnswers"] [class*="AnswerStatusIconAndResponseWrapper"]'),
     answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
+    correctAnswerPointsLabel: () => cy.get('[class*="CorrectAnswerSectionstyle__CorrectAnswerLabelWrapper"] p'),
 
     //additional settings
     enterAriaLabelInputField: () => cy.get('input[aria-label*="Enter ARIA label"]'),
@@ -39,6 +40,29 @@ const steps = {
         });
     },
 
+    verifyCorrectAnswerSectionWithAlternateAnswers: (correctAnswersArray) => {
+        let answerIndex = 0;
+        let pointsLabelIndex = 0;
+        correctAnswersArray.forEach(({
+            correctAnswers, points
+        }) => {
+            correctAnswers.forEach((correctAnswer, index) => {
+                utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersNumeration(), answerIndex), index + 1);
+                correctAnswer.forEach((answerOption) => {
+                    utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersOptions(), answerIndex), answerOption);
+                });
+                answerIndex += 1;
+            });
+            points.forEach((pointsText) => {
+                fillInTheGapsDragAndDropCommonComponents.correctAnswerPointsLabel()
+                    .eq(pointsLabelIndex)
+                    .should('have.text', pointsText);
+                pointsLabelIndex += 1;
+            })
+        });
+    },
+
+
     verifyCorrectAnswerSectionNotExists: () => {
         utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropCommonComponents.correctAnswerContainer(), 'notExist');
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.585-IEI-7048-5c19852.0",
+  "version": "1.0.585-IEI-7048-de16dee.0",
   "description": "",
   "main": "index.js",
   "scripts": {