itemengine-cypress-automation 1.0.128 → 1.0.130

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

@@ -0,0 +1,188 @@
+import { fillInTheGapsDropdownPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+
+describe('Create Item page - Fill in the gaps with dropdown: Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyStudentViewSettingsLabelAndCSS();
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.randomizeOptionsLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.randomizeOptionsCheckbox(), 'exist');
+            fillInTheGapsDropdownPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyRandomizeOptionsCheckboxAndLabelUncheckedCSS();
+
+        it('When the \'Randomize options\' functionality is disabled, the options in the specify correct answer section dropdown should be displayed in the order in which the user has set them in the \'Dropdown options\' section', () => {
+            fillInTheGapsDropdownPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            fillInTheGapsDropdownPage.steps.expandDropdownInSpecifyCorrectAnswerSection(0);
+            fillInTheGapsDropdownPage.steps.verifyDropdownOptionsSpecifyCorrectAnswer(optionsForDropdown);
+            cy.log('Selecting an option to collapse the dropdown');
+            fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options in the specify correct answer section dropdown should be displayed in the order in which the user has set them in the \'Dropdown options\' section', () => {
+            fillInTheGapsDropdownPage.steps.checkRandomizeOptionsCheckbox();
+            fillInTheGapsDropdownPage.steps.expandDropdownInSpecifyCorrectAnswerSection(0);
+            fillInTheGapsDropdownPage.steps.verifyDropdownOptionsSpecifyCorrectAnswer(optionsForDropdown);
+            cy.log('Selecting an option to collapse the dropdown');
+            fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyRandomizeOptionsCheckboxCheckedCSSAndA11y();
+    });
+
+    describe('Randomize options - Functionality: Preview tab', () => {
+        let randomizedOptionsString = '';
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the options displayed in the preview tab dropdown should be in the order in which the user has set them in the \'Dropdown options\' section', () => {
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.expandDropdownInPreviewTab(0);
+            fillInTheGapsDropdownPage.steps.verifyDropdownOptionsPreviewTab(optionsForDropdown);
+            cy.log('Selecting an option to collapse the dropdown');
+            fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options should be displayed in a random order in the preview tab dropdown', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.checkRandomizeOptionsCheckbox();
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.expandDropdownInPreviewTab(0);
+            fillInTheGapsDropdownPage.steps.verifyRandomizeOptionOrder(optionsForDropdown);
+            randomizedOptionsString = fillInTheGapsDropdownPage.steps.getDropdownOptionsArray();
+            cy.log('Selecting an option to collapse the dropdown');
+            fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
+        });
+
+        it('When the user switches to Edit tab and does not modify any question properties, then the order of the options should not change in the preview tab dropdown', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.expandDropdownInPreviewTab(0);
+            fillInTheGapsDropdownPage.steps.verifyDropdownOptionsPreviewTab(randomizedOptionsString);
+            cy.log('Selecting an option to collapse the dropdown');
+            fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
+        });
+
+        it('When the user switches to Edit tab and modifies any of question properties, then the order of the options should change in the preview tab dropdown', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.allotPoints(5);
+            cy.log('Added wait here to prevent cypress from switching to preview tab just after modifying the question');
+            cy.wait(1000);
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.expandDropdownInPreviewTab(0);
+            fillInTheGapsDropdownPage.steps.verifyRandomizeOptionOrder(optionsForDropdown);
+            fillInTheGapsDropdownPage.steps.verifyRerandomizedOptionsOrder(randomizedOptionsString);
+            cy.log('Selecting an option to collapse the dropdown');
+            fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the options should be displayed in the order in which the user has set them in the \'Dropdown options\' section in the preview tab dropdown', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.uncheckRandomizeOptionsCheckbox();
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.expandDropdownInPreviewTab(0);
+            fillInTheGapsDropdownPage.steps.verifyDropdownOptionsPreviewTab(optionsForDropdown);
+        });
+    });
+
+    describe('Allow students to check answer: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
+
+        fillInTheGapsDropdownPage.tests.verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked();
+
+        fillInTheGapsDropdownPage.tests.verifyMaxCheckAnswerAttemptsDropdown();
+
+        fillInTheGapsDropdownPage.tests.verifyAllowStudentsToCheckAnswerContentsCSSAndA11y();
+    });
+
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
+        });
+
+        it('When the user has added options and specified correct answer and points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            fillInTheGapsDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user selects an answer in the dropdown and checks the answer then an icon should be displayed beside the selected option and the check answer button should be in enabled state', () => {
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsForDropdown[0] }]);
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects an option from the Maximum check answer attempts dropdown then the user should be able to check answer only those many times in the preview tab', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            fillInTheGapsDropdownPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsForDropdown[0] }]);
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        fillInTheGapsDropdownPage.tests.verifyDisabledCheckAnswerButtonWithCSSAndA11y();
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            fillInTheGapsDropdownPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonEnabled();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsForDropdown[0] }]);
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            fillInTheGapsDropdownPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonEnabled();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsForDropdown[0] }]);
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonEnabled();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsForDropdown[1] }]);
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonEnabled();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsForDropdown[2] }]);
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/clickAndDrop.js

@@ -60,7 +60,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyActiveStateOfDraggableOptionInSpecifyCorrectAnswerSection(0);
             cy.log('checking default state of unselected option(s)')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfUnselectedDraggableOptionsInSpecifyCorrectAnswerSection([1, 2, 3]);
-            cy.log('checking active state of all category cells');
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
@@ -85,7 +85,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.clickOnDraggableOptionInSpecifyCorrectAnswerSection('Petals');
             cy.log('Checking default state of deselected option')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDraggableOptionsInSpecifyCorrectAnswerSection();
-            cy.log('Checking default inactive state of category cells')
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
@@ -230,7 +230,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyActiveStateOfDraggableOptionInPreviewTab(0);
             cy.log('checking default state of unselected option(s)')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfUnselectedDraggableOptionsInPreviewTab([1, 2, 3]);
-            cy.log('checking active state of all category cells');
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 
@@ -258,7 +258,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.clickOnDraggableOptionInPreviewTab('Petals');
             cy.log('Checking default state of deselected option')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDraggableOptionsInPreviewTab();
-            cy.log('Checking default inactive state of category cells')
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 
@@ -387,7 +387,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyActiveStateOfDraggableOptionInSpecifyCorrectAnswerSection(0);
             cy.log('checking default state of unselected option(s)')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfUnselectedDraggableOptionsInSpecifyCorrectAnswerSection([1, 2, 3]);
-            cy.log('checking inactive state of all category cells');
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
@@ -409,7 +409,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.clickOnDraggableOptionInSpecifyCorrectAnswerSection('Petals');
             cy.log('Checking default state of deselected option')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDraggableOptionsInSpecifyCorrectAnswerSection();
-            cy.log('Checking default inactive state of category cells')
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
@@ -565,7 +565,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyActiveStateOfDraggableOptionInPreviewTab(0);
             cy.log('checking default state of unselected option(s)')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfUnselectedDraggableOptionsInPreviewTab([1, 2, 3]);
-            cy.log('checking inactive state of all category cells');
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 
@@ -593,7 +593,7 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.clickOnDraggableOptionInPreviewTab('Petals');
             cy.log('Checking default state of deselected option')
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDraggableOptionsInPreviewTab();
-            cy.log('Checking default inactive state of category cells')
+            cy.log('checking inactive state of all dropzones');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInPreviewTab();
         });
 

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/editTabScoring.js

@@ -164,7 +164,6 @@ describe('Create item page - fill in the gaps over image - drag and drop: Scorin
         before(() => {
             fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
-            cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();

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

@@ -15,6 +15,7 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
             fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
         });
@@ -24,13 +25,14 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
         fillInTheGapsOverImageDropdownPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
     });
 
-    describe('Specify correct answer section - \'Alternate\' accordion', () => {
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
         abortEarlySetup();
         before(() => {
             fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
             fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
         });
@@ -48,7 +50,7 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
             fillInTheGapsOverImageDropdownPage.steps.verifyAlternateAnswerAccordionIsExpanded(1);
         });
 
-        fillInTheGapsOverImageDropdownPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternate');
+        fillInTheGapsOverImageDropdownPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
 
         it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
             fillInTheGapsOverImageDropdownPage.steps.addAlternativeAnswerAccordion(2);

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

@@ -286,57 +286,6 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             cy.barsPreLoaderWait();
         });
 
-        it(`By default four conditional checkboxes ${conditionalCheckboxes.join(', ')} should be displayed in the scoring section and all of them should be unchecked`, () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.caseSensitiveCheckbox(), 'exist');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel(), 'visible');
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel(), `${conditionalCheckboxes[0]}`);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.validateIfAnswerIsIncludedCheckbox(), 'exist');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.validateIfAnswerIsIncludedCheckboxLabel(), 'visible');
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.validateIfAnswerIsIncludedCheckboxLabel(), `${conditionalCheckboxes[1]}`);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckbox(), 'exist');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckboxLabel(), 'visible');
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckboxLabel(), `${conditionalCheckboxes[2]}`);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckbox(), 'exist');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckboxLabel(), 'visible');
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckboxLabel(), `${conditionalCheckboxes[3]}`);
-            fillInTheGapsOverImageTextPage.steps.verifyDefaultUncheckedStateOfConditionalCheckboxes();
-        });
-
-        it('User should be able to check a conditional checkbox', () => {
-            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox(conditionalCheckboxes[0]);
-        });
-
-        it('When \'Validate if answer is included in the response\' checkbox is checked, then \'Ignore extra spaces\', \'Ignore single letter mistake\' checkboxes should be disabled', () => {
-            fillInTheGapsOverImageTextPage.steps.checkConditionalCheckbox(conditionalCheckboxes[1]);
-            utilities.verifyElementDisabled(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckbox());
-            utilities.verifyElementDisabled(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckbox());
-        });
-
-        it('CSS of conditional checkboxes', () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel(), {
-                'color': css.color.checkboxLabel,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.caseSensitiveCheckbox().parent().find('rect').eq(1), {
-                'fill': css.color.activeButtons,
-            });
-            //disabled state
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckboxLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of conditional checkboxes', () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.caseSensitiveCheckboxLabel().parents('.scoring-type-checkbox-wrapper'));
-        });
-
-        it('When \'Validate if answer is included in the response\' checkbox is unchecked, then \'Ignore extra spaces\', \'Ignore single letter mistake\' checkboxes should be enabled', () => {
-            fillInTheGapsOverImageTextPage.steps.uncheckConditionalCheckbox(conditionalCheckboxes[1]);
-            utilities.verifyElementNotDisabled(fillInTheGapsOverImageTextPage.ignoreExtraSpacesCheckbox());
-            utilities.verifyElementNotDisabled(fillInTheGapsOverImageTextPage.ignoreSingleLetterMistakeCheckbox());
-        });
+        fillInTheGapsOverImageTextPage.tests.verifyConditionalCheckboxesSectionContents();
     });
 });

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

@@ -1,5 +1,4 @@
 import { fillInTheGapsOverImageTextPage } from "../../../pages";
-import utilities from "../../../support/helpers/utilities";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
 
@@ -18,103 +17,7 @@ describe('Create Item page - Fill in the gaps over image - text: ', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
         });
 
-        it('\'Answers\' label and one empty input field should be displayed', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.responseAccordionAnswersLabel(), 'Answers');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionAnswersLabel(), 'visible');
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), '');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), 'visible');
-            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), 1);
-        });
-
-        it('When there is a single input field, then answer input field should not have numeration and delete button ', () => {
-            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.responseAccordionAnswerInputFieldWrapper(), 1);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionAnswerNumeration(), 'notExist');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionAnswerDeleteButton(), 'notExist');
-        });
-
-        it('\'Add alternate\' button should be displayed', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.responseAccordionAddAlternateButtonLabel(), 'Add alternate');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionAddAlternateButtonLabel(), 'visible');
-        });
-
-        it('When user has not entered text inside answer input field and clicks on \'Add alternate\' answer then \'Error: Answer is required.\' error message should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: Answer is required.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'visible');
-        });
-
-        it('When user enters text inside answer input field, then error message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
-        });
-
-        it('When the user clicks on the \'Add Alternate\' button, then one alternate answer input field should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), 2);
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.responseAccordionAddAlternateButton(), 'visible');
-        });
-
-        it('Each input field should be appropriately numbered, and a delete button should be provided for each input field', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionAnswerInputFieldNumeration(0);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionAnswerInputFieldDeleteButton(0);
-        });
-
-        it('When user hovers over delete button, then tooltip \'Delete\' should be displayed', () => {
-            utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionAnswerDeleteButton(), 0)
-                .verifyTooltip('Delete');
-        });
-
-        it('When no input is provided in answer input field, then placeholder text \'Enter answer\' should be displayed in the answer input field', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldPlaceholder(1);
-        });
-
-        it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, then an error message should be displayed, indicating \'Error: Answer is required.\'', () => {
-            fillInTheGapsOverImageTextPage.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: Answer is required.');
-        });
-
-        it('When user adds text in alternate input field and clicks on \'Add alternate\' button, then then a third alternate answer input field should be displayed and error message should disappear', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Leaf' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
-            fillInTheGapsOverImageTextPage.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyElementCount(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), 3);
-        });
-
-        it('CSS of answer input field', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.responseAccordionAnswersLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold,
-            });
-            utilities.verifyCSS(utilities.getNthElement(fillInTheGapsOverImageTextPage.answerInputFieldSpecifyCorrectAnswerSection(), 1), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-            });
-            utilities.verifyCSS(utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionAnswerNumeration(), 1), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold,
-            });
-            utilities.getNthElement(fillInTheGapsOverImageTextPage.responseAccordionAnswerDeleteButton(), 1)
-                .find('button')
-                .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
-        });
-
-        it('Accessibility of response accordion', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.responseAccordion());
-        });
-
-        it('When provided input is cleared from answer input field, then placeholder text should be displayed again in the answer input field', () => {
-            fillInTheGapsOverImageTextPage.steps.clearAnswerInputField(0);
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldPlaceholder(0);
-        });
-
-        it('When user deletes input field, then alternate answer field should be deleted and each input field should have appropriate numeration and delete button', () => {
-            fillInTheGapsOverImageTextPage.steps.deleteResponseAccordionAnswerInputField(0, 0);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionAnswerInputFieldNumeration(0);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAccordionAnswerInputFieldDeleteButton(0);
-        });
+        fillInTheGapsOverImageTextPage.tests.verifyAnswerInputFieldEditTab();
     });
 
     describe('Accepted student input - Edit tab functionality', () => {
@@ -127,67 +30,7 @@ describe('Create Item page - Fill in the gaps over image - text: ', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
         });
 
-        it('When \'Text\' is selected in accepted student input, then user should be able to enter alphanumeric characters and special symbols in the answer input field', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAcceptedStudentTypeActiveButton(0, 'Text');
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Hi23(^^)' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: 'Hi23(^^)' }]);
-        });
-
-        it('When user selects \'Number\' in accepted student input, then text inside the answer input field should only include numbers part from the previously entered input', () => {
-            fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(0, 'Number');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '23' }]);
-        });
-
-        it('User should not be able to enter characters or special symbols i.e. answer input field should only contain numbers', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'ABc^12' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '12' }]);
-        });
-
-        it('User should be able to enter negative numbers in answer input field', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: '-5' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '-5' }]);
-        });
-
-        it('User should be able to add zero in input field', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: '0' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '0' }]);
-        });
-
-        it('User should be able to enter decimal numbers in answer input field', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: '29.54' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '29.54' }]);
-        });
-
-        it('When user selects \'Integer\' in accepted student input, then text inside the answer input field should only include whole numbers part from the previously entered input', () => {
-            fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(0, 'Integer');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '2954' }]);
-        });
-
-        it('When \'Integer\' is selected in accepted student input, then user should not be able to add characters or special symbols i.e. input field should only include whole numbers', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: '29hi*5k4.5' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '29545' }]);
-        });
-
-        it('User should be able to add zero in input field', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: '0' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '0' }]);
-        });
-
-        it('User should not be able to add negative number i.e. input field should only include positive whole numbers', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: '-44' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '44' }]);
-        });
-
-        it('When user selects \'Text\' in accepted student input again, then answer input field should contain text from previously added input', () => {
-            fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(0, 'Text');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 0, responseText: '44' }]);
-        });
-
-        it('When user adds alternate answer input field, then accepted student input should be applied on both the response answer input fields in the response accordion', () => {
-            fillInTheGapsOverImageTextPage.steps.addAlternateAnswerInResponseAccordion(0);
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Hi12' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 1, responseText: '12' }]);
-        });
+        fillInTheGapsOverImageTextPage.tests.verifyAcceptedStudentInputEditTabFunctionality();
 
         it('When user adds multiple text container and set different accepted student input then it should be applied appropriately', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
@@ -206,58 +49,7 @@ describe('Create Item page - Fill in the gaps over image - text: ', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
         });
 
-        it('When \'Text\' is selected in accepted student input in edit tab, then user should be able to enter alphanumeric characters and special symbols in the preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAcceptedStudentTypeActiveButton(0, 'Text');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower23^^' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower23^^' }]);
-        });
-
-        it('When user selects \'Number\' in accepted student input in edit tab, then user should be able to enter only numbers inside text container in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(0, 'Number');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower232&' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '232' }]);
-        });
-
-        it('User should be able to enter decimal numbers inside text container in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '23.2' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '23.2' }]);
-        });
-
-        it('User should be able to enter negative numbers inside text container in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '-6' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '-6' }]);
-        });
-
-        it('User should be able to enter zero inside text container in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '0' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '0' }]);
-        });
-
-        it('When user selects \'Integer\' in accepted student input in edit tab, then user should be able to add only whole numbers inside text container', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.selectAcceptedStudentInputType(0, 'Integer');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower232&*' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '232' }]);
-        });
-
-        it('When user has selected \'Integer\' in accepted student input, then user should not be able to add decimal numbers in the text container', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '22.4' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '224' }]);
-        });
-
-        it('When user has selected \'Integer\' in accepted student input, then user should not be able to add negative number inside text container i.e. input field should only include positive whole numbers.', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '-5' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '5' }]);
-        });
-
-        it('User should be able to enter zero inside text container in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '0' }]);
-            fillInTheGapsOverImageTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '0' }]);
-        });
+        fillInTheGapsOverImageTextPage.tests.verifyAcceptedStudentInputPreviewTabFunctionality();
 
         it('When user adds multiple text container and sets different accepted student input in edit tab then it should be applied appropriately in preview tab', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();