itemengine-cypress-automation 1.0.206-12thJuneFixesAndRepoUpdate-5fe2304.0 → 1.0.207-18thJuneRepoUpdate-460e9c8.0

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

@@ -61,7 +61,7 @@ describe('Create Item page - Charts - Bar chart: Specify correct answer, Alterna
 
         it('Locked dot column should be displayed in alternative accordion', () => {
             chartsBarPage.steps.verifyLockedBarInSpecifyCorrectAnswer({ barIndex: 0, barValue: 2, range: 10 });
-            chartsBarPage.steps.verifyLockedBarIsUneditableInSpecifyCorrectAnswer(0);
+            chartsBarPage.steps.verifyLockedBarIsNotEditableInSpecifyCorrectAnswer(0);
         });
 
         it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the label for this new accordion should be \'Alternative 2\'', () => {

package/cypress/e2e/ILC/ChartsLine/previewContentsForAllViews.smoke.js

@@ -70,8 +70,8 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
             });
 
             it('The toolbar options - Add point, Undo, Redo and Reset should be displayed in the preview tab and only Add point button should be enabled', () => {
-                utilities.verifyElementVisibilityState(chartsLinePage.previewTabToolsAddBarOrPointButton(), 'visible');
-                utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsAddBarOrPointButton());
+                utilities.verifyElementVisibilityState(chartsLinePage.previewTabToolsAddBarOrPointButton('Add point'), 'visible');
+                utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsAddBarOrPointButton('Add point'));
                 utilities.verifyElementVisibilityState(chartsLinePage.previewTabToolsUndoButton(), 'visible');
                 utilities.verifyElementDisabled(chartsLinePage.previewTabToolsUndoButton());
                 utilities.verifyElementVisibilityState(chartsLinePage.previewTabToolsRedoButton(), 'visible');
@@ -147,7 +147,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
             });
 
             it('CSS of preview tab contents', { tags: 'css' }, () => {
-                utilities.verifyCSS(chartsLinePage.previewTabToolsAddBarOrPointButton(), {
+                utilities.verifyCSS(chartsLinePage.previewTabToolsAddBarOrPointButton('Add point'), {
                     'background-color': css.color.activeButtons
                 });
                 utilities.verifyCSS(chartsLinePage.previewTabGraphTitle(), {
@@ -237,12 +237,12 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
             });
 
             it('When user hovers on the enabled add point button, then tooltip \'Add point\' should be displayed', () => {
-                chartsLinePage.previewTabToolsAddBarOrPointButton()
+                chartsLinePage.previewTabToolsAddBarOrPointButton('Add point')
                     .verifyTooltip('Add point');
             });
 
             it('CSS of the tooltip text', { tags: 'css' }, () => {
-                utilities.hoverOverElement(chartsLinePage.previewTabToolsAddBarOrPointButton());
+                utilities.hoverOverElement(chartsLinePage.previewTabToolsAddBarOrPointButton('Add point'));
                 utilities.verifyCSS(chartsLinePage.tooltipText(), {
                     'color': css.color.whiteText,
                     'font-size': css.fontSize.small,
@@ -253,7 +253,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
             });
 
             it('Accessibility of the tooltip text', { tags: 'a11y' }, () => {
-                utilities.hoverOverElement(chartsLinePage.previewTabToolsAddBarOrPointButton());
+                utilities.hoverOverElement(chartsLinePage.previewTabToolsAddBarOrPointButton('Add point'));
                 utilities.verifyElementVisibilityState(chartsLinePage.tooltipText(), 'visible');
                 cy.checkAccessibility(chartsLinePage.tooltipText().parents('[role="tooltip"]'));
                 utilities.hoverAwayFromElement();
@@ -564,7 +564,7 @@ describe('Create item page: Charts - Line - Preview contents in all views', () =
             it('When the user clicks on Reset button and confirms reset, then all the chart actions should be reverted and chart should be reverted to default state', () => {
                 chartsLinePage.steps.clickOnResetButtonPreviewTab();
                 chartsLinePage.steps.confirmReset();
-                utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsAddBarOrPointButton());
+                utilities.verifyElementNotDisabled(chartsLinePage.previewTabToolsAddBarOrPointButton('Add point'));
                 utilities.verifyElementVisibilityState(chartsLinePage.previewTabToolsUndoButton(), 'visible');
                 utilities.verifyElementDisabled(chartsLinePage.previewTabToolsUndoButton());
                 utilities.verifyElementVisibilityState(chartsLinePage.previewTabToolsRedoButton(), 'visible');

package/cypress/e2e/ILC/EssayResponse/additionalSettings.js

@@ -0,0 +1,257 @@
+import { essayResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const clipboardFunctions = ['Cut', 'Copy', 'Paste'];
+
+describe('Create item - Essay response - Additional settings - Student response area and layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings: Student response area and layout label and css', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('When user opens the additional settings accordian then a \'Student response area and layout\' label should be displayed', () => {
+            utilities.verifyElementVisibilityState(essayResponsePage.studentResponseAreaAndLayoutLabel(), 'visible');
+            utilities.verifyInnerText(essayResponsePage.studentResponseAreaAndLayoutLabel(), 'Student response area and layout');
+        });
+
+        it('CSS of \'Student response area and layout\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(essayResponsePage.studentResponseAreaAndLayoutLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of \'Student response area and layout\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.studentResponseAreaAndLayoutLabel().parent('[class*="MuiAccordionDetails-root"]'));
+        });
+    });
+
+    describe('Additional Settings: Placeholder text content css and functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Placeholder text\' label and input field should be displayed and by default the input field should be empty', () => {
+            utilities.verifyElementVisibilityState(essayResponsePage.placeholderTextLabel(), 'visible');
+            utilities.verifyInnerText(essayResponsePage.placeholderTextLabel(), 'Placeholder text');
+            utilities.verifyElementVisibilityState(essayResponsePage.placeholderTextInputField(), 'visible');
+            essayResponsePage.steps.verifyPlaceholderInputFieldIsEmpty();
+        });
+
+        it('CSS of \'Placeholder text\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(essayResponsePage.placeholderTextLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(essayResponsePage.placeholderTextInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Placeholder text\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.placeholderTextLabel().parent('[class*="StudentResponseAreaLayoutstyles__PlaceHolderWrapper"]'));
+        });
+
+        it('The user should be able to add \'Placeholder text\' and the \'Placeholder text\' added by the user should be displayed in the response field in the preview tab.', () => {
+            essayResponsePage.steps.typeAndVerifyPlaceholderInputText('Lorem Ipsum');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyPlaceholderTextPreviewTab('Lorem Ipsum');
+        });
+
+        it('When the user starts typing in the response field in the preview tab, then the placeholder text should disappear', () => {
+            essayResponsePage.steps.enterTextInResponseField('dolor sit amet');
+            essayResponsePage.steps.verifyPlaceholderTextNotPresentInPreviewTab();
+        });
+
+        it('When the user clears the entered text in the response field, then the placeholder text should appear again', () => {
+            essayResponsePage.steps.clearResponseField();
+            essayResponsePage.steps.focusOutOfResponseField();
+            essayResponsePage.steps.verifyPlaceholderTextPreviewTab('Lorem Ipsum');
+        });
+    });
+
+    describe('Additional settings: Clipboard functions - contents, css and accessibility', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('Clipboard functions label should be displayed', () => {
+            utilities.verifyInnerText(essayResponsePage.clipboardFunctionLabel(), 'Clipboard functions');
+            utilities.verifyElementVisibilityState(essayResponsePage.clipboardFunctionLabel(), 'visible');
+        });
+
+        it(`3 clipboard function buttons ${clipboardFunctions.join(', ')} should be displayed and by default all of them should be in selected`, () => {
+            for (var i = 0; i < clipboardFunctions.length; i++) {
+                essayResponsePage.steps.verifyClipBoardButton(i);
+            }
+        });
+
+        clipboardFunctions.forEach((functionName, index) => {
+            it(`When user hovers over '${functionName}' clipboard function button, then tooltip '${functionName}' should be displayed`, () => {
+                essayResponsePage.clipboardFunctionButton(index)
+                    .verifyTooltip(functionName);
+            });
+        });
+
+        it('CSS of clipboard functions in selected state', { tags: 'css' }, () => {
+            for (var i = 0; i < clipboardFunctions.length; i++) {
+                utilities.verifyCSS(essayResponsePage.clipboardFunctionButton(i), {
+                    'background-color': css.color.activeButtons,
+                    'color': css.color.secondaryBtnBg,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            }
+        });
+
+        it('User should be able to unselect all the buttons', () => {
+            for (var i = 0; i < clipboardFunctions.length; i++) {
+                essayResponsePage.steps.unselectClipboardFunctionButton(i);
+            }
+        });
+
+        it('CSS of clipborad functions in unselected state', { tags: 'css' }, () => {
+            for (var i = 0; i < clipboardFunctions.length; i++) {
+                utilities.verifyCSS(essayResponsePage.clipboardFunctionButton(i), {
+                    'background-color': css.color.secondaryBtnBg,
+                    'color': css.color.unselectedOptionText,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            }
+        });
+
+        it('Accessibility of clipboard functions', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.clipboardFunctionLabel().parents('[class*="ToggleButtonGroupMUIstyle__ToggleButtonWrapper"]'));
+        });
+    });
+
+    describe('Additional settings: Set input field (px) content css and functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Set input field height (px)\' label should be displayed along with \'Set height\' and \'No scrolling\' toggle buttons and by default \'Set height\' should be selected', () => {
+            utilities.verifyElementVisibilityState(essayResponsePage.setInputFieldheightLabel(), 'visible');
+            utilities.verifyInnerText(essayResponsePage.setInputFieldheightLabel(), 'Set input field height (px)');
+            utilities.verifyElementCount(essayResponsePage.setInputFieldheightToggleButton(), 2);
+            utilities.verifyElementVisibilityState(essayResponsePage.setInputFieldheightToggleButton(), 'visible');
+            utilities.verifyInnerText(essayResponsePage.setInputFieldheightToggleButton('Set height'), 'Set height');
+            utilities.verifyInnerText(essayResponsePage.setInputFieldheightToggleButton('No scrolling'), 'No scrolling');
+            essayResponsePage.steps.selectSetHeightNoScrollingToggleButton('Set height');
+        });
+
+        it('CSS of \'Set input field height\'', { tags: 'css' }, () => {
+            utilities.verifyCSS(essayResponsePage.setInputFieldheightLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(essayResponsePage.setInputFieldheightToggleButton('Set height'), {
+                'background-color': css.color.activeButtons,
+                'color': css.color.secondaryBtnBg,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(essayResponsePage.setInputFieldheightToggleButton('No scrolling'), {
+                'background-color': css.color.secondaryBtnBg,
+                'color': css.color.unselectedOptionText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Set input field height\'', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.setInputFieldheightToggleButton().parents('[class*="StudentResponseAreaLayoutstyles__InputHeightWrapper"]'));
+        });
+
+        it('When user selects \'No scrolling\' toggle option, then the \'Maximum input field height\' label and input field should not be visible', () => {
+            essayResponsePage.steps.selectSetHeightNoScrollingToggleButton('No scrolling');
+            utilities.verifyElementVisibilityState(essayResponsePage.maxHeightLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(essayResponsePage.maxHeightInputField(), 'notExist');
+        });
+    });
+
+    describe('Additional Settings: Minimum and Maximum input field height', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Minimum input field height (px)\' and \'Maximum input field height (px)\' labels and input fields should be displayed and by default \'Minimum input field height (px)\' input filed should have value 100 and \'Maximum input field height (px)\' input field should be empty', () => {
+            utilities.verifyElementVisibilityState(essayResponsePage.minHeightLabel(), 'visible');
+            utilities.verifyInnerText(essayResponsePage.minHeightLabel(), 'Minimum input field height (px)');
+            utilities.verifyElementVisibilityState(essayResponsePage.maxHeightLabel(), 'visible');
+            utilities.verifyInnerText(essayResponsePage.maxHeightLabel(), 'Maximum input field height (px)');
+            utilities.verifyElementVisibilityState(essayResponsePage.minimumHeightInputField(), 'visible');
+            utilities.verifyElementVisibilityState(essayResponsePage.maximumHeightInputField(), 'visible');
+            essayResponsePage.steps.verifyMinHeightInputFieldValue('100');
+            essayResponsePage.steps.verifyMaxHeightInputFieldValue('');
+        });
+
+        it('CSS of \'Minimum input field height (px)\' and \'Maximum input field height (px)\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(essayResponsePage.minHeightLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(essayResponsePage.minimumHeightInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(essayResponsePage.maxHeightLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(essayResponsePage.maximumHeightInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Minimum input field height (px)\' and \'Maximum input field height (px)\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(essayResponsePage.minHeightLabel().parents('[class*="StudentResponseAreaLayoutstyles__SizeWrapper"]'));
+        });
+
+        it('When user switches to preview tab the height of response field should be should be 100px which is the default value of \'Minimum input field height (px)\'', () => {
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyMinHeightResponseField('100px');
+        });
+
+        it('When user updates the value of \'Minimum input field height (px)\' then the height of the response field in the preview tab should get updated accordingly', () => {
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.setMinHeightInput('200');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyMinHeightResponseField('200px');
+        });
+
+        it('When user updates the value of \'Maximum input field height (px)\' then the height of the response field in the preview tab should get updated accordingly', () => {
+            essayResponsePage.steps.switchToEditTab();
+            essayResponsePage.steps.setMaxHeightInput('400');
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.verifyMaxHeightResponseField('400px');
+        });
+    });
+});

package/cypress/e2e/ILC/EssayResponse/toolSettings.js

@@ -0,0 +1,73 @@
+import { toolSettingsComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+import { dialogBoxBase, essayResponsePage, rulerPage } from "../../../pages";
+
+const css = Cypress.env('css');
+
+describe('Create Item page: Tool settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Tool settings: Contents', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+        });
+
+        toolSettingsComponent.tests.verifyToolSettingsContent();
+    });
+
+    describe('Tool settings: Edit tool settings', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            toolSettingsComponent.steps.expandToolSettingsAccordion();
+        });
+
+        it('When user clicks on edit icon for ruler tool, then popup for ruler tool settings should be displayed', () => {
+            toolSettingsComponent.steps.clickOnToolEditIcon(0);
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+        });
+
+        it('When user modifies the settings for the ruler tool and clicks the \'Ok\' button, then ruler tool should enter selected state.', () => {
+            rulerPage.steps.expandUnitOfMeasurementDropdown();
+            rulerPage.steps.selectOptionFromUnitOfMeasurementDropdown('Inch');
+            rulerPage.steps.selectOptionFromLengthOfRulerOptions('12 in');
+            rulerPage.steps.selectColorBlock(1);
+            rulerPage.steps.expandRotationDropdown();
+            rulerPage.steps.selectOptionFromRotationDropdown('Allow rotation and display angle');
+            rulerPage.steps.enterInputToOpacityInputField(60);
+            rulerPage.steps.checkAddShowHideButtonCheckbox();
+            toolSettingsComponent.steps.clickOnOkButton();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+            toolSettingsComponent.steps.verifyToolSelectedState(0);
+        });
+
+        it('When user has made changes for ruler tool in edit tab then changes should be reflected in the ruler tool in the preview tab', () => {
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Show');
+            rulerPage.steps.clickOnRulerVisibilityButton();
+            utilities.verifyElementVisibilityState(rulerPage.rulerPreviewTab(), 'visible');
+            rulerPage.steps.verifyLengthOfRulerInPreview('12in');
+            rulerPage.steps.verifyColorOfRulerInPreview(1);
+            rulerPage.steps.verifyRulerOpacityInPreview('0.6');
+            rulerPage.steps.verifyRotationButtonWithDegreeVisible();
+        });
+
+        it('CSS of the \'Hide ruler\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(rulerPage.rulerVisibilityButtonPreviewTab(), {
+                'border': `1px solid ${css.color.activeButtons}`,
+                'background-color': css.color.defaultBackground,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of \'Hide ruler\' button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(rulerPage.rulerVisibilityButtonPreviewTab().parents('[class*="ItemEnginestyles__MainWrapper"]'));
+        });
+    });
+});

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

@@ -25,7 +25,7 @@ describe('Create Item page - Fill in the gaps with dropdown: Manually and non sc
 
         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.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur 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: '​' }]);
         });

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

@@ -88,7 +88,7 @@ describe('Fill In the gaps with dropdown - Additional settings', () => {
                     'font-size': fontSizes[option]
                 });
                 fillInTheGapsDropdownPage.steps.expandDropdownInPreviewTab(0);
-                utilities.verifyCSS(fillInTheGapsDropdownPage.dropdownTextLabel(), {
+                utilities.verifyCSS(fillInTheGapsDropdownPage.dropdownListOptions().find('.dropdown-label-text'), {
                     'font-size': fontSizes[option]
                 });
                 fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(correctAnswerArray[0]);
@@ -124,7 +124,7 @@ describe('Fill In the gaps with dropdown - Additional settings', () => {
 
         fillInTheGapsDropdownPage.tests.verifyAdditionalSettingsAccessibilitySection();
     });
-    
+
     describe('Additional Settings: Details section', () => {
         abortEarlySetup();
         before(() => {

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

@@ -212,7 +212,7 @@ describe('Fill In the gaps with dropdown - Additional settings : Placeholder tex
             fillInTheGapsDropdownPage.steps.selectEnumerationType('without enumeration');
             fillInTheGapsDropdownPage.steps.switchToPreviewTab();
             fillInTheGapsDropdownPage.steps.switchToGradingView();
-            utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswerSectionWithoutEnumerationWrapper(), 'Lorem ipsum dolor sit amet, \nFlower\n​\nonsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \nLeaf\n​');
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswerSectionWithoutEnumerationWrapper(), 'Lorem ipsum dolor sit amet, \nFlower\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \nLeaf\n​');
             fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(['Flower', 'Leaf']);
             fillInTheGapsDropdownPage.steps.verifyDropdownNumerationNotExistsPreviewTab();
             utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.correctAnswerResponseNumeration(), 'notExist');

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

@@ -40,7 +40,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
 
         it('\'Question\' label and input field should be displayed and by default in the question input field, sample \'Lorem Ipsum\' text along with two dropdowns should be present', () => {
             utilities.verifyInnerText(fillInTheGapsDropdownPage.questionLabel(), 'Question');
-            utilities.verifyInnerText(fillInTheGapsDropdownPage.questionInputField(), 'Lorem ipsum dolor sit amet, \n1\nclose\nonsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n2\nclose');
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.questionInputField(), 'Lorem ipsum dolor sit amet, \n1\nclose\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n2\nclose');
             utilities.verifyElementCount(fillInTheGapsDropdownPage.responseArea(), 2);
         });
 
@@ -131,14 +131,14 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsDropdownPage.steps.switchToEditTab();
             fillInTheGapsDropdownPage.steps.addInputToQuestionInputField('Lorem ipsum');
             fillInTheGapsDropdownPage.steps.switchToPreviewTab();
-            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​\n​\n​\nLorem ipsum');
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​\n​\n​\nLorem ipsum');
         });
 
         it('When the user deletes a dropdown, it should get deleted from the question preview', () => {
             fillInTheGapsDropdownPage.steps.switchToEditTab();
             fillInTheGapsDropdownPage.steps.deleteAResponseArea(2);
             fillInTheGapsDropdownPage.steps.switchToPreviewTab();
-            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​\nLorem ipsum');
+            utilities.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​\nLorem ipsum');
         });
     });
 });

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/previewContentsForAllViews.smoke.js

@@ -72,7 +72,7 @@ describe('Create item page - Fill in the gaps with dropdown - Preview contents i
             if (view !== 'Grading view' && view !== 'Correct answer view') {
                 it('The sample \'Lorem Ipsum\' text along with two response dropdowns should be displayed', () => {
                     utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownPreviewTab(), 2);
-                    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.verifyInnerText(fillInTheGapsDropdownPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n​\n onsectetur adipiscing elit. Ut pellentesque tinciduntornare. Integer porttitor est quis urna porttitor, eget tempus tellus dapibus \n​\n​');
                 });
 
                 it('User should be able to select an option from the dropdown', () => {

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

@@ -63,11 +63,11 @@ describe('Create Item page - Fill in the gaps with dropdown: Specify correct ans
             fillInTheGapsDropdownPage.steps.allotPoints(5);
             fillInTheGapsDropdownPage.steps.deleteAlternativeAnswerAccordion(1);
             fillInTheGapsDropdownPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
-            fillInTheGapsDropdownPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+            fillInTheGapsDropdownPage.steps.verifyAlternativeAnswerAccordionLabel(0);
         });
 
         it('When the user deletes an option assigned as correct in the correct accordion then the correct accordion should be in the expanded state and an error icon should appear on correct accordion', () => {
-            fillInTheGapsDropdownPage.steps.deleteOption(0);
+            fillInTheGapsDropdownPage.steps.deleteOption(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectAnswerAccordionIsExpanded();
             fillInTheGapsDropdownPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
         });

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

@@ -263,6 +263,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
 
         it('When user selects a dropzone and changes dropzone pointer style in edit tab, then changes in dropzone pointer should be reflected in preview tab', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectCanvasMenuButton('Select dropzone');
             fillInTheGapsOverImageDragAndDropPage.steps.selectResponseArea(0);
             fillInTheGapsOverImageDragAndDropPage.steps.selectResponseAreaPointerStyle(dropzonePointerStyles[5]);
             fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();

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

@@ -442,7 +442,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             fillInTheGapsOverImageDragAndDropPage.steps.expandMaxCapacityPerDropzoneDropdown();
             fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Branch': 0, 'Roots': 0, 'Petals': 0 });
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInSpecifyCorrectAnswerSection(0, ['Branch', 'Roots']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInSpecifyCorrectAnswerSection(0, ['Roots', 'Petals']);
         });
 
         it('\'Show students the dropzone limits\' label and checkbox should be displayed. By default the checkbox should be unchecked', () => {
@@ -509,7 +509,7 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
             fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 0, 'Seeds': 0 });
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Leaves', 'Petals']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Petals', 'Seeds']);
         });
 
         it('When \'Show students the dropzone limits\' checkbox is in unchecked state, no help text should be displayed in the preview tab', () => {

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/Scoring/partialEqualWeightsWithAlternativePointsGreaterThanCorrectPoints.js

@@ -38,7 +38,7 @@ describe('Create item page - Fill in the gaps over image with dropdown: Partial
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, alternateAnswerArray[2]);
             fillInTheGapsOverImageDropdownPage.steps.allotPoints(15);
             fillInTheGapsOverImageDropdownPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
-             //fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            //fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
         });
 

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

@@ -37,6 +37,7 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
             fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
             fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown);
         });
 
         fillInTheGapsOverImageDropdownPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
@@ -50,7 +51,7 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
 
         it('When user has added an alternate answer accordion, then the newly added alternate answer accordion should be in expanded state and the correct answer accordion should be in collapsed state', () => {
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerAccordionIsCollapsed();
-            fillInTheGapsOverImageDropdownPage.steps.verifyAlternateAnswerAccordionIsExpanded(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyAlternateAnswerAccordionIsExpanded(0);
         });
 
         fillInTheGapsOverImageDropdownPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
@@ -67,7 +68,7 @@ describe('Create Item page - Fill in the gaps over image - dropdown: Specify cor
             fillInTheGapsOverImageDropdownPage.steps.allotPoints(5);
             fillInTheGapsOverImageDropdownPage.steps.deleteAlternativeAnswerAccordion(1);
             fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
-            fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerAccordionLabel(0);
         });
 
         it('When correct answers and points are set in alternate answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternate answer accordion should be collapsed', () => {

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

@@ -289,7 +289,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the "Dashed" border style is in selected state, then the border style of the text containers in the preview tab should be "Dashed"', () => {
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'solid');
+            fillInTheGapsOverImageDropdownPage.steps.verifyDropdownBorderStyle(0, 'solid');
         });
 
         borderStyles.forEach((style) => {
@@ -297,7 +297,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
                 fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
                 fillInTheGapsOverImageDropdownPage.steps.selectBorderStyleToggleButton(style);
                 fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
-                fillInTheGapsOverImageDropdownPage.steps.verifyResponseAreaOverImageBorderStyle(0, style);
+                fillInTheGapsOverImageDropdownPage.steps.verifyDropdownBorderStyle(0, style);
             });
         })
     });

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.js

@@ -207,7 +207,7 @@ describe('Create item page - Fill in the gaps over image with text: Partial diff
             fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Stem']);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Petals', 'Leaves', 'Branch']);
             fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user attempts the question with more number of correct responses from the correct accordion than the alternative accordion but the score of the individual response selected from the alternative accordion overpowers the combined score of the correct accordion answers and clicks on the \'Check answer\' button, correct icon icons should be displayed beside the correct responses from the correct accordion, incorrect icons should be displayed beside the incorrectly answered responses, correct/incorrect answer label and its border, correct answer container should not be displayed')
             fillInTheGapsOverImageTextPage.steps.checkAnswer();

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/allOrNothingForAllViews.smoke.js

@@ -108,7 +108,7 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
                     fillInTheGapsOverImageTextPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
                 fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
-                utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers:');
+                utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
             });
 

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

@@ -146,6 +146,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
 
         it('When user selects a text container and changes text container pointer style in edit tab, then changes in text container pointer should be reflected in preview tab', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.selectCanvasMenuButton('Select text container');
             fillInTheGapsOverImageTextPage.steps.selectResponseArea(0);
             fillInTheGapsOverImageTextPage.steps.selectResponseAreaPointerStyle(textContainerPointerStyles[1]);
             fillInTheGapsOverImageTextPage.steps.selectResponseArea(1);
@@ -228,9 +229,9 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsOverImageTextPage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[0], 0);
         });
 
-        it(`When the user chooses  ${textContainerPointerStyles[5]}, then selected text containers should have the specified effect applied, and the other drop zones should remain unaffected.`, () => {
-            fillInTheGapsOverImageTextPage.steps.selectResponseAreaPointerStyle(textContainerPointerStyles[5]);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[5], 1);
+        it(`When the user chooses  ${textContainerPointerStyles[7]}, then selected text containers should have the specified effect applied, and the other drop zones should remain unaffected.`, () => {
+            fillInTheGapsOverImageTextPage.steps.selectResponseAreaPointerStyle(textContainerPointerStyles[7]);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[7], 1);
             fillInTheGapsOverImageTextPage.steps.verifyResponseAreaPointerStyle(textContainerPointerStyles[0], 0);
         });
     });