itemengine-cypress-automation 1.0.250 → 1.0.251

package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsAlternativePointsGreaterThanCorrectPoints.js

@@ -329,7 +329,7 @@ describe('Create item page - Charts - Bar: Partial equal weights scoring with al
             chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
             chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
             chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
-            chartsBarPage.steps.verifyPreviewScore(12.5, 20);
+            chartsBarPage.steps.verifyPreviewScore(12.5, 50);
             chartsBarPage.steps.switchToGradingView();
             chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
             chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);

package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternativePoints.js

@@ -328,7 +328,7 @@ describe('Create item page - Charts - Bar: Partial equal weights scoring with al
 
             chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 8, range: 10 });
             chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
-            chartsBarPage.steps.verifyPreviewScore(12.5, 20);
+            chartsBarPage.steps.verifyPreviewScore(12.5, 50);
             chartsBarPage.steps.switchToGradingView();
             chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
             chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);

package/cypress/e2e/ILC/DrawingResponse/drawingResponseCustomizeAdditionalOptions.js

@@ -595,6 +595,8 @@ describe('Create item page - Drawing response: Customize special characters, Cus
         });
 
         it('When the user adds upto 10 color blocks, then the add[+] color block should get disabled when 10 blocks have been added.', () => {
+            //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+            drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
             for (let i = 0; i < 6; i++) {
                 drawingResponsePage.steps.clickOnAddColorBlockInDefaultFontStrokeColorBlockSection();
                 drawingResponsePage.steps.clickOnEditTabColorPaletteOkButton();

package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js

@@ -861,6 +861,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it(`When \'Fill color picker\' additional option is selected in edit tab, then in preview tab the ${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[0]} secondary toolbar option popup should display color picker and its related components`, () => {
             drawingResponsePage.steps.switchToEditTab();
+            //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+            drawingResponsePage.steps.expandCustomizeToolbarOptionsAndControlsAccordion();
             drawingResponsePage.steps.selectOptionsTiles([`${drawingToolbarOptionsAndAdditionalOptions.additionalOptions[6]}`]);
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].displayName);

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

@@ -87,7 +87,7 @@ describe('Create item page - Fill in the gaps drop down: Drop down alternate ans
         });
 
         it('When the user clicks on \'Cancel\' button, then popup should be closed and the changes made by the user should not be saved', () => {
-            fillInTheGapsDropdownPage.steps.CancelDropdownAlternateAnswersPopup();
+            fillInTheGapsDropdownPage.steps.cancelDropdownAlternateAnswersPopup();
             utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.alternateAnswerPopup(), 'notExist');
         });
 
@@ -149,14 +149,13 @@ describe('Create item page - Fill in the gaps drop down: Drop down alternate ans
         });
 
         it('When user opens the alternate answer popup for another drop down, then alternate answer popup with the title and options as per the corresponding drop down should be displayed', () => {
-            fillInTheGapsDropdownPage.steps.CancelDropdownAlternateAnswersPopup();
             fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
             fillInTheGapsDropdownPage.steps.clickOnAddAlternateButton(2);
             utilities.verifyInnerText(fillInTheGapsDropdownPage.alternateAnswerPopupTitle(), 'Dropzone 2 alternate answer(s)');
             utilities.verifyInnerText(fillInTheGapsDropdownPage.alternateAnswerPopupHelpText(), 'Select alternate answer(s).');
             fillInTheGapsDropdownPage.steps.verifyDropdownAlternateAnswerPopupOptions(['Leaves', 'Stem', 'Seed']);
             cy.log('Post-step: Close the alternate answers popup');
-            fillInTheGapsDropdownPage.steps.CancelDropdownAlternateAnswersPopup();
+            fillInTheGapsDropdownPage.steps.cancelDropdownAlternateAnswersPopup();
         });
     });
 });

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

@@ -40,7 +40,7 @@ describe('Create item page - Fill in the gaps over image with text: Supported fi
 
         it('When the user tries to uploads an image with unsupported file type, then an error message, "Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.", should be displayed', () => {
             fillInTheGapsOverImageTextPage.steps.uploadFile('sample.heic');
-            utilities.verifyTextContent(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.');
+            utilities.verifyTextContent(fillInTheGapsOverImageTextPage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats:  JPG, PNG, GIF, SVG.');
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'visible');
             fillInTheGapsOverImageTextPage.steps.verifyCanvasImageNotExist();
         });

package/cypress/e2e/ILC/ImageHighlight/toolsFunctionalityEditTab.js

@@ -164,7 +164,7 @@ describe('Create Item page - Highlight image: Tools functionality edit tab', ()
         it('When the user clicks on the \'Clear all\' tool, then a popup should be displayed with \'Are you sure you want to clear the canvas?\' with \'Delete\' and \'Cancel\' buttons', () => {
             imageHighlightPage.steps.clickOnClearAllTool();
             utilities.verifyInnerText(imageHighlightPage.clearAllPopupHeading(), 'Clear all');
-            utilities.verifyInnerText(imageHighlightPage.clearAllPopupDescription(), 'Are you sure you want to clear the canvas?');
+            utilities.verifyInnerText(imageHighlightPage.clearAllPopupDescription(), 'Are you sure you want to clear all highlights from the canvas?');
             utilities.verifyInnerText(imageHighlightPage.clearAllButton(), 'Clear all');
             utilities.verifyInnerText(imageHighlightPage.cancelButton(), 'Cancel');
         });

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

@@ -36,7 +36,7 @@ describe('Create item page - Text entry math: Question instructions, Add structu
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
             textEntryMathPage.steps.expandAdditionalSettings();
-        // textEntryMathPage.steps.selectModalVisibilityTypeButton();
+            // textEntryMathPage.steps.selectModalVisibilityTypeButton();
         });
 
         it('By default \'Add structure\' tab will have active selection', () => {
@@ -92,7 +92,7 @@ describe('Create item page - Text entry math: Question instructions, Add structu
             textEntryMathPage.steps.switchToEditTab();
             textEntryMathPage.steps.deleteAResponseArea(0);
             textEntryMathPage.steps.deleteAResponseArea(0);
-            utilities.verifyElementVisibilityState(textEntryMathPage.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(textEntryMathPage.errorMessage(), 'exist');
         });
 
         textEntryMathPage.tests.verifyErrorMessageCSSAndA11y();
@@ -110,7 +110,7 @@ describe('Create item page - Text entry math: Question instructions, Add structu
             textEntryMathPage.steps.addResponseArea();
             textEntryMathPage.steps.addResponseArea();
             textEntryMathPage.steps.expandAdditionalSettings();
-        // textEntryMathPage.steps.selectModalVisibilityTypeButton();
+            // textEntryMathPage.steps.selectModalVisibilityTypeButton();
         });
 
         it('For the two response token in question input field, two response accordions \'Response 1\' and \'Response 2\' should be present in collapsed state in the \'Specify correct answer section\'', () => {
@@ -145,7 +145,7 @@ describe('Create item page - Text entry math: Question instructions, Add structu
             textEntryMathPage.steps.addResponseArea();
             textEntryMathPage.steps.addResponseArea();
             textEntryMathPage.steps.expandAdditionalSettings();
-        // textEntryMathPage.steps.selectModalVisibilityTypeButton();
+            // textEntryMathPage.steps.selectModalVisibilityTypeButton();
         });
 
         it('For the two response token in question input field, in additional settings accordion, two  \'ARIA label for text containers\'input fields should be displayed', () => {
@@ -169,7 +169,7 @@ describe('Create item page - Text entry math: Question instructions, Add structu
             textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
             cy.barsPreLoaderWait();
             textEntryMathPage.steps.expandAdditionalSettings();
-        // textEntryMathPage.steps.selectModalVisibilityTypeButton();
+            // textEntryMathPage.steps.selectModalVisibilityTypeButton();
             textEntryMathPage.steps.switchToPreviewTab();
         });
 

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -316,15 +316,9 @@ const tests = {
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
         });
 
-        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in disabled state', () => {
-            utilities.verifyElementDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
-        });
-
-        it('When user hovers over the disabled \'Add alternative answer\' button then \'Please set a correct answer\' message should be displayed in a tooltip', () => {
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
-                .realHover();
-            utilities.verifyInnerText(commonComponents.tooltipText(), 'Please set a correct answer');
-            utilities.hoverAwayFromElement(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
+        it('If user has not selected correct answer in the correct accordion, the user should get a warning popup', () => {
+            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
         });
 
         it('CSS of warning popup', { tags: 'css' }, () => {
@@ -346,14 +340,38 @@ const tests = {
         it('Accessibility of warning popup', { tags: 'a11y' }, () => {
             cy.checkAccessibility(dialogBoxBase.dialogBox());
         });
+
+        it('Warning popup should close on clicking the Close icon button', () => {
+            dialogBoxBase.steps.closeWarningPopup();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+        });
+
+        it('\'Error: Please set a correct answer.\' validation error messages should be displayed in the correct accordion, points error message should not be displayed', () => {
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .within(() => {
+                    utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                });
+            scoringSectionBaseEditTab.pointsWrapper()
+                .within(() => {
+                    utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.pleaseEnterPointsErrorMessage(), 'notExist');
+                });
+            if (questionType != 'list ordering' && questionType != 'short text response' && questionType != 'text entry math' && questionType != 'text selection' && questionType != 'fill in the gaps with text' && questionType != 'fill in the gaps over image text') {
+                steps.verifySpecifyCorrectAnswerErrorMessage();
+            }
+            else if (questionType === 'short text response' || questionType === 'fill in the gaps with text' || questionType === 'fill in the gaps over image text' || questionType === 'text entry math') {
+                utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), -1), 'Error: Answer is required.');
+            } else if (questionType === 'text selection') {
+                utilities.verifyInnerText(commonComponents.alertMessage(), 'Error: Please set a correct answer.');
+            }
+        });
     },
 
     verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
         it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
             autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                 .click();
-            //TODO: Need to add error message according to question types
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+            dialogBoxBase.steps.closeWarningPopup();
             autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                 .eq(1)
                 .should('have.attr', 'aria-expanded', 'true');

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -754,7 +754,7 @@ const tests = {
         //Note: the expand and close dropdown does not work hence selecting one option here, the error message appears
         it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should not be displayed', () => {
             fillInTheGapsDropdownCommonComponent.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, 'Flower');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
         });
 
         it('When the user selects any option from the dropdown, then error message should disappear and that option should be displayed on the dropdown', () => {

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -1237,7 +1237,8 @@ const tests = {
 
         it('When user focuses in and out of the response accordion \'Answer\' input field, \'Error: Answer is required.\' error message should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0, 0);
-            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
+            commonComponents.errorMessage()
+                .should('have.text', 'Error: Answer is required.');
         });
 
         it('When gives an input to \'Answer\' input field, then error message should disappear', () => {

package/cypress/pages/components/optionsWrapperComponent.js

@@ -78,7 +78,7 @@ const steps = {
             .eq(index)
             .within(() => {
                 commonComponents.errorMessage()
-                    .should('not.exist');
+                    .should('have.text', 'Error: Option is required.');
             });
     },
 
@@ -183,7 +183,7 @@ const steps = {
             .eq(index)
             .find('[data-widget="ngie_equation"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -1009,23 +1009,23 @@ const tests = {
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
      * @example - verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
      */
-    verifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
+    zverifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
         it(`The user should be able to drop option in the dropzone in the ${accordionName} accordion`, () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0 });
         });
 
         it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, 'Error: Please set a correct answer.' error message should be thrown along with an error icon on the '${accordionName}' accordion`, () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
                     });
             };
         });

package/cypress/pages/fillInTheGapsDropdownPage.js

@@ -246,7 +246,7 @@ const steps = {
             .click();
     },
 
-    CancelDropdownAlternateAnswersPopup: () => {
+    cancelDropdownAlternateAnswersPopup: () => {
         fillInTheGapsDropdownPage.alternateAnswerPopupCancelButton()
             .click();
     },

package/cypress/pages/matchingPage.js

@@ -2708,7 +2708,7 @@ const tests = {
                 .eq(inputFieldIndex)
                 .click()
                 .blur();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
         });
 
         it('User should be able to enter text in options input field', () => {

package/cypress/pages/singleSelectionPage.js

@@ -708,7 +708,7 @@ const tests = {
 
         it('On deleting correct answer option(s), \'Error: Please set a correct answer.\' validation error message should be thrown along with an error icon on the \'Correct\' tab', () => {
             singleSelectionPage.steps.deleteOption(1);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
             autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
         });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.250",
+  "version": "1.0.251",
   "description": "",
   "main": "index.js",
   "scripts": {