itemengine-cypress-automation 1.0.119 → 1.0.121

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/setLimitSection.js

@@ -15,159 +15,7 @@ describe('Create item page - Fill in the gaps over image with text: Set limit se
             cy.barsPreLoaderWait();
         });
 
-        it('\'Set limit\' label should be displayed', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.setLimitLabel(), 'Set limit');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.setLimitLabel(), 'visible');
-        });
-
-        it('\'Character\' and \'None\' labels and radio buttons should be displayed and by default \'Character\' should be selected', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.characterLabel(), 'Character');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.characterLabel(), 'visible');
-            fillInTheGapsOverImageTextPage.steps.verifyCharacterRadioButtonSelected();
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.noneLabel(), 'None');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.noneLabel(), 'visible');
-            fillInTheGapsOverImageTextPage.steps.verifyNoneRadioButtonNotSelected();
-        });
-
-        it('\'Minimum character limit\' and \'Maximum character limit\' labels should be displayed', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.minimumCharacterLimitLabel(), 'Minimum character limit');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.minimumCharacterLimitLabel(), 'visible');
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.maximumCharacterLimitLabel(), 'Maximum character limit');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.maximumCharacterLimitLabel(), 'visible');
-        });
-
-        it('\'Minimum character limit\' and \'Maximum character limit\' input fields should be displayed and have 0 and 50 value by default', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.minimumCharacterLimitInputField(), 'visible');
-            fillInTheGapsOverImageTextPage.steps.verifyMinimumCharacterLimitInputField(0);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.maximumCharacterLimitInputField(), 'visible');
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimitInputField(50);
-        });
-
-        it('User should be able to update values in both the input fields', () => {
-            fillInTheGapsOverImageTextPage.steps.setMinimumLimit(10);
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(40);
-        });
-
-        it('When the user clears the minimum character limit input field and focuses out of it, then error message \'Error: Minimum character limit is required\' should be displayed below the input field', () => {
-            fillInTheGapsOverImageTextPage.steps.clearAndFocusOutOfMinimumCharacterLimitInputField();
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: Minimum character limit is required.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'visible');
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user enters value in minimum character limit input field then the error message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.setMinimumLimit(0);
-            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('When the user clears the maximum character limit input field and focuses out of it, then error message \'Error: Maximum character limit is required.\' should be displayed below the input field', () => {
-            fillInTheGapsOverImageTextPage.steps.clearAndFocusOutOfMaximumCharacterLimitInputField();
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: Maximum character limit is required.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'visible');
-        });
-
-        it('When the user enters value in maximum character limit input field then the error message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(40);
-            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
-            fillInTheGapsOverImageTextPage.steps.setMinimumLimit(45);
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsOverImageTextPage.steps.verifyMinimumLimitErrorMessage();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user sets minimum limit input field value less than or equal to maximum limit input field value then error message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.setMinimumLimit(30);
-            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('When the user sets maximum limit input field value less than minimum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(26);
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsOverImageTextPage.steps.verifyMinimumLimitErrorMessage();
-        });
-
-        it('When the user sets maximum limit input field value greater than or equal to minimum limit input field value then error message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(45);
-            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('CSS of \'Set character limit\' sections', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.setLimitLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.characterLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.characterLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.noneLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.minimumCharacterLimitLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.minimumCharacterLimitLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.minimumCharacterLimitInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.maximumCharacterLimitInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.characterRadioButton().parent().find('svg'), {
-                'fill': css.color.activeButtons
-            });
-        });
-
-        it('Accessibility of \'Set limit\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.setLimitLabel().parents('[class*="SetLimitWrapper"]'));
-        });
-
-        it('When user enters zero in maximum limit input field, then error message \'Error: Maximum limit must be greater than 0.\' should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(0);
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: Maximum limit must be greater than 0.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'visible');
-        });
-
-        it('When user enters limit more than zero in maximum limit input field, then error message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(50);
-            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('When user should not be able to add limit more than 50 inside minimum and maximum limit input field', () => {
-            fillInTheGapsOverImageTextPage.steps.setMinimumLimit(60);
-            fillInTheGapsOverImageTextPage.steps.verifyMinimumLimit(6);
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(60);
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumLimit(6);
-        });
-
-        it('When the user selects \'None\' radio button then the maximum and minimum character limit labels and input field should not be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.selectNoneRadioButton();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.minMaxLabelAndInputFieldWrapper(), 'notExist');
-        });
+        fillInTheGapsOverImageTextPage.tests.verifySetLimitSectionContents();
     });
 
     // TODO after https://redmine.zeuslearning.com/issues/556897 gets resolved
@@ -181,71 +29,7 @@ describe('Create item page - Fill in the gaps over image with text: Set limit se
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
         });
 
-        it('When maximum character limit input field value is 50 then maximum character limit should be 50 in the specify correct answer section', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimitInputField(50);
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimit(0, 50);
-        });
-
-        it('When the user updates the maximum character limit input field value then maximum character limit should update in the specify correct answer section', () => {
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(10);
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimit(0, 10);
-        });
-
-        it('User should able to enter characters in the answer input field', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }]);
-        });
-
-        it('When the user reaches the character limit, then the warning message \'Maximum 10 characters have been entered\' should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'pots' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: 'Flowerpots' }])
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageExist('Maximum 10 words have been entered.');
-        });
-
-        it('CSS of error message', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessage(), {
-                'color': css.color.warningMessage,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessageContainer().find('svg'), {
-                'color': css.color.warningMessage,
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessageContainer(), {
-                'border': `1px solid ${css.color.warningContainerBorder}`
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessageContainer(), {
-                'background-color': css.color.warningContainerBackground
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.limitReachedWarningMessage());
-        });
-
-        it('When the user removes/deletes some characters to make the number of characters less than the set maximum limit, the warning message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: '{backspace}' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: 'Flowerpot' }])
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageNotExist();
-        });
-
-        it('When the user updates minimum character limit and enters character less than the minimum character limit value set and focus out of response field, then the warning message \'Minimum 6 characters are required\' should be displayed in specify correct answer', () => {
-            fillInTheGapsOverImageTextPage.steps.setMinimumLimit(6);
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Air' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageExist('Minimum 6 words are required.');
-        });
-
-        it('When the user enters the character greater than the minimum character limit value set by the user, then the warning message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Airwater' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: 'Airwater' }])
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageNotExist();
-        });
-
-        it('When the user selects \'None\' radio button then maximum limit should not be displayed in the preview tab and when user types anything in the response field then error message should not be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.selectNoneRadioButton();
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimitNotExistInPreviewTab(0);
-            fillInTheGapsOverImageTextPage.steps.addTextInAnswerInputFieldsPreviewTab(0, 'water');
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageNotExist();
-        });
+        fillInTheGapsOverImageTextPage.tests.verifySetLimitSectionEditTabFunctionality();
     });
 
     describe('fill in the gaps over image with text: Set limit section : Preview tab functionality', () => {
@@ -256,79 +40,9 @@ describe('Create item page - Fill in the gaps over image with text: Set limit se
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
-        });
-
-        it('When maximum character limit input field value is 50 then maximum character limit should be 50 in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimitInputField(50);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimitInPreviewTab(0, 50);
         });
 
-        it('When the user updates the maximum character limit input field value then maximum character limit should update in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setMaximumLimit(10);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimitInPreviewTab(0, 10);
-        });
-
-        it('User should able to enter characters in the response field', () => {
-            fillInTheGapsOverImageTextPage.steps.addTextInAnswerInputFieldsPreviewTab(0, 'Flower');
-        });
-
-        it('When the user reaches the character limit, then the warning message \'Maximum 10 characters have been entered\' should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.addTextInAnswerInputFieldsPreviewTab(0, 'pots');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flowerpots' }])
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageExist('Maximum 10 words have been entered.');
-        });
-
-        it('CSS of error message', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessage(), {
-                'color': css.color.warningMessage,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessageContainer().find('svg'), {
-                'color': css.color.warningMessage,
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessageContainer(), {
-                'border': `1px solid ${css.color.warningContainerBorder}`
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.limitReachedWarningMessageContainer(), {
-                'background-color': css.color.warningContainerBackground
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.limitReachedWarningMessage());
-        });
-
-        it('When the user removes/deletes some characters to make the number of characters less than the set maximum limit, the warning message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.addTextInAnswerInputFieldsPreviewTab(0, '{backspace}');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flowerpot' }])
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageNotExist();
-        });
-
-        it('When the user updates minimum character limit in edit tab and enters character less than the minimum character limit value set and focus out of response field, then the warning message \'Minimum 6 characters are required\' should be displayed in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.setMinimumLimit(6);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.addTextInAnswerInputFieldsPreviewTab(0, 'Air');
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageExist('Minimum 6 words are required.');
-        });
-
-        it('When the user enters the character greater than the minimum character limit value set by the user, then the warning message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.addTextInAnswerInputFieldsPreviewTab(0, 'water');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Airwater' }])
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageNotExist();
-        });
-
-        it('When the user selects \'None\' radio button then maximum limit should not be displayed in the preview tab and when user types anything in the response field then error message should not be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.selectNoneRadioButton();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyMaximumCharacterLimitNotExistInPreviewTab(0);
-            fillInTheGapsOverImageTextPage.steps.addTextInAnswerInputFieldsPreviewTab(0, 'water');
-            fillInTheGapsOverImageTextPage.steps.verifyLimitReachedWarningMessageNotExist();
-        });
+        fillInTheGapsOverImageTextPage.tests.verifySetLimitSectionPreviewTabFunctionality();
     });
 });

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/specialCharactersSection.js

@@ -213,7 +213,7 @@ describe('Create item page - Fill in the gaps over image - text - Special charac
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
         });
 

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/specifyCorrectAnswerSection.js

@@ -14,7 +14,7 @@ describe('Create Item page - Fill in the gaps over image - text: Specify correct
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('fill in the gaps over image with text');
@@ -30,7 +30,7 @@ describe('Create Item page - Fill in the gaps over image - text: Specify correct
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-            fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('fill in the gaps over image text');

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/studentViewSettings.js

@@ -89,30 +89,9 @@ describe('Create Item page - drag and drop into categories: Student view setting
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
         });
 
-        it('\'Allow student to check answer\' label and checkbox should be displayed and it should be unchecked by default', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.allowStudentToCheckAnswerLabel(), 'Allow student to check answer');
-            fillInTheGapsOverImageTextPage.steps.verifyAllowStudentsToCheckAnswerCheckboxUnchecked();
-        });
-
-        it('CSS of \'Allow student to check answer\' checkbox and label - unchecked state', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.allowStudentToCheckAnswerLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.allowStudentToCheckAnswerCheckbox().parent().find('svg'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
+        fillInTheGapsOverImageTextPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
 
-        it('Accessibility of \'Allow student to check answer\' section - unchecked state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.allowStudentToCheckAnswerCheckbox().parents('.student-view-settings-container'));
-        });
-
-        it('When the user checks the \'Allow student to check answer\' checkbox, then \'Maximum check answer attempts\' dropdown should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.maximumCheckAnswerAttemptsDropdown(), 'visible');
-        });
+        fillInTheGapsOverImageTextPage.tests.verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked();
 
         fillInTheGapsOverImageTextPage.tests.verifyMaxCheckAnswerAttemptsDropdown();
 

package/cypress/e2e/ILC/FillInTheGapsTextNew/Scoring/allOrNothingAlternativePointsGreaterThanCorrectPoints.js

@@ -0,0 +1,191 @@
+import { fillInTheGapsTextPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Fill in the gaps with text: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Alternative answer\' points are more than \'Correct answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
+            cy.barsPreLoaderWait();
+            fillInTheGapsTextPage.steps.addResponseAreaInQuestionField();
+            fillInTheGapsTextPage.steps.allotPoints(10);
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsTextPage.steps.addAlternativeAnswerAccordion(1);
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }, { responseIndex: 1, responseText: 'Leaves' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsTextPage.steps.allotPoints(20);
+            fillInTheGapsTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, response area numeration should be displayed, correct answers section should be displayed with correct answers from the alternative accordion and respective response area numeration', () => {
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyResponseAreaNumeration();
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than overall 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', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(10, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsTextPage.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 answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with 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', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Petals' }, { responseIndex: 1, responseText: 'Leaves' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(20, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the alternative 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 correct\' and correct answer section should not be displayed')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsTextPage.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 answer responses, no icon should be displayed beside unattempted response area, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with response area numeration should be displayed', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+            fillInTheGapsTextPage.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 area, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.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 answer responses, no icon should be displayed for unattempted response area, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with response area numeration should be displayed', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Petals' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+            fillInTheGapsTextPage.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 area, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the responses correct as per the correct 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 response from the correct accordion and no icon should be displayed for unattempted response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with response area numeration should be displayed', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+            fillInTheGapsTextPage.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 and no icon should be displayed for unattempted response area, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.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 alternative accordion responses, incorrect icon should be correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with response area numeration should be displayed', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaves' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+            fillInTheGapsTextPage.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')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.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 for unattempted response, \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with response area numeration should be displayed', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+            fillInTheGapsTextPage.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 answer responses, no icon should be displayed for unattempted response area, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.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 responses, no icon should be displayed for unattempted response area, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with response area numeration should be displayed', () => {
+            fillInTheGapsTextPage.steps.resetQuestionPreview();
+            fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Roots' }]);
+            fillInTheGapsTextPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsTextPage.steps.switchToGradingView();
+            fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+            fillInTheGapsTextPage.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 area, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsTextPage.steps.checkAnswer();
+            fillInTheGapsTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});