itemengine-cypress-automation 1.0.337-IEI-5508-automated-tests-9e03453.0 → 1.0.338

package/cypress/pages/singleSelectionGridPage.js

@@ -2,6 +2,7 @@ import utilities from "../support/helpers/utilities";
 import { createQuestionBasePage, questionInstructionsComponent, gridQuestionCommonComponent, scoringSectionBaseEditTab, ckEditorToolbar, equationEditorFlyout, autoScoredScoringPreviewTab, correctIncorrectAnswerLabelComponent, autoScoredScoringSectionMultiResponseType, autoScoredStudentViewSettings, specifyRowsAndColumnsComponent, autoScoredSpecifyCorrectAnswerSection, randomizeOptionsComponent, studentViewSettingsLabelComponent, commonComponents, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent } from "./components";
 const css = Cypress.env('css');
 import { createItemPage } from "./createItemPage";
+import { dialogBoxBase } from "./dialogBoxBase";
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -179,12 +180,78 @@ const tests = {
     ...randomizeOptionsComponent.tests,
     ...studentViewSettingsLabelComponent.tests,
     ...autoScoredStudentViewSettings.tests,
-    ...specifyRowsAndColumnsComponent.tests, 
+    ...specifyRowsAndColumnsComponent.tests,
     ...commonComponents.tests,
     ...createQuestionBasePage.tests,
     ...additionalSettingsPanel.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.tests,
+    //TODO need to remove once Save as you go is available for all questions
+    /**
+     * @description Verifies the behavior of the 'Add alternative answer' button, warning popups, and validation error messages
+     * in the 'Specify correct answer' section for alternative answers in auto-scored questions.
+     * @param {string|null} questionType - The type of the question (e.g., 'list ordering'). Pass `null` if not applicable.
+     * @example - verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+     */
+    verifyAutoScoredAddAlternativeAnswerButtonAndValidation: (questionType = null) => {
+        it('\'+ Add alternative answer\' button should be present', () => {
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
+            utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('content', '""');
+        });
+
+        it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton().find('p'), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .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 enabled state', () => {
+            utilities.verifyElementNotDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
+            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
+        });
+
+        it('CSS of warning popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
+                'fill': css.color.closeIcon
+            });
+        });
+
+        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
+            dialogBoxBase.steps.closeWarningPopup();
+        });
+    },
+
+    //TODO need to remove once Save as you go is available for all questions
+    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();
+            dialogBoxBase.steps.closeWarningPopup();
+            //TODO: Need to add error message according to question types
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+    },
+
     /**
      * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.

package/cypress/pages/singleSelectionPage.js

@@ -719,6 +719,73 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...mcqAdditionalSettingsBase.tests,
+
+    //TODO need to remove once Save as you go is available for all questions
+    /**
+     * @description Verifies the behavior of the 'Add alternative answer' button, warning popups, and validation error messages
+     * in the 'Specify correct answer' section for alternative answers in auto-scored questions.
+     * @param {string|null} questionType - The type of the question (e.g., 'list ordering'). Pass `null` if not applicable.
+     * @example - verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
+     */
+    verifyAutoScoredAddAlternativeAnswerButtonAndValidation: (questionType = null) => {
+        it('\'+ Add alternative answer\' button should be present', () => {
+            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
+            utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('content', '""');
+        });
+
+        it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton().find('p'), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .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 enabled state', () => {
+            utilities.verifyElementNotDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
+            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
+        });
+
+        it('CSS of warning popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
+                'color': css.color.flyoutTitle,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
+                'fill': css.color.closeIcon
+            });
+        });
+
+        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
+            dialogBoxBase.steps.closeWarningPopup();
+        });
+    },
+
+    //TODO need to remove once Save as you go is available for all questions
+    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();
+            dialogBoxBase.steps.closeWarningPopup();
+            //TODO: Need to add error message according to question types
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+    },
+
     verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
         it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');

package/cypress/pages/textEntryMathPage.js

@@ -3,7 +3,7 @@ import utilities from "../support/helpers/utilities"
 import { questionInstructionsComponent, questionInputFieldComponent, createQuestionBasePage, commonComponents, additionalSettingsPanel, autoScoredSpecifyCorrectAnswerSection, scoringSectionBaseEditTab, autoScoredScoringSectionMultiResponseType, autoScoredScoringPreviewTab, equationEditorFlyout, autoScoredStudentViewSettings, correctIncorrectAnswerLabelComponent, ckEditorToolbar, colorPopupComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent, additionalSettingsAccessibilitySectionComponent, equationEditorSectionCommonComponent, styleAndLayoutCustomizationAccordionComponent, imageCanvasComponent } from "./components"
 import { customSettingsSeparatorComponent } from "./components/customSettingsSeparatorsComponent";
 import { dialogBoxBase } from "./dialogBoxBase";
-
+import { createItemPage } from "./createItemPage";
 
 const css = Cypress.env('css');
 const borderStyles = ["Dashed", "Dotted", "Solid", "None"]
@@ -197,6 +197,8 @@ const steps = {
     ...equationEditorSectionCommonComponent.steps,
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...imageCanvasComponent.steps,
+    ...createItemPage.steps,
+
     verifyAddStructureTabIsSelected: () => {
         textEntryMathPage.addStructureTab()
             .should('have.attr', 'aria-selected', 'true');
@@ -856,6 +858,7 @@ const steps = {
         textEntryMathPage.responseFieldWrapperPreviewTab()
             .eq(index)
             .within(() => {
+                cy.wait(1000);
                 textEntryMathPage.tickIcon()
                     .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
             });
@@ -869,6 +872,7 @@ const steps = {
         textEntryMathPage.responseFieldWrapperPreviewTab()
             .eq(index)
             .within(() => {
+                cy.wait(1000);
                 textEntryMathPage.tickIcon()
                     .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
             });
@@ -1861,7 +1865,7 @@ const tests = {
             if (type === 'add background') {
                 textEntryMathPage.steps.insertResponseArea(60);
                 textEntryMathPage.steps.verifyResponseAreaFillColorAddBackGround(0, modifiedColor);
-                textEntryMathPage.steps.verifyResponseAreaFillColorAddBackGround(1, modifiedColor);;
+                textEntryMathPage.steps.verifyResponseAreaFillColorAddBackGround(1, modifiedColor);
             }
             else {
                 textEntryMathPage.steps.addResponseArea();
@@ -1921,7 +1925,7 @@ const tests = {
                 textEntryMathPage.steps.insertResponseArea(60);
                 textEntryMathPage.steps.switchToPreviewTab();
                 textEntryMathPage.steps.verifyAnswerInputFieldFillColorAddBackground(0, modifiedColor);
-                textEntryMathPage.steps.verifyAnswerInputFieldFillColorAddBackground(1, modifiedColor);;
+                textEntryMathPage.steps.verifyAnswerInputFieldFillColorAddBackground(1, modifiedColor);
             }
             else {
                 textEntryMathPage.steps.addResponseArea();

package/cypress/pages/textEntryMathWithImagePage.js

@@ -1,6 +1,7 @@
 import { imageCanvasComponent, backgroundImageUploadComponent, questionInstructionsComponent, autoScoredScoringPreviewTab, connectorStyleStyleAndLayoutCustomizationComponent } from "./components"
 import { textEntryMathPage } from "./textEntryMathPage";
 import { dialogBoxBase } from "./dialogBoxBase";
+import { createItemPage } from "./createItemPage";
 import utilities from "../support/helpers/utilities";
 const css = Cypress.env('css');
 
@@ -36,7 +37,9 @@ const steps = {
     ...imageCanvasComponent.steps,
     ...questionInstructionsComponent.steps,
     ...textEntryMathPage.steps,
+    ...createItemPage.steps,
     ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
+    
     addBackground: () => {
         textEntryMathWithImagePage.addBackgroundButton()
             .click();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.337-IEI-5508-automated-tests-9e03453.0",
+  "version": "1.0.338",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -52,4 +52,4 @@
   "devDependencies": {
     "@applitools/eyes-cypress": "^3.47.0"
   }
-}
+}