itemengine-cypress-automation 1.0.129 → 1.0.131-updateILCrepo6March-02c78d1.0

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

@@ -0,0 +1,298 @@
+import { fillInTheGapsDropdownPage } from "../../../../pages";
+import { commonComponents } from "../../../../pages/components";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const optionsForDropdown3 = ['Flower', 'Leaf', 'Stem', 'Roots'];  //Common answer
+const correctAnswerArray = ['Flower', 'Leaf', 'Stem'];
+const alternateAnswerArray = ['Petal', 'Leaves', 'Stem'];
+const incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
+
+describe('Create item page - Fill in the gaps with dropdown: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points are more than \'Alternate answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addResponseAreaInQuestionField();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsDropdownPage.steps.allotPoints(20);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, correctAnswerArray[2]);
+            fillInTheGapsDropdownPage.steps.addAlternativeAnswerAccordion(1);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, alternateAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, alternateAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, alternateAnswerArray[2]);
+            fillInTheGapsDropdownPage.steps.allotPoints(10);
+            fillInTheGapsDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion and respective dropdown numeration', () => {
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('CSS of correct answer section and dropdown numeration', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctAnswersLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(fillInTheGapsDropdownPage.dropdownNumerationPreviewTab(), {
+                'background-color': css.color.defaultBackground,
+                'border': `1px solid ${css.color.activeComponentBorder}`
+            });
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctAnswerResponse(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.correctOptionBorder}`
+            });
+        });
+
+        it('Accessibility of correct answer section and dropdown numeration', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.previewTabQuestionWrapper());
+        });
+
+        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', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(20, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses 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 correct\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('CSS of Correct answer state', { tags: 'css' }, () => {
+            utilities.verifyCSS(fillInTheGapsDropdownPage.previewScoreText(), {
+                'color': css.color.whiteText,
+                'background-color': css.color.correctAnswer
+            });
+            fillInTheGapsDropdownPage.correctIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctIncorrectAnswerBlock(), {
+                'background-color': css.color.correctAnswerLabelBg,
+                'border': `1px solid ${css.color.correctAnswer}`
+            });
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctIncorrectStatusMessageText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctIncorrectAnswerLabel(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Accessibility of correct answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(commonComponents.previewTabQuestionWrapper());
+        });
+
+        it('When the user attempts the question with alternative accordion responses, then the user should be awarded with points specified for alternative accordion (less than 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', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: alternateAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(10, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with alternative accordion response and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, 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 with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, 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 with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the responses correct as per the alternative accordion but one response incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct dropdown, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be displayed besides correct accordion responses, incorrect icon should be displayed beside alternative accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be besides the common response, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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();
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('CSS of incorrect answer state', { tags: 'css' }, () => {
+            fillInTheGapsDropdownPage.incorrectIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctIncorrectAnswerBlock(), {
+                'background-color': css.color.incorrectAnswerLabelBg,
+                'border': `1px solid ${css.color.incorrectAnswer}`
+            });
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctIncorrectStatusMessageText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(fillInTheGapsDropdownPage.correctIncorrectAnswerLabel(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(fillInTheGapsDropdownPage.previewTabQuestionWrapper());
+        });
+
+        it('When the user sets \'Award minimum score only if attempted\' in minimum scoring dropdown and allots minimum points such that minimum points are less than alternative answer points, then attempts the question with responses from the alternative accordion, the user should be awarded with alternative answer points', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            fillInTheGapsDropdownPage.steps.allotMinimumPoints(3);
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: alternateAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(10, 20);
+        });
+
+        it('When the user sets minimum points such that minimum points are greater than alternative answer points, then attempts the question with responses from the alternative accordion, the user should be awarded with minimum points', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.allotMinimumPoints(13);
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: alternateAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(13, 20);
+        });
+    });
+});

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

@@ -0,0 +1,63 @@
+import { fillInTheGapsDropdownPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const optionsForDropdown3 = ['Flower', 'Leaf', 'Stem', 'Roots'];
+const correctAnswerArray = ['Flower', 'Leaf', 'Stem'];
+const incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
+
+describe('Create item page - Fill in the gaps with dropdown: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing: Penalty scoring with \'Round negative score to zero\' unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addResponseAreaInQuestionField();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsDropdownPage.steps.allotPoints(20);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, correctAnswerArray[2]);
+        });
+
+        //Penalty points for the entire question
+        it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            fillInTheGapsDropdownPage.steps.expandPenaltyScoringDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            fillInTheGapsDropdownPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            fillInTheGapsDropdownPage.steps.allotPenaltyPoints(2);
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question partially correct along with an incorrect response, then penalty points should get deducted from the awarded points', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question correctly along with multiple incorrect responses, then penalty points should get deducted from the awarded points only once, the deducted penalty points should not increase as per number of attempted incorrect responses', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: incorrectAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.expandMinimumScoringDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            fillInTheGapsDropdownPage.steps.allotMinimumPoints(3);
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(3, 20);
+        });
+    });
+});

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

@@ -0,0 +1,111 @@
+import { fillInTheGapsDropdownPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const correctAnswerArray = ['Flower', 'Leaf'];
+const incorrectAnswerArray = ['Branch', 'Seed'];
+
+describe('Create Item page - Fill in the gaps with dropdown: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('fill in the gaps');
+            fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('Question instructions, question preview and response areas should be displayed in the preview tab', () => {
+            fillInTheGapsDropdownPage.steps.verifyQuestionInstructionsTextPreviewTab('fill in the gaps');
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\nonsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​')
+            utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
+            fillInTheGapsDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: '​' }, { dropdownIndex: 1, dropdownText: '​' }]);
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed and the correct answer section should be displayed with correct answers', () => {
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect dropdowns, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question incorrectly incorrect icons should be displayed besides all incorrect dropdowns, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed besides the correct dropdowns, incorrect icon should be displayed besides incorrect dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question partially correct, correct icon should be displayed besides the correct dropdowns, incorrect icon should be displayed besides incorrect dropdown, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly, on switching to \'Grading\' view, then 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', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed besides the correct dropdowns, status message \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});