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

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.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: Partial different weights', () => {
     before(() => {
@@ -39,7 +41,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
         it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct answers section should be displayed with correct answers from the alternative accordion and respective dropdown numeration', () => {
             fillInTheGapsDropdownPage.steps.switchToGradingView();
             fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(6 points)', '(4 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(13 points)', '(7 points)', '(1 point)', '(5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
         });
 
         it('When the user attempts the question with responses from the correct accordion, then the user should be awarded points of the correct accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct dropdowns, status message and correct answer section should not be displayed', () => {
@@ -91,7 +111,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(6 points)', '(4 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(13 points)', '(7 points)', '(1 point)', '(5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
             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, status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -111,7 +149,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(6 points)', '(4 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(13 points)', '(7 points)', '(1 point)', '(5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
             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, status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -131,7 +187,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(6 points)', '(4 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(13 points)', '(7 points)', '(1 point)', '(5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
             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 dropdown with alternative answer responses, incorrect icon should be displayed beside dropdown with correct accordion response, status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -151,7 +225,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(6 points)', '(4 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(13 points)', '(7 points)', '(1 point)', '(5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
             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 icon should be displayed besides the correct dropdowns, incorrect icon should be displayed beside dropdown with alternative accordion response, status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -171,7 +263,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(6 points)', '(4 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(13 points)', '(7 points)', '(1 point)', '(5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
             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 correct dropdown, no icon should be displayed beside unattempted dropdown, status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -191,7 +301,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(6 points)', '(4 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(13 points)', '(7 points)', '(1 point)', '(5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icon should be displayed besides all incorrect dropdowns, no icon should be displayed beside unattempted dropdown, status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -217,7 +345,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(23 points)', '(10.4 points)', '(1.2 points)', '(11.4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Roots']],
+                        points: ['(5 points)', '(1.2 points)', '(2.2 points)', '(1.6 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user attempts the question with more number of correct responses from the correct accordion than the alternative accordion but the score of the individual response selected from the alternative accordion overpowers the combined score of the correct accordion answers and clicks on the \'Check answer\' button, correct icon icons should be displayed beside the correct dropdowns from the correct accordion, incorrect icons should be displayed beside the incorrectly answered dropdowns, correct/incorrect answer status message, correct answer container should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();

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

@@ -1,6 +1,7 @@
 import { fillInTheGapsDropdownPage } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
 
 const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
@@ -8,6 +9,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: Partial different weights', () => {
     before(() => {
@@ -40,7 +42,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
         it('When the user selects \'Grading\' view without attempting the question, dropdown numeration, correct answers section with correct answers from the correct accordion and respective dropdown numeration should be displayed', () => {
             fillInTheGapsDropdownPage.steps.switchToGradingView();
             fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
-            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: ['(15 points)', '(6 points)', '(5 points)', '(4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(7 points)', '(5 points)', '(3 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, correct/incorrect status message and correct answer section should not be displayed', () => {
@@ -92,7 +112,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             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: ['(15 points)', '(6 points)', '(5 points)', '(4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(7 points)', '(5 points)', '(3 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, correct/incorrect status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -113,7 +151,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             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: ['(15 points)', '(6 points)', '(5 points)', '(4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(7 points)', '(5 points)', '(3 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, correct/incorrect status message 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: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             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: ['(15 points)', '(6 points)', '(5 points)', '(4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(7 points)', '(5 points)', '(3 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 correct dropdowns, incorrect icon should be displayed beside responses from the alternative accordion, correct/incorrect status message 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: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             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: ['(15 points)', '(6 points)', '(5 points)', '(4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(7 points)', '(5 points)', '(3 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 alternative responses, incorrect icon should be displayed beside correct accordion responses, correct/incorrect status message 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: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             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: ['(15 points)', '(6 points)', '(5 points)', '(4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(7 points)', '(5 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with common response between correct and 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, correct/incorrect status message 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: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             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: ['(15 points)', '(6 points)', '(5 points)', '(4 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(15 points)', '(7 points)', '(5 points)', '(3 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 icon should be displayed besides all incorrect dropdowns, no icon should be displayed beside unattempted dropdown, correct/incorrect status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -219,7 +347,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial different w
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             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: ['(15 points)', '(1.2 points)', '(1.2 points)', '(12.6 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Roots']],
+                        points: ['(15 points)', '(4.1 points)', '(5.4 points)', '(5.5 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user attempts the question with more number of correct responses from the alternative accordion than the correct accordion but the score of the individual response selected from the correct accordion overpowers the combined score of the alternative accordion answers and clicks on \'Check answer\' button, then correct icons should be displayed for the correct accordion response, incorrect icon should be displayed for the alternative accordion responses, correct/incorrect status message and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();