itemengine-cypress-automation 1.0.244 → 1.0.245

package/cypress/fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters.js

@@ -32,8 +32,8 @@ export const drawingToolbarOptionsAndAdditionalOptions = {
             toolType: 'dialog'
         },
         {
-            displayName: 'Upload image ',
-            tooltipText: 'The \'Upload image \' tool uploads an image.',
+            displayName: 'Insert image',
+            tooltipText: 'The \'Insert image\' tool uploads an image.',
             toolType: 'dialog'
         },
         {

package/cypress/pages/components/autoScoredSetCorrectAnswerSection.js

@@ -222,6 +222,17 @@ const tests = {
         });
     },
 
+    verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab: () => {
+        it('When user clicks on Correct tab when all the mandatory fields are not filled in Alternate tab a warning popup should be displayed and on closing the popup user should be on the Alternate 2 tab.', () => {
+            autoScoredSetCorrectAnswerSection.correctTab()
+                .click();
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+            dialogBoxBase.steps.closeWarningPopup();
+            autoScoredSetCorrectAnswerSection.alternateAnswerTab(2)
+                .should('have.attr', 'aria-selected', 'true');
+        });
+    },
+
     verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty: (tabName) => {
         it(`When the user focuses in and out of the empty points input field, \'Error: Please enter points.\' validation text should be displayed below the points input field and error icon should be displayed on the \'${tabName}\'`, () => {
             scoringSectionBase.pointsInputField()

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -317,15 +317,33 @@ 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('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('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('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.');
+            }
         });
 
         it('CSS of warning popup', { tags: 'css' }, () => {
@@ -353,8 +371,8 @@ const tests = {
         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

@@ -764,9 +764,10 @@ 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', () => {
+        it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should be displayed', () => {
             fillInTheGapsDropdownCommonComponent.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, 'Flower');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
         });
 
         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();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyInnerText(commonComponents.errorMessage(), '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.');
             });
     },
 
@@ -345,7 +345,7 @@ const tests = {
                 .eq(inputFieldIndex)
                 .click()
                 .blur();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Option is required.');
         });
 
         it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -362,13 +362,13 @@ const tests = {
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
-        it('If the user enters points more than the allocated points in Minimum points input field, an error message \'Error: Minimum score cannot be greater than allocated points.: *points in points field*\' should not be displayed', () => {
+        it('If the user enters points more than the allocated points in Minimum points input field, an error message \'Error: Minimum score cannot be greater than allocated points.: *points in points field*\' should be displayed', () => {
             scoringSectionBaseEditTab.steps.allotMinimumPoints(20);
             scoringSectionBaseEditTab.minimumPointsInputField()
                 .focus();
             scoringSectionBaseEditTab.minimumPointsInputField()
                 .blur();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyInnerText(commonComponents.errorMessage().last(), 'Error: Minimum score cannot be greater than allocated points.: 10');
         });
 
         it('The error message should disappear once the user removes the entered points from the Minimum score awarded (if attempted) input field', () => {

package/cypress/pages/createItemPage.js

@@ -17,7 +17,7 @@ const selectors = {
     itemTitle: () => cy.get('.ItemLevel-Header'),
     tagsButton: () => cy.get('.ngie-button').contains('Tags'),
     tagsInputField: () => cy.get('.tags-chip-container'),
-    settingsBtn: () => cy.get('.ngie-icon-with-label-btn').eq(2),
+    settingsBtn: () => cy.get('.ngie-icon-with-label-btn').contains('Settings'),
     rowQuestionWrapper: () => cy.get('[class*="Widgetstyles__RowWrapper"]'),
     columnQuestionWrapper: () => cy.get('[class*="ColumnComponentstyles__WidgetsWrapper"]'),
     panelWrapper: () => cy.get('.column-tab-without-scroll'),

package/cypress/pages/dialogBoxBase.js

@@ -15,15 +15,11 @@ const selectors = {
 }
 
 const steps = {
-    allFieldsRequiredWarningPopupContents: (requiredFieldsArray = null) => {
+    allFieldsRequiredWarningPopupContents: () => {
         utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-        utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Incomplete question');
-        utilities.verifyInnerText(dialogBoxBase.dialogBoxHelpText(), "Are you sure you want to save? Required fields are missing:");
-        if (requiredFieldsArray != null) {
-            requiredFieldsArray.forEach((field, index) => {
-                utilities.verifyInnerText(utilities.getNthElement(dialogBoxBase.dialogBoxWarningFieldList(), index), field);
-            });
-        }
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Warning!');
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Please fill the required fields.');
+        utilities.verifyElementVisibilityState(dialogBoxBase.buttonClose(), 'visible');
     },
 
     closeWarningPopup: () => {
@@ -52,13 +48,11 @@ const tests = {
         it('When user has made no edits and clicks on Save Question button, the user should get a warning popup', () => {
             createQuestionBasePage.saveQuestionButton()
                 .click();
-            if (requiredFieldsArray != null) {
-                dialogBoxBase.steps.allFieldsRequiredWarningPopupContents(requiredFieldsArray);
-            }
+            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
         });
 
-        it('Leave page popup should close on clicking the reject button', () => {
-            dialogBoxBase.steps.clickOnRejectButtonInDialogBox();
+        it('Warning popup should close on clicking the Close icon button', () => {
+            dialogBoxBase.steps.closeWarningPopup();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
         });
     },

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -2315,18 +2315,19 @@ const tests = {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0 });
         });
 
-        it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, error message should not be thrown on the \'${accordionName}\' accordion`, () => {
+        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`, () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Bat');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
             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/graphingPage.js

@@ -1761,25 +1761,28 @@ const tests = {
             graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
         });
 
-        it(`When the user resets the graph in the ${accordionName} accordion, error message should not be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When the user resets the graph in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
             graphingPage.graphControlOptionSpecifyCorrectAnswer('Reset')
                 .click();
             graphingPage.resetPopupConfirmResetButton()
                 .click();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
             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');
                     });
             };
         });
 
+        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();
+
         it('When the user plots on the graph then the error message should disappear', () => {
             graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Circle');
             graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);

package/cypress/pages/gridFillPage.js

@@ -2990,18 +2990,19 @@ const tests = {
             gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
         });
 
-        it(`When user deselect all the cells in the grid in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should not be displayed \'${accordionName}\' accordion`, () => {
+        it(`When user deselect all the cells in the grid in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
             gridFillPage.steps.deselectCellSpecifyCorrectAnswerSection(0, 0);
-            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
+            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
             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');
                     });
             };
         });
@@ -3009,17 +3010,6 @@ const tests = {
         it('When user selects a cell by clicking on it, then error message should not be displayed', () => {
             gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
-            if (accordionName == 'Correct') {
-                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
-                    });
-            } else {
-                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
-                    });
-            };
         });
 
         it(`\'Match exact position of cells\' label and checkbox should be displayed in the ${accordionName} accordion and the checkbox should be checked`, () => {
@@ -3050,6 +3040,17 @@ const tests = {
             gridFillPage.steps.clearCellShadeCountInputField();
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
             utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                    });
+            };
         });
 
         it('CSS of \'Cell shade count\' input field error message', { tags: 'css' }, () => {