itemengine-cypress-automation 1.0.579-IEI-7193-main-6a7df51.0 → 1.0.580-IEI-7040-1e744fc.0

package/cypress/pages/fillInTheGapsDropdownPage.js

@@ -2,6 +2,7 @@ import utilities from "../support/helpers/utilities";
 import { autoScoredScoringPreviewTab, createQuestionBasePage, scoringSectionBaseEditTab, questionInstructionsComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, fillInTheGapsDropdownCommonComponent, questionInputFieldComponent, commonComponents, additionalSettingsPanel, optionsWrapperComponent, randomizeOptionsComponent, studentViewSettingsLabelComponent, responseAreaSettingsPopupComponent, gradingViewEnumerationComponent, additionalSettingsAccessibilitySectionComponent, ariaLabelSectionComponent, placeholderTextSectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent } from "./components";
 import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -25,8 +26,8 @@ const selectors = {
     ...figCommonStyleAndLayoutComponent,
     dropdownWrapperPreviewTab: () => cy.get('.cloze-with-text-answer-status-response-preview-wrapper'),
     correctAnswerSectionWrapper: () => cy.get('.cloze-with-text-correct-answer-wrapper'),
-    correctAnswerResponseWrapper: () => cy.get('.answer-block'),
-    correctAnswerResponse: () => cy.get('.numeration-wrapper'),
+    correctAnswerResponseWrapper: () => alternativeAnswerCheck ? cy.get('[class*="ClozeWithTextResponsestyles__AnswerCell"]') : cy.get('.answer-block'),
+    correctAnswerResponse: () => alternativeAnswerCheck ? cy.get('[class*="AnswerWrapperForLabel"]') : cy.get('.numeration-wrapper'),
     setForAllDropdownsLabel: () => cy.get('[data-ngie-testid="set-for-all-dropdowns-checkbox"] .MuiFormControlLabel-label'),
     setForAllDropdownsCheckbox: () => cy.get('[data-ngie-testid="set-for-all-dropdowns-checkbox"] input'),
     correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.cloze-with-text-correct-answer-wrapper .preview-question-text-wrapper'),
@@ -41,6 +42,8 @@ const selectors = {
     alternateAnswerPopupSaveButton: () => cy.get('[class*="AlternateOptionstyle__ButtonWrapper"] button').eq(1),
     selectedAlternateAnswerCountSpecifyCorrectAnswer: () => cy.get('.selected-option-wrapper'),
     answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
+    correctAnswerPointsLabel: () => cy.get('[class*="CorrectAnswerSectionstyle__CorrectAnswerLabelWrapper"] p'),
+    alternativeAnswersSection: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(4), // Alternative answer is typically the second wrapper
 }
 
 const steps = {
@@ -128,6 +131,41 @@ const steps = {
         });
     },
 
+    /**
+     * Verify correct answer section with alternate answers.
+     *
+     * @param {Object[]} correctAnswerArray - An array of objects representing the expected correct answers and their corresponding points.
+     * @param {string[][]} correctAnswerArray[].correctAnswers - A nested array of correct answer text values. 
+     * Each inner array represents a group of alternate correct answers for a particular text container.
+     * @param {string[]} correctAnswerArray[].points - An array of point label strings associated with each correct answer group.
+     *
+     */
+
+    verifyCorrectAnswerSectionWithAlternateAnswer: (correctAnswerArray) => {
+        let responseIndex = 0;
+        let pointsLabelIndex = 0;
+        correctAnswerArray.forEach(({correctAnswers, points}) => {
+            correctAnswers.forEach((textContainers, index) => {
+                textContainers.forEach((correctAnswer) => {
+                    fillInTheGapsDropdownPage.correctAnswerResponseWrapper()
+                        .eq(responseIndex)
+                        .within(() => {
+                            utilities.verifyInnerText(fillInTheGapsDropdownCommonComponent.correctAnswerResponseNumeration(), `${index + 1}`);
+                            fillInTheGapsDropdownPage.correctAnswerResponse()
+                                .should('have.text', correctAnswer);
+                        });
+                    responseIndex += 1;
+                });
+            });
+            points.forEach((pointsText) => {
+                fillInTheGapsDropdownPage.correctAnswerPointsLabel()
+                    .eq(pointsLabelIndex)
+                    .should('have.text', pointsText);
+                pointsLabelIndex += 1;
+            });
+        });
+    },
+
     verifyCorrectAnswerSectionNotExists: () => {
         utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.correctAnswerSectionWrapper(), 'notExist');
     },
@@ -334,6 +372,13 @@ const steps = {
         fillInTheGapsDropdownPage.answerStatusBanner()
             .should('be.visible');
     },
+
+    /**
+     * Verifies that the alternative answers section does not exist
+     */
+    verifyAlternativeAnswersSectionNotExist: () => {
+        fillInTheGapsDropdownPage.alternativeAnswersSection().should('not.exist');
+    },
 }
 
 const tests = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.579-IEI-7193-main-6a7df51.0",
+  "version": "1.0.580-IEI-7040-1e744fc.0",
   "description": "",
   "main": "index.js",
   "scripts": {