itemengine-cypress-automation 1.0.205 → 1.0.206

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

@@ -26,6 +26,9 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         before(() => {
             fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
             cy.barsPreLoaderWait();
+            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
             fillInTheGapsOverImageTextPage.steps.expandStyleAndLayoutCustomizationAccordion();
         });
 
@@ -37,13 +40,13 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
 
         fillInTheGapsOverImageTextPage.tests.verifyBorderColorSectionContents();
 
-        fillInTheGapsOverImageTextPage.tests.verifyBorderStyleSectionContents('Dashed');
+        fillInTheGapsOverImageTextPage.tests.verifyBorderStyleSectionContents('Solid');
 
         fillInTheGapsOverImageTextPage.tests.verifyFillColorTooltips();
 
         fillInTheGapsOverImageTextPage.tests.verifyBorderColorTooltips();
 
-        fillInTheGapsOverImageTextPage.tests.verifyStyleAndLayoutCustomizationAccordionContentsCSSAndA11y('Dashed');
+        fillInTheGapsOverImageTextPage.tests.verifyStyleAndLayoutCustomizationAccordionContentsCSSAndA11y('Solid');
     });
 
     describe('Fill color - Edit tab', () => {
@@ -59,25 +62,25 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the canvas image should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, css.color.optionsBg);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.optionsBg);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the canvas image', () => {
             fillInTheGapsOverImageTextPage.steps.selectColorBlock(1);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, css.color.transparent);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.transparent);
         });
 
         it('When the user clicks on the "Edit color" button, modifies color for the selected color block, then the background color of the text containers in the canvas image should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.editColor(0);
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, modifiedColor);
         });
 
         it('When the adds a new text container, then the background color of the newly added text container should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, modifiedColor);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(1, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(1, modifiedColor);
         });
     });
 
@@ -95,14 +98,14 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the preview tab should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, css.color.optionsBg);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.optionsBg);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the preview tab', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
             fillInTheGapsOverImageTextPage.steps.selectColorBlock(1);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, css.color.transparent);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.transparent);
         });
 
         it('When the user clicks on the "Edit color" button, modifies color for the selected color block, then the color block should get updated accordingly', () => {
@@ -111,15 +114,15 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, modifiedColor);
         });
 
         it('The background color of the text containers in the preview tab should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(0, modifiedColor);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageFillColor(1, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, modifiedColor);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(1, modifiedColor);
         });
     });
 
@@ -136,25 +139,25 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the canvas image should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${css.color.activeComponentBorder}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the canvas image', () => {
             fillInTheGapsOverImageTextPage.steps.selectColorBlock(3);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${css.color.transparent}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${css.color.transparent}`);
         });
 
         it('When the user clicks on the "Edit color" button, modifies color for the selected color block, then the background color of the text containers in the canvas image should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.editColor(1);
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${modifiedColor}`);
         });
 
         it('When the adds a new text container, then the background color of the newly added text container should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${modifiedColor}`);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(1, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(1, `1px solid ${modifiedColor}`);
         });
     });
 
@@ -172,7 +175,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the preview tab should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${css.color.activeComponentBorder}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the preview tab', () => {
@@ -188,15 +191,15 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${modifiedColor}`);
         });
 
         it('The background color of the text containers in the preview tab should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${modifiedColor}`);
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(1, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(1, `1px solid ${modifiedColor}`);
         });
     });
 
@@ -305,8 +308,8 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.expandStyleAndLayoutCustomizationAccordion();
         });
 
-        it('When the "Dashed" border style is in selected state, then the border style of the text containers in the canvas image should be "Dashed"', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'dashed');
+        it('When the "Solid" border style is in selected state, then the border style of the text containers in the canvas image should be "Solid"', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'solid');
         });
 
         borderStyles.forEach((style) => {
@@ -329,8 +332,8 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
         });
 
-        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"', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'dashed');
+        it('When the "Solid" border style is in selected state, then the border style of the text containers in the preview tab should be "Solid"', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, 'solid');
         });
 
         borderStyles.forEach((style) => {
@@ -338,7 +341,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
                 fillInTheGapsOverImageTextPage.steps.switchToEditTab();
                 fillInTheGapsOverImageTextPage.steps.selectBorderStyleToggleButton(style);
                 fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-                fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, style);
+                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, style);
             });
         })
     });

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

@@ -21,7 +21,7 @@ describe('Create Item page - Fill in the gaps with text: Manually and non scored
 
         it('Question instructions, question preview and response areas should be displayed in the preview tab', () => {
             fillInTheGapsTextPage.steps.verifyQuestionInstructionsTextPreviewTab('fill in the gaps');
-            utilities.verifyInnerText(fillInTheGapsTextPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\nonsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\ntempus tellus dapibus.\n​');
+            utilities.verifyInnerText(fillInTheGapsTextPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\n tempus tellus dapibus.\n​');
             utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
             fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
         });

package/cypress/e2e/ILC/FillInTheGapsTextNew/additionalSettingsForAnswerInputFields.js

@@ -118,7 +118,7 @@ describe('Fill In the gaps with text - Additional settings : Placeholder text, G
             fillInTheGapsTextPage.steps.selectEnumerationType('without enumeration');
             fillInTheGapsTextPage.steps.switchToPreviewTab();
             fillInTheGapsTextPage.steps.switchToGradingView();
-            utilities.verifyInnerText(fillInTheGapsTextPage.correctAnswerSectionWithoutEnumerationWrapper(), 'Lorem ipsum dolor sit amet, \n​\nonsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\ntempus tellus dapibus.');
+            utilities.verifyInnerText(fillInTheGapsTextPage.correctAnswerSectionWithoutEnumerationWrapper(), 'Lorem ipsum dolor sit amet, \n​\n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\n tempus tellus dapibus.');
             fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesWithoutEnumeration(['Flower', 'Leaf']);
             fillInTheGapsTextPage.steps.verifyResponseAreaNumerationNotExists();
             utilities.verifyElementVisibilityState(fillInTheGapsTextPage.correctAnswerResponseNumeration(), 'notExist');

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

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

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

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

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

@@ -67,7 +67,7 @@ describe('Create item page - Fill in the gaps with text - Preview contents in al
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
                 it('The sample \'Lorem Ipsum\' text along with three answer input fields should be displayed in the question field and they should be empty.', () => {
-                    utilities.verifyInnerText(fillInTheGapsTextPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\nonsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\ntempus tellus dapibus.\n​');
+                    utilities.verifyInnerText(fillInTheGapsTextPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n​\n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n​\n tempus tellus dapibus.\n​');
                     utilities.verifyElementCount(fillInTheGapsTextPage.answerInputFieldPreviewTab(), 3);
                     fillInTheGapsTextPage.steps.verifyTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '' }, { responseIndex: 1, responseText: '' }, { responseIndex: 2, responseText: '' }]);
                 });