itemengine-cypress-automation 1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.0 → 1.0.573-IEI-7079-ed54ea2.0

package/cypress/pages/chartsDotPlotPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities"
-import { createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, chartsCommonComponent, commonComponents, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, layoutSectionComponent, autoScoredSpecifyCorrectAnswerSection, correctIncorrectAnswerLabelComponent, autoScoredScoringSectionMultiResponseType, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent } from "./components";
+import { createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, chartsCommonComponent, commonComponents, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, layoutSectionComponent, autoScoredSpecifyCorrectAnswerSection, correctIncorrectAnswerLabelComponent, autoScoredScoringSectionMultiResponseType, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, showAlternativeAnswersComponent } from "./components";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 import { dialogBoxBase } from "./dialogBoxBase";
 import { createItemPage } from "./createItemPage";
@@ -96,6 +96,8 @@ const selectors = {
     //Correct answer section
     correctAnswersLabel: () => cy.get('[class*="CorrectAnswerHeader"]:visible'),
     dotPlotChartCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] [class*="DotPlotChartstyles__ChartWrapper"]').eq(1),
+    //alternate answer section
+    dotPlotChartAlternateAnswerSection: () => cy.get('[class*="question-preview-wrapper"] [class*="DotPlotChartstyles__ChartWrapper"]').eq(2),
     dotColumnCorrectAnswerSection: () => cy.get('.ngie-chart-point'),
     dotIconCorrectAnswerSection: () => cy.get('.dot-icon'),
     numberLineAxisCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .number-line-wrapper').eq(0),
@@ -119,6 +121,7 @@ const steps = {
     ...dialogBoxBase.steps,
     ...commonComponents.steps,
     ...createItemPage.steps,
+    ...showAlternativeAnswersComponent.steps,
 
     //select chart type
     selectDotPlot: () => {
@@ -1425,6 +1428,22 @@ const steps = {
         }
     },
 
+    verifyCorrectDotColumnAlternateAnswerSection: ({ point, min, interval, defaultDots = null }) => {
+        const index = Math.round((point - min) / interval);
+        chartsDotPlotPage.dotPlotChartAlternateAnswerSection()
+            .within(() => {
+                chartsDotPlotPage.dotColumnCorrectAnswerSection()
+                    .eq(index)
+                    .should('have.class', 'correct-bar-indicator')
+                    .should('have.css', 'background-color', css.color.correctAnswerLabelBg)
+                    .find('.icon-correct')
+                    .should('exist');
+            });
+        if (defaultDots === null) {
+            steps.verifyCorrectDotAlternateAnswerSection({ point, min, interval });
+        }
+    },
+
     /**
      * Verifies that the empty dot column 
      * @param {object} options - The options object containing point, min, and interval.
@@ -1454,6 +1473,28 @@ const steps = {
             });
     },
 
+    verifyEmptyDotColumnAlternateAnswerSection: ({ point, min, interval }) => {
+        const index = Math.round((point - min) / interval);
+        chartsDotPlotPage.dotPlotChartAlternateAnswerSection()
+            .within(() => {
+                chartsDotPlotPage.dotColumnCorrectAnswerSection()
+                    .eq(index)
+                    .should('have.not.class', 'correct-bar-indicator')
+                    .should('have.css', 'background-color', css.color.transparent)
+                    .find('.icon-correct')
+                    .should('not.exist');
+                chartsDotPlotPage.dotColumnCorrectAnswerSection()
+                    .eq(index)
+                    .should('not.have.class', 'inCorrect-bar-indicator')
+                    .find('.icon-incorrect')
+                    .should('not.exist');
+                chartsDotPlotPage.dotColumnCorrectAnswerSection()
+                    .eq(index)
+                    .find('.dot-icon')
+                    .should('not.exist');
+            });
+    },
+
     /**
      * Verifies that the correct dot exists in the specified column 
      * @param {object} options - The options object containing point, min, and interval.
@@ -1477,6 +1518,22 @@ const steps = {
             });
     },
 
+    verifyCorrectDotAlternateAnswerSection: ({ point, min, interval }) => {
+        const index = Math.round((point - min) / interval);
+        chartsDotPlotPage.dotPlotChartAlternateAnswerSection()
+            .within(() => {
+                chartsDotPlotPage.dotColumnCorrectAnswerSection()
+                    .eq(index)
+                    .within(() => {
+                        chartsDotPlotPage.dotIconCorrectAnswerSection()
+                            .each((el) => {
+                                cy.wrap(el)
+                                    .should('have.css', 'background-color', css.color.correctAnswer)
+                            });
+                    });
+            });
+    },
+
     /**
     * Verifies that the default dot exists in the specified column 
     * @param {object} options - The options object containing point, min, and interval.
@@ -1500,6 +1557,22 @@ const steps = {
             });
     },
 
+    verifyDefaultDotAlternateAnswerSection: ({ point, min, interval }) => {
+        const index = Math.round((point - min) / interval);
+        chartsDotPlotPage.dotPlotChartAlternateAnswerSection()
+            .within(() => {
+                chartsDotPlotPage.dotColumnCorrectAnswerSection()
+                    .eq(index)
+                    .within(() => {
+                        chartsDotPlotPage.dotIconCorrectAnswerSection()
+                            .each((el) => {
+                                cy.wrap(el)
+                                    .should('have.css', 'background-color', css.color.activeButtons)
+                            });
+                    });
+            });
+    },
+
     /**
     * Verify the dot column is locked in preview tab
     * @param {number} index index of the dot column
@@ -1514,6 +1587,16 @@ const steps = {
             });
     },
 
+    verifyDotColumnIsLockedInAlternateAnswerSection: ({ point, min, interval }) => {
+        const index = Math.round((point - min) / interval);
+        chartsDotPlotPage.dotPlotChartAlternateAnswerSection()
+            .within(() => {
+                utilities.getNthElement(chartsDotPlotPage.dotColumnCorrectAnswerSection(), index)
+                    .find('[class*="LockIconWrapper"]')
+                    .should('exist');
+            });
+    },
+
     /**
       * Verifies the expected number of dots 
       * @param {number} expectedDotCount - The expected number of dots.
@@ -1594,6 +1677,21 @@ const steps = {
         steps.verifyDefaultDotCorrectAnswerSection({ point, min, interval });
     },
 
+    verifyLockedDotColumnAlternateAnswerSection: ({ point, min, interval }) => {
+        const index = Math.round((point - min) / interval);
+        chartsDotPlotPage.dotPlotChartAlternateAnswerSection()
+            .within(() => {
+                chartsDotPlotPage.dotColumnCorrectAnswerSection()
+                    .eq(index)
+                    .should('not.have.class', 'correct-bar-indicator')
+                    .and('not.have.class', 'inCorrect-bar-indicator')
+                    .and('not.have.css', 'background-color', css.color.correctAnswerLabelBg)
+                    .and('not.have.css', 'background-color', css.color.correctAnswerLabelBg)
+            });
+        steps.verifyDotColumnIsLockedInAlternateAnswerSection({ point, min, interval });
+        steps.verifyDefaultDotAlternateAnswerSection({ point, min, interval });
+    },
+
     /**
     * @param {number} points - The points to be allotted.
     * @description - Allots points in the scoring section.

package/cypress/pages/chartsLinePage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, barAndLineChartComponent, chartsCommonComponent, commonComponents, correctIncorrectAnswerLabelComponent, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, layoutSectionComponent } from "./components";
+import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, barAndLineChartComponent, chartsCommonComponent, commonComponents, correctIncorrectAnswerLabelComponent, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, layoutSectionComponent, showAlternativeAnswersComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 import { createItemPage } from "./createItemPage";
@@ -17,6 +17,7 @@ const selectors = {
     ...chartsCommonComponent,
     ...layoutSectionComponent,
     ...autoScoredSpecifyCorrectAnswerSection,
+    ...showAlternativeAnswersComponent,
     point: () => cy.get('.ngie-chart-point'),
     selectChartTypePoint: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] .ngie-chart-point'),
     pointLockIcon: () => cy.get('[class*="ChartGridstyle__LineLockIconWrapper"]'),
@@ -54,6 +55,7 @@ const steps = {
     ...commonComponents.steps,
     ...createItemPage.steps,
     ...layoutSectionComponent.steps,
+    ...showAlternativeAnswersComponent.steps,
 
     /**
      * @description set the point height/value in the select chart type section chart
@@ -345,6 +347,23 @@ const steps = {
             });
     },
 
+    /**
+     * Verify the point value in correct answer section tab
+     * @param {Object} pointProperties - The properties of the point
+     * @param {number} pointProperties.pointIndex index of the point
+     * @param {number} pointProperties.value Height of the point as per the axis
+     * @param {number} pointProperties.range Maximum value of the axis on which point value is determined
+     */
+    verifyPointValueInAlternativeAnswerSection: ({ pointIndex, value, range }) => {
+        let pointValue = value / range
+        chartsLinePage.previewTabChartWrapper()
+            .eq(2)
+            .within(() => {
+                utilities.getNthElement(chartsLinePage.point(), pointIndex)
+                    .should('have.attr', 'height', pointValue);
+            });
+    },
+
     /**
      * Verify the correct/incorrect icon of point in correct answer section
      * @param {number} pointIndex index of the point 
@@ -379,6 +398,17 @@ const steps = {
             });
     },
 
+    verifyPointCorrectIncorrectIconNotExistsInAlternativeAnswerSection: (pointIndex) => {
+        chartsLinePage.previewTabChartWrapper()
+            .eq(2)
+            .within(() => {
+                utilities.getNthElement(chartsLinePage.point(), pointIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(chartsLinePage.tickIconWrapper(), 'notExist');
+                    });
+            });
+    },
+
     /**
      * Verify the correct/incorrect icon of point in preview tab
      * @param {number} pointIndex index of the point 
@@ -431,6 +461,12 @@ const steps = {
         chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInCorrectAnswerSection(pointIndex);
     },
 
+    verifyLockedPointInAlternativeAnswerSection: ({ pointIndex, value, range }) => {
+        chartsLinePage.steps.verifyPointValueInAlternativeAnswerSection({ pointIndex: pointIndex, value: value, range: range });
+        chartsLinePage.steps.verifyPointIsLockedInAlternativeAnswerSection(pointIndex);
+        chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInAlternativeAnswerSection(pointIndex);
+    },
+
     /**
      * Verify the point is locked in correct answer section
      * @param {number} pointIndex index of the point
@@ -446,6 +482,17 @@ const steps = {
             });
     },
 
+    verifyPointIsLockedInAlternativeAnswerSection: (pointIndex) => {
+        chartsLinePage.previewTabChartWrapper()
+            .eq(2)
+            .within(() => {
+                utilities.getNthElement(chartsLinePage.point(), pointIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(chartsLinePage.pointLockIcon(), 'visible');
+                    });
+            });
+    },
+
 
     /**
     * verify the displayed penalty points for each incorrect point

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -1,7 +1,6 @@
 import utilities from "../../support/helpers/utilities";
 import { equationEditorCategoriesAndSymbols } from "../../fixtures/equationEditorCategoriesAndSymbols ";
 import { equationEditorFlyout, commonComponents, essayResponseCommonComponents, createQuestionBasePage, autoScoredScoringPreviewTab } from "../components";
-//import { essayResponsePage } from "../essayResponsePage";
 const css = Cypress.env('css');
 const allCategories = Object.values(equationEditorCategoriesAndSymbols)
 const defaultSelectedCategories = ['Numpad', 'Keypad', 'Intermediate', 'Primary', 'General', 'Common', 'Algebra', 'Geo', 'Compare', 'Matrices'];
@@ -334,26 +333,6 @@ const tests = {
                 equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0​');
             }
         });
-
-        it('When user edits the added equation and clicks on Ok button, the edited equation should be displayed in the preview input field in item preview', () => {
-            if (questionType === 'essay response') {
-                essayResponsePage.steps.saveAQuestionAndVerifySnackbar();
-                essayResponsePage.steps.switchToPreviewTab();
-                equationEditorSectionCommonComponent.steps.openResponseFieldEquationContainerEquationEditor(0);
-            }
-            else {
-                equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
-            }
-            equationEditorFlyout.steps.enterTextInPreviewInputField('{backspace}{backspace}');
-            equationEditorFlyout.steps.enterEquation([{ categoryName: 'numPad', symbolName: ['multiply', 'zero'] }]);
-            equationEditorFlyout.steps.clickOnOkButton();
-            if (questionType === 'essay response') {
-                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationText(0, 'x+5×0');
-            }
-            else {
-                equationEditorSectionCommonComponent.steps.verifyResponseFieldEquationTextNew(0, 'x+5×0​');
-            }
-        });
     },
 
     /**

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -96,8 +96,7 @@ const selectors = {
     customSpecialCharacterLabel: () => cy.get('[class*="InlineTextFieldWithDebouncestyles__PropertyLabel"]').eq(1),
     customSpecialCharacterInputField: () => cy.get('input[aria-label="Custom Special Characters"]'),
     limitReachedWarningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
-    limitReachedWarningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]'),
-    wordCharacterLimitWrapper: () => cy.get('.essay-character-view-wrapper')
+    limitReachedWarningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]')
 }
 
 const steps = {
@@ -203,24 +202,6 @@ const steps = {
             .should('be.checked');
     },
 
-    unCheckAlwaysShowMinimumLimitCheckbox: () => {
-        essayResponseCommonComponents.alwaysShowMinLimitCheckBox()
-            .click()
-            .should('not.be.checked');
-    },
-
-    checkAlwaysShowMaximumLimitCheckbox: () => {
-        essayResponseCommonComponents.alwaysShowMaxLimitCheckbox()
-            .click()
-            .should('be.checked');
-    },
-    
-    uncheckAlwaysShowMaximumLimitCheckbox: () => {
-        essayResponseCommonComponents.alwaysShowMaxLimitCheckbox()
-            .click()
-            .should('not.be.checked');
-    },
-
     verifyListItemLengthInResponseField: (length) => {
         essayResponseCommonComponents.responseField()
             .find('li')

package/cypress/pages/essayResponsePage.js

@@ -19,7 +19,6 @@ const selectors = {
     ...customizeSpecialCharacterComponent,
     ...dialogBoxBase,
     ...equationEditorSectionCommonComponent,
-    ...autoScoredScoringPreviewTab,
     //Basic section
     displayWordLimitLabel: () => cy.get('#Display-word-limit-dropdown-label'),
     displayWordLimitDropdown: () => cy.get('#Display-word-limit-select'),
@@ -143,7 +142,6 @@ const steps = {
     ...dialogBoxBase.steps,
     ...equationEditorSectionCommonComponent.steps,
     ...createItemPage.steps,
-    ...autoScoredScoringPreviewTab.steps,
 
     clickOnSpecialCharactersPopupCloseButton: () => {
         essayResponsePage.specialCharactersPopupCloseButton()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.573-IEI-7065-Improve-test-coverage-for-essay-response-c25d1ee.0",
+  "version": "1.0.573-IEI-7079-ed54ea2.0",
   "description": "",
   "main": "index.js",
   "scripts": {