itemengine-cypress-automation 1.0.579-IEI-7046-a317a6b.0 → 1.0.580-IEI-7040-1e744fc.0

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/allOrNothingCorrectPointsEqualToAlternativePoints.js

@@ -1,5 +1,6 @@
 import { fillInTheGapsDropdownPage } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
 
 const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
@@ -7,6 +8,7 @@ const optionsForDropdown3 = ['Flower', 'Leaf', 'Stem', 'Roots'];  //Common answe
 const correctAnswerArray = ['Flower', 'Leaf', 'Stem'];
 const alternateAnswerArray = ['Petal', 'Leaves', 'Stem'];
 const incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Fill in the gaps with dropdown: All or nothing with alternative answers', () => {
     before(() => {
@@ -39,7 +41,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.switchToGradingView();
             fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(20 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
         });
 
         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 dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
@@ -91,7 +111,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(20 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -112,7 +150,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(20 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -133,7 +189,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(20 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 alternative accordion, incorrect icon should be displayed besides the empty response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -153,7 +227,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(20 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct dropdowns from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correctly answered dropdowns, incorrect icon should be displayed beside option from the alternative accordion a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -173,7 +265,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(20 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct dropdowns from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -193,7 +303,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(20 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 dropdowns, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/allOrNothingCorrectPointsGreaterThanAlternativePoints.js

@@ -1,5 +1,5 @@
 import { fillInTheGapsDropdownPage } from "../../../../pages";
-import { commonComponents } from "../../../../pages/components";
+import { commonComponents, showAlternativeAnswersComponent } from "../../../../pages/components";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 import utilities from "../../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -10,6 +10,7 @@ const optionsForDropdown3 = ['Flower', 'Leaf', 'Stem', 'Roots'];  //Common answe
 const correctAnswerArray = ['Flower', 'Leaf', 'Stem'];
 const alternateAnswerArray = ['Petal', 'Leaves', 'Stem'];
 const incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Fill in the gaps with dropdown: All or nothing with alternative answers', () => {
     before(() => {
@@ -42,8 +43,26 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.switchToGradingView();
             fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
         });
 
         it('CSS of correct answer section and dropdown numeration', { tags: 'css' }, () => {
@@ -144,7 +163,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 dropdowns, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -164,7 +201,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -184,7 +239,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 correct accordion response, incorrect icon should be displayed besides the alternative accordion response and no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -204,7 +277,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 correctly answered dropdowns, incorrect icon should be displayed beside alternative accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -224,7 +315,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -244,7 +353,25 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing with
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/checkScoringLabelBannerAndCorrectAnswer.js

@@ -1,10 +1,11 @@
 import { fillInTheGapsDropdownPage } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
 
 const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
 const correctAnswerArray = ['Flower', 'Leaf'];
-
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create Item page - Fill in the gaps with dropdown', () => {
     before(() => {
@@ -65,7 +66,11 @@ describe('Create Item page - Fill in the gaps with dropdown', () => {
             fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
             fillInTheGapsDropdownPage.steps.switchToGradingView();
             fillInTheGapsDropdownPage.steps.verifyAnswerStatusBannerExist();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionExist();
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('');
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionExist();
+            }
         })
     });