itemengine-cypress-automation 1.0.584-IEI-7048-098328c.0 → 1.0.584-IEI-7067-Add-Automated-test-coverage-for-essay-respone-math-a7fb10a.0

package/cypress/e2e/ILC/EssayResponseMath/mathCharacters.js

@@ -199,4 +199,73 @@ describe('Essay response math: Customize math characters', () => {
             utilities.verifyElementVisibilityState(essayResponseMathPage.dialogBox(), 'notExist');
         });
     });
+
+    describe.only('Item preview - toolbar option - \'Math characters\' - content and functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponseMathPage.steps.navigateToCreateQuestion('essay response - math');
+            cy.barsPreLoaderWait();
+            essayResponseMathPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it(`When Math characters option is not selected in edit tab, then in item preview the Math characters toolbar option should not be displayed`, () => {
+            essayResponseMathPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponseMathPage.previewTabToolbarOption('Math characters'), 'notExist');
+        });
+
+        it(`When Math characters additional option is selected in edit tab, then in item preview the Math characters toolbar option should be displayed`, () => {
+            essayResponseMathPage.steps.switchToEditTab();
+            essayResponseMathPage.steps.clickOnEditQuestionButton();
+            essayResponseMathPage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponseMathPage.steps.selectCustomizedFormattingOption(['Math Characters']);
+            essayResponseMathPage.steps.saveAQuestionAndVerifySnackbar();
+            essayResponseMathPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(essayResponseMathPage.previewTabToolbarOption('Math characters'), 'visible');
+        });
+
+        it('By default the \'Math characters\' toolbar option should be in deselected state in item preview', () => {
+            essayResponseMathPage.steps.verifyPreviewTabToolbarOptionNotSelected('Math characters');
+        });
+
+        it('When user clicks on \'Math characters\' toolbar option, then the \'Math characters\' popup should be displayed with \'Math characters\' title and a \'Close\' button in item preview', () => {
+            essayResponseMathPage.steps.selectPreviewTabToolbarOption('Math characters');
+            utilities.verifyElementVisibilityState(essayResponseMathPage.dialogBox(), 'visible');
+            utilities.verifyInnerText(essayResponseMathPage.dialogBoxTitle(), 'Math characters');
+            utilities.verifyElementVisibilityState(essayResponseMathPage.mathCharactersPopupCloseButton(), 'visible');
+        });
+
+        it('All categories and their respective title and symbols should be displayed in the popup in item preview', () => {
+            //essayResponseMathPage.steps.verifyMathCharactersPopupCategoriesAndSymbols(mathCharacters);
+        });
+
+        it('When user clicks on any category icon, then the category flyout should stay open in item preview', () => {
+            essayResponseMathPage.steps.clickOnCharacterPopupSymbol('square root');
+            utilities.verifyElementVisibilityState(essayResponseMathPage.dialogBox(), 'visible');
+        });
+
+        it('CSS of \'Math characters\' popup in item preview', { tags: 'css' }, () => {
+            utilities.verifyCSS(essayResponseMathPage.dialogBoxTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold,
+            });
+            utilities.verifyCSS(essayResponseMathPage.mathCharactersPopupCategoryTitle(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold,
+            });
+            utilities.verifyCSS(essayResponseMathPage.mathCharactersPopupCharacterSymbol().find('path'), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of Customize special characters in item preview', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponseMathPage.dialogBox());
+        });
+
+        it('When user clicks on the \'Close\' button then the \'Math characters\' popup should be closed in item preview', () => {
+            essayResponseMathPage.steps.clickOnMathCharacterCloseButton();
+            utilities.verifyElementVisibilityState(essayResponseMathPage.dialogBox(), 'notExist');
+        });
+    });
 });

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

@@ -1,6 +1,7 @@
 import { fillInTheGapsDragAndDropPage } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 import utilities from "../../../../support/helpers/utilities";
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Fill in the gaps with drag and drop: All or nothing with grouped options layout', () => {
     before(() => {
@@ -26,7 +27,9 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
             fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
-            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+            if (!alternativeAnswerCheck) {
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+            }
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
         });
 

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

@@ -1,6 +1,9 @@
 import { fillInTheGapsDragAndDropPage } from "../../../../pages";
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 import utilities from "../../../../support/helpers/utilities";
+
+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: All or nothing with alternative answers', () => {
@@ -29,9 +32,23 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
         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.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            }
         });
 
         it('When the user attempts the question with responses from the correct accordion, then the user should be awarded points of the correct tab and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
@@ -83,7 +100,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            }
             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, no icon should be displayed for unattempted response a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -103,7 +134,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            }
             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 for unattempted response a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -123,7 +168,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            }
             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 for unattempted response a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -143,7 +202,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            }
             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 with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -163,7 +236,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            }
             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 for unattempted response a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -183,7 +270,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            }
             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 for unattempted response a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();

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

@@ -1,6 +1,9 @@
 import { fillInTheGapsDragAndDropPage } from "../../../../pages";
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 import utilities from "../../../../support/helpers/utilities";
+
+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: All or nothing with alternative answers', () => {
@@ -29,8 +32,22 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            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: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 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 with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
@@ -82,7 +99,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 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,  no icon should be displayed beside unattempted response a status message with text \'Your answer is incorrect\' 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: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 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 with text \'Your answer is incorrect\' 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: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 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 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')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -142,7 +201,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 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, red cross-mark 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')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -162,7 +235,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 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 with text \'Your answer is incorrect\' 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: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(20 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, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/Scoring/allOrNothingWithCorrectPointsGreaterThanAlternativePoints.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: All or nothing with alternative answers', () => {
@@ -30,8 +33,22 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            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: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            }
         });
 
         it('CSS of correct answer section and dropzone cell numeration', { tags: 'css' }, () => {
@@ -147,7 +164,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(10 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 with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -167,7 +198,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(10 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 with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -187,7 +232,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(10 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 with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -207,7 +266,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(10 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 with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -227,7 +300,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(10 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 with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();
@@ -247,7 +334,21 @@ describe('Create item page - Fill in the gaps with drag and drop: All or nothing
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Flower'], ['Leaves']]);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionWithAlternateAnswers([
+                    {
+                        correctAnswers: [['Petals'], ['Flower'], ['Leaves']],
+                        points: ['(20 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petals'], ['Stem'], ['Seed']],
+                        points: ['(10 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 with text \'Your answer is incorrect\' and correct answer section should not be displayed')
             fillInTheGapsDragAndDropPage.steps.checkAnswer();