itemengine-cypress-automation 1.0.564-IEI-7011-cf323ce.0 → 1.0.564-IEI-7011-3998a1c.0

package/cypress/pages/components/showAlternativeAnswersComponent.js

@@ -10,20 +10,19 @@ const showAlternativeAnswersComponent = {
     showAlternativeAnswersToggleInput: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] input[type="checkbox"]'),
     showAlternativeAnswersToggleLabel: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] [class*="SwitchLabelWrapper"]'),
     showAlternativeAnswersToggleButton: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] .MuiButtonBase-root'),
-    
+
     // Selectors for the alternative answers content section
-    alternativeAnswersSection: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').contains('Alternative answer'),
-    alternativeAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]:contains("Alternative answer")'),
+    alternativeAnswersSection: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(1), // Alternative answer is typically the second wrapper
     alternativeAnswerGridWrapper: () => cy.get('[class*="CorrectAnswerGridWrapper"]'),
     alternativeAnswerSelectionGrid: () => cy.get('.correct-ans-selection-grid'),
+    correctAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(0), // Correct answer is typically the first wrapper
 
     steps: {
         /**
          * Verifies that the "Show alternative answers" toggle is present and visible
          */
         verifyShowAlternativeAnswersToggleExists: () => {
-            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
-                .should('be.visible');
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper().should('be.visible');
             showAlternativeAnswersComponent.showAlternativeAnswersToggleLabel()
                 .should('contain.text', 'Show alternative answers');
         },
@@ -76,10 +75,10 @@ const showAlternativeAnswersComponent = {
         enableShowAlternativeAnswersToggle: () => {
             showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
                 .then(($input) => {
-                    if (!$input.prop('checked')) {
-                        showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-                    }
-                });
+                if (!$input.prop('checked')) {
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                }
+            });
         },
 
         /**
@@ -88,81 +87,58 @@ const showAlternativeAnswersComponent = {
         disableShowAlternativeAnswersToggle: () => {
             showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
                 .then(($input) => {
-                    if ($input.prop('checked')) {
-                        showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-                    }
-                });
+                if ($input.prop('checked')) {
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                }
+            });
         },
 
         /**
          * Verifies that the alternative answers section is visible
          * @param {number} index - The index of the alternative answer (e.g., 1 for "Alternative answer 1")
-         * @param {number} points - The expected points for the alternative answer
+         * @param {string} points - The expected points for the alternative answer
          */
-        verifyAlternativeAnswersSectionVisible: (index, points) => {
-            cy.get('[class*="CorrectAnswerLabelWrapper"]')
-                .contains(`Alternative answer ${index}`)
-                .should('be.visible');
-            
+
+        verifyAlternativeAnswersLabelAndPointVisible: (index, points) => {
+            showAlternativeAnswersComponent.alternativeAnswersSection().should('be.visible');
+
             if (points) {
-                cy.get('[class*="CorrectAnswerLabelWrapper"]')
-                    .contains(`Alternative answer ${index}`)
+                showAlternativeAnswersComponent.alternativeAnswersSection()
                     .parent()
                     .find('p')
-                    .should('contain.text', `(${points} points)`);
+                    .invoke('text')
+                    .then((text) => {
+                        expect(text.trim()).to.equal(points);
+                    });
             }
         },
 
         /**
-         * Verifies that the alternative answers section does not exist
-         */
-        verifyAlternativeAnswersSectionNotExist: () => {
-            cy.get('[class*="CorrectAnswerLabelWrapper"]')
-                .contains('Alternative answer')
-                .should('not.exist');
-        },
-
-        /**
-         * Verifies the complete alternative answers section including content and grid
-         * @param {number} index - The index of the alternative answer (e.g., 1 for "Alternative answer 1")
+         * Verifies that the correct answers section is visible
          * @param {number} points - The expected points for the alternative answer
          */
-        verifyAlternativeAnswersSectionComplete: (index = 1, points) => {
-            // Verify the alternative answer label is visible
-            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionVisible(index, points);
-            
-            // Verify the selection grid is visible
-            showAlternativeAnswersComponent.alternativeAnswerSelectionGrid()
+
+        verifyCorrectAnswersLabelAndPointVisible: (points) => {
+            showAlternativeAnswersComponent.correctAnswerLabelWrapper()
                 .should('be.visible');
+
+            if (points) {
+                showAlternativeAnswersComponent.correctAnswerLabelWrapper()
+                    .parent()
+                    .find('p')
+                    .invoke('text')
+                    .then((text) => {
+                        expect(text.trim()).to.equal(points);
+                    });
+            }
         },
 
         /**
-         * Comprehensive test that verifies the complete toggle functionality
-         * @param {number} index - The index of the alternative answer to verify
-         * @param {number} points - The expected points for the alternative answer
+         * Verifies that the alternative answers section does not exist
          */
-        verifyShowAlternativeAnswersToggleFunctionality: (index, points) => {
-            // Start with ensuring toggle exists
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
-            
-            // Test unchecked state
-            showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
-
-            // Verify the alternative answers section does not exist
-            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
-            
-            // Test checked state
-            showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleChecked();
-
-            // Verify the alternative answers section is visible
-            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionVisible(index, points);
-            
-            // Test toggle back to unchecked
-            showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
-            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
-        }
+        verifyAlternativeAnswersSectionNotExist: () => {
+            showAlternativeAnswersComponent.alternativeAnswersSection().should('not.exist');
+        },
     },
 };
 

package/cypress/pages/multipleSelectionPage.js

@@ -79,6 +79,8 @@ const selectors = {
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerLabel"]'),
     correctAnswerSectionWrapper: () => cy.get('[class*="question-preview-wrapper"] .mcq-checkbox-control.mcq-answer-checked').eq(1),
     optionWrapperCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
+    alternativeAnswerSectionWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(1).next(),
+    optionWrapperAlternativeAnswerSection: () => cy.get('.mcq-option-wrapper'),
     answerStatusBanner: () => cy.get('[class*="StatusContainer"]'),
     cancelButton: () => cy.get('.save-action-btn-wrapper .MuiButtonBase-root').eq(1),
     optionsInputFieldInQuestionPreviewTab: () => cy.get('.mcq-option-wrapper [data-testid="question-instruction-element"]'),
@@ -861,6 +863,36 @@ const steps = {
             .should('exist');
     },
 
+    /**
+     * Verifies correct option icon in alternative answer section
+     * @param {number} optionIndex - The index of the option to verify
+     */
+    verifyCorrectOptionIconAlternativeAnswerSection: (optionIndex) => {
+        multipleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperAlternativeAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
+            });
+    },
+
+    /**
+     * Verifies that correct/incorrect icon is not visible in alternative answer section
+     * @param {number} optionIndex - The index of the option to verify
+     */
+    verifyCorrectIncorrectIconNotVisibleAlternativeAnswerSection: (optionIndex) => {
+        multipleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperAlternativeAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+                    });
+            });
+    },
+
     verifyAnswerBannerNotExist: () => {
         multipleSelectionPage.answerStatusBanner()
             .should('not.exist');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.564-IEI-7011-cf323ce.0",
+  "version": "1.0.564-IEI-7011-3998a1c.0",
   "description": "",
   "main": "index.js",
   "scripts": {